postingan terbaru

Loading

Jumat, 18 November 2011

Tips dan Triks Merubah Tag Heading untuk Optimasi SEO Blog

Tips dan triks kali ini kita akan berbicara tentang cara merubah tag heading pada blog , tapi sebelumnya perlu diketahui pada umumnya tag heading biasa kita kenal dengan sebutan h1, h2, h3, h4, h5 dan h6 dan dari tag heading tersebut biasanya mesin pencari lebih cenderung atau mengutamakan tag heading h1 di dalam mengindeks sebuah blog, sementara itu pada template blogger biasanya menggunakan tag heading h2 dan h3, nah biar template kita Seo friendly atau mudah di indeks oleh mesin pencari sebaiknya kita siasati dengan mengubah tag heading h2 atau h3 menjadi tag heading h1 dan bila sobat blogger tertarik ikuti tips dan triksnya sebagai berikut :
1. Login ke blogger dengan ID anda
2. Klik rancangan
3. Klik edit HTML
4. Buat jaga-jaga download dulu template sobat ( back-up template )
5. Jangan lupa ceklis atau centang “Expand widget templates”
6. Cari kode seperti atau mirip ini :


    <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'>
          <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>
Catatan:
Setiap template belum tentu sama, bisa menggunakan tag h3 atau tag h2

7. Silahkan ganti kode diatas dengan kode dibawah ini :
    <b:if cond='data:post.title'>
      <h1 class='post-title'>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h1>
    </b:if>

8. Langkah selanjutnya cari lagi kode dibawah ini atau yang mirip dengan kode ini :
]]></b:skin>
9. Copy dan paste kode ini tepat di atasnya :
.post h1{
border-bottom:0 Dotted #000;
margin:-4px 0 0 0;
padding:0 0 4px;
color:#1c3c6f;
font:bold 150%/1.4em impact,"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif
}

.post h1 a,.post h1 a:visited,.post h1 strong{
display:block;
text-decoration:none;
color:#333;
font-weight:normal;
font-family:impact,"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;outline:none
}

.post h1 strong,.post h1 a:hover{
text-decoration:none;
color:#333;
outline:none
}
10. Langkah terakhir simpan Template sobat !
Ok sobat blogger semua selamat berburu  Seo !!!

Artikel Yang Berhubungan



0 komentar:

Poskan Komentar

Buat sobat blogger anda tulis komentar disini,angdidi tulis komentar disana tapi yang sopan ya!!!angdidi yakin anda adalah blogger yang baik matur kesuwun...