mengoptimalkan SEO blog

Cara Menggunakan Tag Heading Dinamis

Menggunakan tag <h1> untuk judul posting dimaksudkan untuk lebih mengoptimalkan SEO blog, karena spider search engine saat men-crawl blog, akan melacak tag heading yang diurut mulai dari tag <h1> hingga tag <h6>.  Agar tidak terjadi duplikat tag <h1> pada homepage blog, dibutuhkan special trik untuk memanipulasi tag <h1> sehingga pada homepage, judul blog tetap sebagai tag heading <h1> dan judul posting sebagai tag heading <h2> sedangkan pada halaman posting judul artikel akan mengisi tag heading <h1> menggantikan posisi judul blog, inilah yang dinamakan tag heading dinamis.

Berikut adalah cara menggunakan tag heading dinamis :

• Login ke blogger dengan ID Anda

• Pada halaman dashboard klik link title blog Anda

• Pilih menu Template pada sidebar sebelah kiri

• Untuk mengantisipasi hal-hal yang tidak dinginkan backup template blog Anda

• Klik Template >> Edit HTML >> Proceed

• Beri tanda check pada kotak Expand widgets templates

• Cari kode seperti di bawah ini

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

• Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

• Berikut cari lagi kode seperti di bawah ini

<h1 class='title'>
<b:include name='title'/>
</h1>

• Ganti dengan kode berikut ini 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

• Selanjutnya cari kode seperti berikut ini

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

• Ganti dengan kode di bawah ini 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

• Cari kode CSS seperti di bawah ini

.post h3 {bla...bla...bla...bla...}
.post h3 a, .post h3 a:visited {bla...bla...bla...bla...}
.post h3 a:hover {bla...bla...bla...bla...}

• Ganti dengan kode berikut ini, atau disesuaikan saja agar tampilan blog tidak berubah

.post h1, .post h2 {margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em;color:$titlecolor;}
.post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {color:$textcolor;}

• Cari kode seperti di bawah ini

#header h1 {bla...bla...bla...bla...}

• Ganti dengan kode berikut ini

#header h1, #header p {margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font: $pagetitlefont;}