Laman

Senin, 04 Februari 2013

Cara Mengubah Tag Heading Blogspot menjadi SEO

Share on :
Cara Mengubah Tag Heading Blogspot Menjadi SEO - Membuat tag heading / template blog / blogspot / web menjadi lebih SEO friendly atau cara membuat tag heading blogspot mudah diindex google atau cara menjadikan agar tag heading / template blog / blogspot / web menjadi / lebih SEO friendly / mudah diindex oleh google / mesin pencari / search engine -  Ok alljackblogg! Setelah kemarin selesai memposting artikel yang menjelaskan tentang pengertian SEO, maka kali ini Oke langsung saja.. Template blog atau web mempunyai  struktur Tag Heading yang terdiri dari h1, h2, h3 dst.. Menurut informasi banyak orang ataupun dari para pakar blog, template blog yang disediakan oleh blogger mempunyai struktur tag heading yang kurang seo friendly. Padahal syarat agar sebuah blog bisa diindex oleh google haruslah mempunyai struktur tag heading yang seo friendly, yaitu dengan susunan seperti ini
- tag h1 untuk judul blog (tidak bisa untuk yang lain, artinya h1 hanya untuk judul blog),
- tag h2 untuk judul postingan (akan lebih cepat diindex google)
- terakhir tag h3 untuk widget blog.
Nah, berikut ini akan saja sajikan sebuah artikel cara mengubah template blogspot menjadi seo friendly, yang pastinya akan membuat blog kita lebih diindex oleh om google.

Berikut ini cara mengubah struktur tag heading blogspot menjadi seo friendly:
1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Cari kode berikut ini:
<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'>
          <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>
> Perhatikan syntac <h3 dan </h3>, ubahlah menjadi <h2 dan </h2>

3. Next cari kode ini:
<h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>
> Ubahlah <h3 menjadi <h2 dan </h3> menjadi </2>

4. Cari kode seperti ini atau yang mirip seperti ini:
<Group description="Post Title" selector="h3.post-title
> Hapus keseluruhannya karena codenya cuma setengah dan ganti menjadi
<Group description="Post Title" selector="h2.post-title, h4, h2.post-title a">

5. Cari kode di bawah ini:
h3.post-title, h4
> Tekan Enter 2 kali disaat anda mencari kode pake Ctrl + F
> Ubahlah h3 menjadi h2

6. Ubahlah tag heading widget menjadi h3 dengan mencari kode seperti ini:

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


> Ubah <h2 dan </h2> menjadi <h3 dan </h3>
*Lakukan semua ini pada semua widget blog sobat, artinya bila blog sobat terpasang 4 widget maka penggantian juga dilakukan 4 kali.

7. Langkah terakhir adalah cari kode di bawah ini:

<title><data:blog.pageTitle/></title>

> Hapus kode tersebut dan ganti menjadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Save Template!!
Akhirnya selesai juga, tutorial cara mengubah tag heading blogspot menjadi SEO dan sekarang blog kita lebih seo friendly pastinya.

Happy Blogging
Share on :

Tidak ada komentar:

Posting Komentar

Terima Kasih Telah Membaca Post ini..
Jangan Lupa Untuk Meninggalkan Komentarnya yah ツ