thumbnail
Blogging SEO

Cara SEO dengan memanipulasi heading Blog

Cara SEO dengan memanipulasi Heading Blog

Cara SEO dengan memanipulasi heading Blog
Cara SEO dengan memanipulasi heading blog ini saya dapatkan ketika saya blogwalking ke blog maskolis. Beliau begitu terkenal dengan berbagai triknya tentang seo baik di indonesia dan juga internasional. Jadi sebelum saya kehilangan ingatan akhirnya saya dokumentasikan disini sebagai diary pribadi agar kelak jika membutuhkan saya tidak perlu repot-repot mencari.

Cara SEO dengan memanipulasi heading Blog hanyalah salah satu cara dari sekian banyak cara untuk mengejar target yaitu blog yang SEO friendly dimata search engine, lalu bagaimana caranya? simak ulasan berikut.

Manipulasi Heading Blog

Seperti kita ketahui semua, banyak template blog yang bagus secara design diluar sana, kebanyakan dari template tersebut mementingkan masalah design. Kita yang akan tetap memakainya tetapi dengan sedikit memodifikasi agar optimal dimata Google Search. Baiklah, langsung saja saya akan berikan kepada temen-temen semua langkah-langkah dalam mengoptimalkan template yang kita pakai agar lebih SEO friendly
Pertama yang mesti anda lakukan tentu login dulu di Blogger
Kemudian klik Rancangan >> edit HTML
Jangan lupa Centang Expand Template Widget
Klik Download template lengkap untuk jaga-jaga.

Manipulasi Tag Heading Judul Postingan

Cari kode 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>
Setelah ketemu Ganti semua kode di atas dengan kode dibawah 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>

Manipulasi Tag Heading Judul Blog

Cari lagi kode di bawah ini
<h1 class='title' style='background: transparent;  border-width: 0px'>
 <b:include name='title'/>
</h1>

Selanjutnya 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>
Cari kode berikut 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>

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.
.post h3 { 
.................................. 
} 

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

.post h3 a:hover { 
.................................... 
}
Ganti kodenya dengan kode di bawah ini
.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;
}

Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini
#header h1 { 
............................ 
}
Setelah itu Ganti dengan kode di bawah 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;
}

Kemudian Save/Simpan template anda, selesai....

Anda bisa memanipulasi langkah-langkah diatas sesuai dengan kebutuhan anda. Jika sakit berlanjut hubungi maskolis, hahahahhaha, just kidding... ^_^ OK selamat mencoba.

Salam, Agung Jaka Nugraha

Cara SEO dengan memanipulasi heading Blog