Cara Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1
T Diposting oleh Darmanto SEO pada 8 Juli 2013F Kategori SEO, Tutorial Blog, Tutorial SEO
b 1 komentar
@ Dilihat 960 kali
Inilah cara memanipulasi title blog dengan gambar agar terdetek H1. Tag h1 adalah title tag untuk sebuah blog dan keberadaannya menurut saya sangat diperlukan untuk kelangsungan nilai seo sebuah blog. Artinya tag h1 akan menambah nilai seo blog Anda.Ada cara termudah untuk mengatasi hal tersebut di atas, yaitu menambahkan langsung tag h1 pada image atau logo blog pada edit HTML. Silahkan cari kode di bawah berikut ini:
<div id=’header-inner’>
<a expr:href=’data:blog.homepageUrl’ style=’display: block’>
<img expr:alt=’data:title’ expr:id=’data:widget.instanceId + "_headerimg"’ expr:src=’data:sourceUrl’ style=’display: block’/>
</a>
<a expr:href=’data:blog.homepageUrl’ style=’display: block’>
<h1><img expr:alt=’data:title’ expr:id=’data:widget.instanceId + "_headerimg"’ expr:src=’data:sourceUrl’ style=’display: block’/></h1>
</a>
Dan bagi anda yang templatenya sudah menggunakan kode manipulasi title blog dengan gambar,berikut ini caranya:
1. Buatlah gambar yang sesuai dengan kehendak Anda untuk menggantikan logo pada header untuk background header-wrapper. Gambar tersebut harus sesuai dengan luas header-wrapper agar nantinya sesuai dengan template Anda. Kemudian tambahkan gambar dan kode “overflow:hidden” tersebut pada CSS header-wrapper sebagai backround pada edit HTML, dan penampakannya akan seperti di bawah ini:
#header-wrapper{background:url(https://3.bp.blogspot.com/-fSb0Ff5MGw0/UUcdKx6ApUI/AAAAAAAAXsA/qjZ63XQ3hF4/s1600/header+kompidotcom.png)no-repeat;width:980px;margin:0 auto;overflow:hidden}
3. Agar title blog yang sekarang menjadi teks tidak muncul dan menghalangi gambar dari header-wrapper (point 1), maka headernya harus disembunyikan. Sekarang masuk lagi pada Edit HTML, tambahkan kode “visibility:hidden” tanpa tanda kutip pada kode CSS header. Sehingga penampakannya akan seperti di bawah ini:
#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}
Nah sampai di sini saja yang harus Anda lakukan untuk memanipulasi title blog dengan gambar sehingga blog Anda tetap mempunyai gambar sebagai logo blog namun tetap terdetek tag h1 dan tidak terjadi multi tag h1 pada postingan.
Sumber
Diposting oleh Darmanto SEO Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo
a Artikel Terkait Cara Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1
Pengertian Footprint SEO Dan Kegunaannya
Pengertian Footprint SEO kali ini akan saya bagikan buat para sobat untuk menambah pengetahuan seputar SEO. Apa Itu Footprint? Footprint SEO adalah jejak yang dimiliki oleh suatu script atau platform tertentu, tiap script memiliki sebuah kode khusus yang spesifik dan... Selengkapnya
Tips SEO #2 Cara Mudah Analisa Backlink Pesaing
Tips SEO #2 hari ini tentang Cara Analisis Backlink Pesaing. Untuk bisa mengintip/mengikuti, menganalisa backlink web pesaing yang ingin diikuti, sobat bisa menggunakan beberapa situs ini yang saya rekomendasikan untuk Anda dan Anda akan mendapatkan daftar backlink dari situs-situs yang ingin Anda saingi. Terdapat... Selengkapnya
Google Disavow Dan Manfaatnya
Sekitar tahun 2012, Google meluncurkan fitur yang bernama Google disavow. Manfaat fitur ini adalah untuk membuat blog Anda terhindar penurunan peringkat di Search engine akibat dari backlink yang dianggap spam. Sebagaimana diketahui, link spam bisa berdampak pada kemungkinan penurunan ranking... Selengkapnya
1 Komentar untuk Cara Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1
Mantappp (y) berhasil pak