Pages

Wednesday, December 11, 2013

Cara membuat Full SEO 100% di CHKME.COM

Gak sengaja saya dapat Ilmunya dari Perjalanan Blogwalking saya.
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) :

<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 == &quot;item&quot;'>
            <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 != &quot;item&quot;'>
            <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>

4. Langkah terakhir, cari kode h1 class='title' kemudian tambahkan pa class='title',
 lihat contoh di bawah :

Misal, kode awal :

<h1 class='title'>
<b:include name='title'/>
</h1>

Diubah menjadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
          <pa class='title'>
            <b:include name='title'/>
          </pa>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title'>
            <b:include name='title'/>
          </h1>
</b:if>

Bila kode h1 class='title' ada lebih dari satu, ganti semuanya.
Terus Pritinjau dulu apakah atau terjadi Kesalahan .Kalo tidak Ada terus Simpan.

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.
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 != &quot;&quot;'>
    <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=&apos;&apos;;' 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.
Setelah sudah Kalian Laksanakan semuanya ,cobalah untuk Menceknya di http://chkme.com/ ,Semoga Berhasil ya.....

Kelanjutannya silahkan baca >>Disini<< tapi buat 18+

9 comments:

  1. Tips'a emang kalok cuman di lihat kayaknya sih rumit.,.,
    tapi kalok mau di coba pasti manjur nih.,.
    di tunggu combacknya gan.,.
    oh iya followback dari saya juga udah nongol tuh,.,
    Salam blogger

    ReplyDelete
  2. @Darma Yoga : Follback Done ,,memang benar kata Sobat ,klo dilihat sih memang Rumit ,tapi klo dicoba pasti manjur....Thanks udah berkunjung...
    @Mas Bintang :eh ada Mas Bintang nih ,Pagi-pagi udah mampir nih keblog saya ,pdahal lagi hari lagi dingin banget....Sepp deh mas klo berhasil...

    ReplyDelete
  3. tips yang sangat bagus mas ... ^_^
    coment back ke sini yah : http://harafimulki.blogspot.com

    ReplyDelete
  4. Oke deh langsung ane praktek deh mkasih tutorialnya ya, blz comment ane di sini ya
    http://tips-kecantikann.blogspot.com/

    ReplyDelete
  5. Oke gan ,,langsung ketkp ..mkasih klo mau mempraktekin..

    ReplyDelete
  6. wah mantab nih, boleh di coba... makasih

    http://www.tokoobatku.com/obat-migrain-herbal/

    ReplyDelete

Komentar dari Sobat Sekalian Sangat di anjurkan tapi Ikuti Peraturan dari Blog ini :
*Jangan tancapkan LINK AKTIF
*Jangan Memuat sebaris iklan atau Promosi Penjualan Produk
*Jangan mengandung kata SARA,SPAM,dan Dewasa.
*Di Perbolehkan memakai Link aktif untuk meReply ,tidak diperboleh memasang Link aktif selain itu .
*Berkomentar lah sebaik-baiknya Komentar ^_^