home
Dari blogwalking lah saya mendapatkan Ilmu yang belum saya ketahui ,Berbekal Ilmu tersebut saya mencoba untuk Mempostingkan Hal yang saya Kira Benar dalam Hal Seo.Ya seperti inilah yang saya Maksud ,saya mempostingkan Artikel ini untuk memberikan sedikit masukan agar Blog Kalian Full Seo 100% sama seperti Blog Lainnya.
Pernah Dengar Situs CHKME.COM ?
Situs tersebut memberikan Detail Sebuah Website/Blogspot untuk Mencek Seo mereka.Walau Menurut saya sih Akuratnya masih simpang Siur ,tapi walau begitu Saya jadi lega setelah mencek di Chkme.com karena Blog saya Full Seo 100 % .
Apa saja sih yang saya Lakukan jadi Begitu ?
1.Atur Heading Template menjadi Judul Blog <H1>,Judul Widget <H3>,dan Judul Postingan <H2>.
Sebuah Informasi baru juga nih bagi saya stelah saya membaca Artikel tersebut di blog Belanda (blog tetangga maksudnya).
Apa sih arti dari H1,H2,H3,dan H4 ?
H1 atau Heading 1 adalah Judul utama untuk Sebuah Website/Blog .Tentunya kalo Judul Utama cuma ada satu saja .Tapi walau lebih juga gpp tapi yang jelas itu bisa dianggap sebagai Duplikate Konten.Apa sih Duplikate Konten dan apa sih Kerugiannya ?
H2 atau Heading 2 adalah Judul Khusus atau bisa di sebut Judul Bawahan dari Judul Utama ,Biasanya sih H2 ini di gunakan untuk Judul Widget atau bisa juga Judul Postingan di template Bawaan ,agar membuat Full Seo 100% gunakan H2 untuk Judul Postingan saja.
H3 atau Heading 3 digunakan Judul sebuah Postingan pada Template Bawaan ,Tapi sebenarnya untuk Optimalisasi Seo ,H3 harus di gunakan buat Judul Widget .
H4 atau Heading 4 digunakan untuk Komentar.
Sekarang Mengatur Agar Judul Blog <h1> dan Judul Postingan <h2>.
1.Sebelumnya cadangkan dulu Template kalian terus Menuju >>Edit HTML>>Cari Kode h1 (tekan Ctrl+F)>>klo di dalam Template Blog saya akan muncul h1 ,h2 ,h3 ,h4 ,h5 ,h6 .Tambahkan pa setelah h6 menjadi h1 ,h2 ,h3 ,h4 ,h5 ,h6 , pa.
2.Cari kode css yang terdapat kode header h1, kemudian salin kode tersebut dan tambahkan header pa, contoh :
Kode Awal
#header h1 { font-size: 36px; line-height: 42px; color: #fff; margin: 0; }
#header h1 a, #header h1.title a:hover { color: #fff; text-decoration: none; }
Kode setelah di tambah pa h1
#header h1 { font-size: 36px; line-height: 42px; color: #fff; margin: 0; }
#header pa { font-size: 36px; line-height: 42px; color: #fff; margin: 0; }
#header h1 a, #header h1.title a:hover { color: #fff; text-decoration: none; }
#header pa a, #header pa.title a:hover { color: #fff; text-decoration: none; }
Kode di atas Cuma Perumpamaan karena setiap Template Memiliki Kode yang berbeda-beda.
3.Selanjutnya, cari kode post-title entry-title kemudian lakukan langkah dalam contoh berikut :
Kode awal (hanya contoh, h2 bisa berupa h3) :4. Langkah terakhir, cari kode h1 class='title' kemudian tambahkan pa class='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'>
<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>
</h2>
Kode akhir dengan mengganti h2 menjadi h1 khusus halaman postingan :
<b:if cond='data:blog.pageType == "item"'>
<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'>
<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>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<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'>
<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>
</h2>
</b:if>
lihat contoh di bawah :
Misal, kode awal :Terus Pritinjau dulu apakah atau terjadi Kesalahan .Kalo tidak Ada terus Simpan.
<h1 class='title'>
<b:include name='title'/>
</h1>
Diubah menjadi :
<b:if cond='data:blog.pageType == "item"'>
<pa class='title'>
<b:include name='title'/>
</pa>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</b:if>
Bila kode h1 class='title' ada lebih dari satu, ganti semuanya.
Mengatur H3 untuk judul Widget
Kita beralih ke Judul Widget agar menjadi <h3> .
Biasanya judul Widget bawaan memakai <H2> ,sekarang kita ganti Judul widget tsb menjadi <H3>.Caranya seperti dibawah.
Pengaturan kode css :
Silahkan cari kode css khusus untuk widget dan biasanya ada pada sidebar, berikut contohnya :
/* Sidebar Content----------------------------------------------- */
.sidebar{color:#3d3e3e;line-height:1.5em;margin:0 0 10px 0;background:#FFFFFF}
.sidebar a{text-decoration:none;color:#3d3e3e;}
.sidebar a:hover{text-decoration:none;color:#3273d3;}
.sidebar .widget h2{border-bottom:1px solid #CBCBC0;color:#3d3e3e;margin:0 20px 0 0;padding:0 0 5px 0;font-size: 16pt;}
.sidebar .widget{margin:15px 15px 0;padding:10px;background:#f2f3f3;}
.sidebar .widget ul{list-style:none;margin:0 !important;padding-left:0px;}
Kode di atas merupakan kode css untuk sidebar. Anda bisa mencari kode yang mirip dengan kode di atas pada html template Anda. Perhatikan kode yang saya beri garis bawah. Disitu terdapat h2 pada widget, sehingga harus diganti dengan h3. Hasil akhirnya :
.sidebar .widget h3{border-bottom:1px solid #CBCBC0;color:#3d3e3e;margin:0 20px 0 0;padding:0 0 5px 0;font-size: 16pt;}
Pengaturan kode html.Setelah sudah Kalian Laksanakan semuanya ,cobalah untuk Menceknya di http://chkme.com/ ,Semoga Berhasil ya.....
Pengaturan kode html pada widget ini perlu Anda lakukan setiap menambahkan widget baru. Langkah-langkahnya : cari kode <h2 class='title'><data:title/></h2> ganti h2 menjadi h3 sehingga kode tersebut menjadi <h3 class='title'><data:title/></h3>. Contoh penggunaanya :
<b:widget id='HTML1' locked='false' title='Social WEB' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2> ->> diubah menjadi <h3 class='title'><data:title/></h3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
contoh kedua :
<div class='widget-sidebar'>
<h2>Search</h2> ->> diubah menjadi <h3>Search</h3>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onfocus='this.value='';' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>
Intinya cari kode heading yang digunakan untuk judul widget, biasanya h2 ganti menjadi h3.
Kelanjutannya silahkan baca >>Disini<< tapi buat 18+
9 Comments
Home
