Tips SEO Cara Membuat Tag Heading Yang Disukai Search Engine

Cara Membuat Mengganti Memasang Mempercantik Pada Di Blog Blogger Blogspot Tutorial Trik Tips SEO Template Terbaru.
Menurut Para master SEO (Search Engine Optimization) Menerangkan bahwa struktur tag heading yang di suka oleh google yaitu tag h1 untuk title blog / judul blog dan hanya satu, kemudian pada tag h2 untuk di tempati oleh judul postingan / judul artikel, pada tag h2 boleh lebih dari satu, dan yang terakhir tag h3 untuk widget blog. Pada template standar blogspot mempunyai tag heading yang tidak terstruktur seperti ini h1 untuk title blog / judul blog, h2 untuk Widget blog, h3 untuk ditempati judul postingan / judul artikel. oleh karena itu agar template blogspot menjadi SEO friendly, maka kita perlu mengganti judul postingan / judul blog supaya cepat terindexs atau terbaca Mr. Google dari h3 menjadi h2 dan tag heading widget h2 menjadi h3.



Berikut Cara merubah Judul postingan atau judul artikel h3 menjadi h2:

1. Login - Rancangan - Edit HTML - Centang Expand Template Widget

2. Cari Kode dibawah 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> 


3. Ganti <h3 dan </h3> ubah menjadi <h2 dan </h2>

4. Lanjut Cari kode dibawah ini

<h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

5. Ganti <h3 dan </h3> ubah menjadi <h2 dan </h2>

6. Lanjut Cari kode dibawah ini


<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a"> 


7. Ganti h3 ubah menjadi <h2

8. Lanjut Cari kode dibawah ini


    h3.post-title, h4 {
      font: $(post.title.font);
      color: $(post.title.text.color);
    }

    h3.post-title a {
      font: $(post.title.font);
      color: $(post.title.text.color);
    }

    h3.post-title a:hover {
      color: $(link.hover.color);
      text-decoration: underline;
    }



9. Ganti h3 ubah menjadi <h2

NB: Apabila h3 yang dicari diatas tidak sama dengan kode diatas, cukup cari h3 kemudian ganti h2



Selanjutnya untuk merubah tag heading widget h2 menjadi h3 silahkan lihat caranya:

1. Cari kode berikut

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

2. Ganti h2 menjadi h3

3. Simpan Template - Selesai

NB: untuk tag heading widget ini akan ada banyak di template tergantung berapa widget yang anda pasang di blog, jika ada 5 widget maka kode tersebut juga akan ada 5, maka carilah kelima tersebut dan ganti tag heading nya menjadi h3.

Keterangan:

2 komentar

Yup gan, tutorialnya segera saya terapkan
terima kasih banyak ya..

Reply

koq beda2 ya, ada yg bilang suruh ganti h3 jadi h1 ,mana yg lebih valid ya?

Reply

Posting Komentar