> Cara mengubah Tag Heading untuk optimasi SEO pada blog

Minggu, 05 Juni 2011

18

Cara mengubah Tag Heading untuk optimasi SEO pada blog

Tag Heading yang biasa kita kenal dengan h1, h2, h3, h4, h5, dan h6 sangat berpengaruh sekali pada optimasi SEO, dalam hal ini mesin pencari lebih cenderung mengutamakan tag heading h1 dalam mengindek sebuah blog. Sementara pada template blogger, biasanya menggunakan tag heading h2 atau h3. Jadi alangkah baiknya bila kita ingin blog yang kita miliki lebih optimasi SEO, kita perlu untuk mengubah tag heading h2 atau h3 tersebut menjadi tag heading h1, terutama penggunaan tag heading pada judul artikel atau posting. Dan tips ini termasuk salah satu diantara tips SEO yang bagus menurut saya.

Nah bila anda berminat untuk optimasi SEO pada blog anda, silahkan anda bisa ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode 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 kode dibawah ini dan taruh sebelum kode ]]></b:skin> :
Catatan :
Anda bisa mengatur style font atau tampilan tampilan judul artikel, dengan merubah nilai besar kecilnya font, warna font, ataupun jenis font, sesuai selera anda.

10. Simpan Template.

Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Cara mengubah Tag Heading untuk optimasi SEO pada blog"
Diulas Oleh : | Minggu, 05 Juni 2011 | 21.50
Description : Tag Heading yang biasa kita kenal dengan h1, h2, h3, h4, h5, dan h6 sangat berpengaruh sekali pada optimasi SEO , dalam hal ini mesin penc...

Rating : 6.4 Dari 10, Berdasarkan 1800+ Dari 18 000+ Pengunjung.



18 komentar:

  1. info yang bagus... simpel dan sederhana tapi sangat bermanfaat bagi bloger pemula seperti saya.



    salam kenal
    www.adib21.com

    BalasHapus
  2. sob untuk merubah bentuk tulisan kode yang mana? setelah aku save ternyata terlalu bold tulisannya tolong dilihat blog saya biar tahu hasilnya terima kasih

    BalasHapus
    Balasan
    1. anda lihat deretan kode CSS pada langkah 9 :

      Anda bisa hapus deretan kode diantara dua garis dibawah, sehingga warna dan ukuran font sesuai dengan ukuran sebelumnya :

      .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
      }


      Semoga membantu.... selamat mencoba....

      Hapus
  3. maaf sob saya gak ngerti kode mana yang harus di hapus?kalau boleh saya minta tolong kode apa yang harus dipakai agar tulisan pada judul posting tidak terlalu tebal agar sesuai dengan isi posting dan satu lagi nih sob bagaimana cara menghilangkan menu bawaan templat hasil dowload terima kasih happy blogging

    BalasHapus
    Balasan
    1. ini kodenya yg sudah saya hapus, anda tinggal copas:


      .post h1{
      border-bottom:0 Dotted #000;
      margin:-4px 0 0 0;
      padding:0 0 4px;
      }

      .post h1 a,.post h1 a:visited,.post h1 strong{
      display:block;
      text-decoration:none;
      }

      .post h1 strong,.post h1 a:hover{
      text-decoration:none;
      outline:none
      }

      Hapus
    2. Maaf yang betul ini, anda tinggal copas:


      .post h1{
      border-bottom:0 Dotted #000;
      margin:-4px 0 0 0;
      padding:0 0 4px;
      }

      .post h1 a,.post h1 a:visited,.post h1{
      display:block;
      text-decoration:none;
      }

      .post h1,.post h1 a:hover{
      text-decoration:none;
      outline:none
      }

      Hapus
  4. kalau boleh tau fungsinya kode nomer 7 itu untuk apa ya? kalau kita hanya mengganti kode h3 nya menjadi h1 aja gimana efeknya, apakah sama? thanks

    BalasHapus
    Balasan
    1. mengganti kode h3 nya menjadi h1 saja juga bisa, yg terbaca tetap h1.

      Hapus
  5. sob kok punya ku gak bisa ya??

    BalasHapus
    Balasan
    1. setiap template belum tentu memiliki kode yg sama...
      pada masalah ini tag heading bisa h3 juga bisa h2
      Silahkan anda cek kembali....

      Hapus
  6. bisa cek template saya udah benar belom??

    BalasHapus
  7. Sudah saya coba di blog saya dan berhasil. Terima kasih untuk ilmunya.

    BalasHapus
  8. punya saya berhasil namun untuk melihat efeknya gimana ya kak??
    kok gak kerasa.

    BalasHapus
  9. Members (263)follow balik gan, terima kasih

    BalasHapus
  10. untuk h4,h5 dan h6 pd template bawaan blogger bagaimana mas? Apakah sama?

    BalasHapus
  11. mksh infonya ....
    uda aku coba ..... berhasiiiil ...
    kunjugi balik ya ...

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI

Artikel Terbaru

POST POPULER

Entri Populer



BLOGGER

Comments

HTML

Side Ads

CSS

Footer Ads

JAVASCRIPT

Random News


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.

CEO
BLOG MAS NOER

Noer cholis


Plosokuning V, Minomartani, Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"













Baca artikel "Manfaat Tukar Link"

LINK SAHABAT

LINK SAHABAT


CHAT

CHAT




TESTIMONI

Follow Us

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down