.
Icon Icon Icon

Kamis, 18 April 2013

Cara Merubah Tag Heading H1 H2 H3 Agar Seo Friendly


Dalam template bawaan blogger sepertinya dalam penyusunan tag heading tidak tertata rapi / tidak beraturan. Maka supaya template anda tersusun dengan rapi dalam tag headingnya dan akan cepat terindeks oleh google, diusahakan merubah tag heading yang ada pada template bawaan blogspot tersebut. 

Supaya menjadi Seo Friendly maka Tag Heading H1, H2, H3 tersebut perlu untuk diatur kembali penyusunannya. Tag heading yang benar akan mampu meningkatkan kualitas blog terhadap optimasi SEO.

     1. Tag Heading H1 = adalah title/judul blog
     2. Tag Heading H2 = adalah judul postingan/artikel
     3. Tag Heading H3 = adalah widget


 Berikut Cara Merubah Tag Heading H1 H2 H3 Agar SEO Friendly
     1. Login ke Blogger anda
     2. Rancangan
     3. Edit HTML dan centang Expand Widget Template

  •  Cara di bawah ini yaitu menjadikan tag h2 sebagai judul postingan/artikel
 <b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
      4.  Silahkan ubah tag h3 menjadi h1
  •  Lanjut dengan merubah Tag Heading pada widget 
      1.  Carilah kode seperti dibawah ini pada template anda :

   <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if>

       2   Silahkan anda ganti tag h2 menjadi h3
            (Tergantung pada widget anda di homepage, apabila widget anda ada 7 buah, ya ubah 
            yang 7 buah widget anda di homepage untuk menjadikan tag h2 menjadi h3)
       3.  Selesai dan simpan template
       4   Cek hasilnya dengan klik link ini : H and ALT Tag Checker 
    

    Kemudian Cari Kode ]]></b:skin> Letakkan kode berikut diatas kode    ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Tujuannya adalah membuat judul yang awalnya berubah menjadi berukuran sangat besar karena diubah menjadi <h1> kembali menjadi berukuran sedang.

     5.  Klik save template
     6.  Selesai..

0 komentar:

Posting Komentar