Edit Tag Heading Agar Lebih SEO Friendly

Edit Tag Heading Agar Lebih SEO Friendly. Edit Tag Heading Blogspot Agar SEO Friendly, Cara Mengedit Tag Heading Blogger Supaya Lebih SEO, Merubah Tag Heading judul postingan menjadi h1, Tips SEO tentang cara mengubah tag Heading agar lebih SEO Friendly. Nah, tutorial kali ini UYEA akan memberikan tips tentang cara membuat tag heading pada blogspot kamu agar lebih SEO friendly.

Susunan tag heading pada sebuah blog atau web sangat penting untuk SEO, karena tag heading akan memberikan informasi pada mesin pencari tingkatan-tingkatan sebuah tag,dari yang paling Utama yaitu H1 sampai urutan yang terakhir yaitu H6.

Edit Tag Heading Agar Lebih SEO Friendly

Gambar diatas menunjukkan uran dari tag heading itu sendiri,hal itu juga akan menunjukkan dari yang paling penting dan yang paling kecil tingkatannya.

Pada umumnya atau template standart blogger menempatkan judul blog pada tag heading h1,judul widget pada tag heading h2,dan judul postingan pada tag heading h3. nah sekarang kita akan merubah judul posting blog pada h1, dan menghindari dowble h1 pada blog kamu,karena dowble h1 akan membuat blog kamu kurang bagus juga untuk SEO. lalu bagaimana caranya?

Cara mengedit tag heading blog agar lebih SEO friendly caranya sebagai berikut:
  1. Login ke Blog - Rancangan - Edit HTML
  2. Centang "Expand Widget Template" dan jangan lupa backup template kamu.
  3. Cari kode:
  4. <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>
  5. Ganti kode diatas dengan kode dibawah ini:
  6. <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>
  7. Selanjutnya Cari kodedi bawah ini:
  8. <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1>
  9. Ganti kode tersebut dengan kode dibawah ini:
  10. <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>
  11. Lalu cari lagi kode berikut:
  12. <h1 class='title'> <b:include name='title'/> </h1>
  13. Ganti kode tersebut dengan kode dibawah ini:
  14. <b:if cond='data:blog.pageType != &quot;item&quot;'> <h1 class='title'> <b:include name='title'/> </h1> <b:else/> <p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'> <b:include name='title'/> </p> </b:if>
  15. Agar sesuai ukurannya Cari lagi kode yang mirip kode berikut:
  16. .post h3 { color: #333333; font-size: 16px; font-family: Tahoma, Arial, Verdana; font-weight: normal; text-decoration: none; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a, #content h1 a:visited { color: #333333; font-size: 22px; font-weight: normal; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a:hover { color: #CF152A; text-decoration: none; }
  17. Ganti dengan kode:
  18. .post h1, .post h2 { color:$titlecolor; font-size: 160%; font-weight: normal; line-height: 1.4em; margin: 0.25em 0 0; padding: 0 0 4px; } .post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong { color:$titlecolor; display: block; font-weight: bold; text-decoration: none; } .post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover { color: #333333; }
  19. Dan yang terakhir,cari kode yang mirip dengan kode di bawah ini:
  20. #header h1 { ............................ }
  21. Ganti dengan kode di bawah ini:
  22. #header h1, #header p { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; }
  23. Kemudian yang selanjutnya adalah mengubah tag heading pada widget di blog cari kode di bawah ini:
  24. <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if>
  25. Ganti h2 menjadi h3
  26. Biasanya untuk perubahan pada tutorial yang terakhir yaitu mengubah tag heading pada widget, jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah. Agar sama seperti semula, lanjutkan mencari kode berikut:
  27. .sidebar h2
    dan rubah h2 menjadi h3
  28. Selesei -
Sekarang di halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda.... Semoga bermanfaat...
Posted by — Sunday, March 25, 2012

Ada 5 komentar untuk "Edit Tag Heading Agar Lebih SEO Friendly"

  1. terimakasih SOB artikel ini sangat berguna bagi saya

    SALAM BLOGGER

    ReplyDelete
  2. Keren nih, akan saya coba pada blog ane,, trims ya,, visit juga >> Vliqz Share

    ReplyDelete
  3. Thanks Sob tutornya tak coba dulu....

    ReplyDelete
  4. Saya sudah mencoba cara di atas, tapi tidak berhasil. Mungkin karena kode di template blog saya tidak sesuai. Jalan-jalanlah ke blog saya!

    ReplyDelete