Search....

seo heading h1 h2 dan h3

Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah
tagsatu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.mari kita simak berikut ini

  • di backup dulu ya....sebelum memulai....
  • langkah pertama yaitu mengatur tag head judul blog menjadi Heading H1
cari code yang kira-kira seperti ini

<div class='titlewrapper'
bla....bla....bla...
bla...bla..
bla...
 </div>

rubahlah code diatas menjadi seperti ini:

<div class='titlewrapper' style='background: transparent'>
<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/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h3>
</b:if>
</div>
 catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

  • langkah kedua yaitu merubah TAG HEAD DISKRIPSI menjadi H2
sekarang cari code yang mirip dengan ini:

<div class='descriptionwrapper'>
bla....bla....bla...
bla...bla..
bla...
</div>

kemudian ganti code diatas menjadi seperti ini :

 

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

 catatan:
kemungkinan pada sebuah templete terdapat lebih dari satu code yang sama,soo...rubahlah semua.

  • langkah ketiga yaitu Merubah tag head posting menjadi h3 dan membuat h1 sebagai halaman posting
pertama :
 Merubah tag head posting menjadi h3
 cari code yang mirip dengan ini

 <div class='post hentry uncustomized-post-template'

kemudian cari code seperti ini setelah code diatas

 <h? class='post-title entry-title' itemprop='name'>
 bla....bla....bla...
bla...bla..
bla...
 </h?>

rubahlah tag h? menjadi h3

Kedua:
 merubah tag head posting menjadi h1
 carilah code yang mirip dengan ini

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

bla....bla....bla...
bla...bla..
bla...
 </h3>
</b:if>


kemudian ganti semua code diatas menjadi seperti ini :
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>
 preview dulu kemudian save

penting :
 ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog akan berubah,kamu bisa merubah ukurannya dari element h1,h2,h3

untuk heading bagian H4,H5 dan H6
ane akan beri penjelasan yang akan datang 
Comments
0 Comments

No comments:

Post a Comment

mohon menggunakan bahasa yang baik