Cara Ampuh dan Mempunyai Bukti Membuat Template Blogger Anda Menjadi SEO Friendly

Tweet

D-Copy Blog | Halo teman, tutorial kali ini saya akan memberitahukan kepada Anda bagaimana cara membuat Template Anda menjadi SEO Friendly dan saya akan berikan buktinya. Pada postingan saya sebelumnya tentang membuat template menjadi SEO versi lainya dan kumpulan template-template yang sangat SEO Friendly dengan score SEO mencapai 80% keatas + bukti akurat. Memang dalam waktu 2 minggu ini saya baru mengerti betul membuat template menjadi SEO Friendly.

Banyak atau bisa dikatakan sangat bangak (puluhan juta) blog diseluruh dunia yang membahas tentang SEO Friendly. Contoh pada kejadian semalam (2 Oktober 2012) saya mengunjungi Blog yang banyak membahas tentang SEO. Diblog tersebut saya tahu Blog tersebut mengcopy-paste artikel-aritikel SEO dari blog orang lain. Tak lama setelah itu, saya melihat ada sekitar 6-7 artikel tentang SEO. Lalu saya check score SEOnya dan saya terkejut (bohong kalau sampe saya terkejut hahaha.... :P) melihat score SEO templatenya.... 38% lalu saya berkomentar keblognya dan saya katakan (dengan nada shock ehhh sok/sombong wkwkwkw) begini (blog asal India, saya berkomentar Bahasa Inggris) "Lebih baik kamu menghapus seluruh postingan blog kamu tentang SEO. Kamu masih belum mengerti arti daripada SEO. Banyaklah belajar Nak (hahaha adminya masih anak-anak umur sekitar 12 sampai 14 tahun).

Ok cukup dengan perjalan diatas langsung saja kita membuat template Anda Menjadi SEO Friendly :

1. Cara terlebih dahulu Meta TAG ke blog Anda
Para blogger baru mungkin belum tahu apa itu SEO apalagi berbicara Meta TAG. Kegunaan dari Meta Tag agar blog kamu terbaca oleh SE atau Search Engine (ini yang dikatakan teman saya, Lae Casphers). Ok langsung saja pasang Meta Tag kamu.

2. Ping Blog kamu.

3. Mari kita tingkatkat Score SEO Blog kamu lagi :

• Buka chkme.com
• Masukkan URL blog kamu seperti gambar dibawah ini :

• Setelah itu Check SEO Score blog kamu.
• Gambar dibawah ini hasil Score SEO blog saya :

• Berapa hasil untuk blog kamu? Bagus? Lumayan Bagus? Buruk? Sangat Buruk? Jangan menghela nafas dulu, kamu bisa sekali mengimbangi atau lebih daripada SEO Score blog saya.
• Lihat seluruh pemberitahuan pada menu Heading

• Perhatikan pada H1, H2 dan juga H3. H1 adalah Header Blog kamu, H2 adalah jumlah judul postingan di home blog kamu dan h3 adalah judul sidebar blog kamu.

Jika tag H1, H2 dan H3 Anda buruk kita melakukan perubahan pada HTML blog Anda. Mari kita lakukan :

Perubahan Pada H1 alias Header, jika blog Anda menggunakan Logo ikuti instruksi dibawah ini, H1 tidak akan menerima Logo, namun bisa kita lakukan pengeditan sederhana dan simpel.

1. Buka akun Blogger Anda
2. Masuk ke Menu Template > Edit HTML > Proceed > centang Expand Template Widget
3. Cari kode yang mirip seperti kode dibawah ini :

 <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>

     4.  Tepat dibawah kode <div id='header-inner'> pastekan kode <h1> dan pastekan kode </h1> dibawah <b:include name='title'/>

Maka akan terlihat seperti dibawah ini :

<div id='header-inner'>      <h1>            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
                </h1>

     5.   Save template Anda. Coba check Score SEO Anda sekarang. Naik?

Ketidaksesuaia pada H2 alias jumlah postingan pada home Blog kamu yang ditunjukkan oleh check me.

1. Masuk ke menu setting poskan dann komentar.

    2.  Unah tampilkan sebanyak munkin dalam mode posting. Seperti pada gambar diatas. Check Score SEo.

Perubahan pada H3 alias sidebar jika pada Blog Anda terjadi kesalahan yang diberikan pada h3 oleh chkme.com

1. Buka akun blogger Anda
2. Masuk ke menu Edit HTML dan centang Expand Template Widget
3. Cari kode yang mirip pada kode Anda dibawah ini :

#sidebar-wrapper  h2 {  border-bottom: 1px solid #ccc; font-size: 16px; font: bold Arial; text-transform:uppercase; margin: 5px 0 5px 0; padding: 5px; border: 1px #ccc solid; background:#b6cfea; color:#000;}
#sidebar-wrapper li { font-size: 12px; list-style: none;  line-height:20px; border-bottom:1px dotted #ccc; margin: 8px 0 5px 0; padding: 0 0 5px 5px; border-left:2px solid #ccc;}
#sidebar-wrapper li:hover{ border-left:2px solid #666;}
#sidebar-wrapper li a{ color:#333;}
#sidebar-wrapper li a:hover{ color:#084a6b;}
/*sidebar2*/
#sidebar-wrapper2  h2 {  border-bottom: 1px solid #ccc; font-size: 16px; font: bold Arial; text-transform:uppercase; margin: 5px 0 5px 0; padding: 5px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 0px 0px 10px 0px;border-radius: 0px 0px 10px 0px; border: 1px #ccc solid; background:#b6cfea; color:#000;}
#sidebar-wrapper2 li { font-size: 12px; list-style: none;  line-height:20px; border-bottom:1px dotted #ccc; margin: 8px 0 5px 0; padding: 0 0 5px 5px; border-left:2px solid #ccc;}
#sidebar-wrapper2 li:hover{ border-left:2px solid #666;}
#sidebar-wrapper2 li a{ color: #084a6b;}
#sidebar-wrapper2 li a:hover{ color:#333;}

     4.  Pada h2 ubah menjadi h3
     5.  Masih belum selesai, cari keyword judul sidebar Anda di HTML blog Anda, misalnya :

Judul Sidebar Blog saya : Random Post dan Followers

Pada Cari Keyword Random Post di HTML saya misalnya, maka HTMLnya seperti ini :

Ubah H2 menjadi H3 dan begitu seterusnya hingga seluruh tag widget sidebar h2 Anda menjadi sidebar h3. Cukup mengertikankan maksud saya?

Ok Semoga bermanfaat. Jika berminat mengcopypaste postingan ini keblog Anda pastingan Anda mencamtumkan URL blog ini : 

http://d-copy.blogspot.com/2012/10/ara-ampuh-dan-mempunyai-bukti-membuat-template-seo-friendly-bukti.html

    6.  Atau dengan cara kedua dalam mengubah h3, 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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H3></span></span>

   7.  Pastikan pada kode h3 berwarna biru adalah kode h3

Rekomendasi : Cara Menyetting h1, h2 dan h3 dengan benar versi D-Copy Blog.

Sekian Semoga Bermanfaat. Terima Kasih Atas Waktu Anda.