Ciri Template Blog SEO Friendly?

Sebelumnya saya sudah menulis cara melakukan optimasi seo onpage untuk blog yang harus kita kuasai, sebuah faktor yang tidak kalah penting agar blog menempati ranking pertama di mesin pencari.

Blog adalah sebuah sarana yang bisa kita gunakan untuk menuangkan ide, pengetahuan terhadap teori atau pemahaman tertentu, blog dibuat dengan berbagai tujuan, ada yang hanya sekedar untuk sharing informasi saja, sampai ada yang memanfaatkannya untuk peluang bisnis internet, banyak hal yang bisa kita lakukan melalui dunia blogging, yang jelas aktivitas blog tidak akan lepas dari membuat artikel kemudian dilanjutkan dengan mempromosikannya.

Sasaran yang harus dicapai ketika membuat blog adalah mengusahakan agar setiap artikel yang kita terbitkan mudah untuk ditemukan orang, cara yang bisa kita tempuh adalah dengan melakukan optimasi mesin pencari atau lebih dikenal dengan istilah SEO. SEO adalah segala upaya yang kita tempuh agar halaman blog yang kita miliki mudah untuk ditemukan oleh mesin pencari ketika dilakukan penelusuran.

Template Blog Seo Friendly


Ciri Template blog Seo Friendly
#1. Tidak ada duplikat konten
#2. Tag H1 untuk judul
#3.Sidebar sebelah kanan potsingan di kiri
#4. Terdapat breadcrumb
#5. Judul Widget dengan H3

Seperti apakah template blog SEO Friendly?

Template blog seo friendly adalah template blog  dengan struktur kode yang dapat menyajikan isi artikel yang sangat disukai oleh mesin pencari dan bisa mengantisipasi secara otomatis hal-hal yang dibenci oleh mesin pencari. ketika kita membuat blog kemudian menggunakan template yang sudah disediakan oleh blog tersebut tanpa dilakuakn modifikasi, template tersebut kadang belum memenuhi template SEO friendly, setidaknya kita harus memodifikasi struktur kode yang ada didalamnya agar strukturnya menjadi SEO Friendly, untuk memodifikasi tentunya kita harus memahami perintah widget blog tersebut, juga yang paling penting kita harus mengerti perintah CSS HTML dan java script yang ada didalamnya. jika anda merasa kesulitan dan tidak mau ribet, silahkan cari saja di internet template blog yang sudah dimodifikasi dan seo friendly jangan khawatir karena sepertinya sudah banyak para blogger yang menyediakannya, yang paling penting agar anda tidak salah ketika memilih anda harus mengenal ciri-ciri template yang dianggap sebagai template blog seo friendly.

 Ciri template Blog SEO Friendly?

Bagaimana ciri template blog seo friendly itu?. berikut akan saya paparkan beberapa ciri dari template blog seo friendly yang harus anda pakai untuk template blog anda:

1: Dapat Menghindari terjadinya duplikat konten

Template blog seo friendly harus bisa mengantisipasi terjadinya duplikat kontent,atau konten ganda. untuk lebih memahami duplikat konten silahkan baca artikel saya yang lainnya mengenai bagaimana cara memahami duplikat konten dalam SEO.
Duplikat kontent terjadi ketika mesin pencari membaca beberapa alamat URL dalam sebuah blog dengan penulisan yang berbeda tetapi masih menuju ke halaman yang sama, dengan kata lain, alamat URL nya beda tetapi halaman yang dituju masih itu-itu saja, jika terjadi seperti itu mesin pencari akan menganggapnya sebagai duplikat kontent dan tidak menyukainya, hal semacam itu kadang bisa terjadi, dan tidak bisa dihindari, misal pada url-url untuk halaman blog dan komentar-komentarnya seperti contoh berikut:
Contoh A:
 http://strukturkode.blogspot.com/2014/09/optimasi-seo-onpage.html
Contoh B:
http://strukturkode.blogspot.com/2014/09/optimasi-seo-onpage.html?showComment=1411724508685#c6002344908128265973
Lihat kedua contoh penulisan alamat URL diatas, kedua-duanya berbeda, tetapi jika keduanya anda klik, link tersebut akan menuju dan menampilkan halaman yang sama silahkan anda coba, jika kita biarkan seperti itu, maka mesin pencari akan menganggapnya sebagai duplikat konten dan sangat tidak menyukainya.  link diatas tidak bisa dihindari, tetapi tenang saja karena ada solusinya agar jika terjadi seperti itu tidak dianggap duplikat konten oleh mesin pencari?, caranya yaitu dengan menambahkan link 'rel=canonical' pada tiap halaman yang yang menuju URL halaman originalnya, dari contoh diatas alamat URL halaman originalnya ya tentu saja alamat url pada contoh A.
Agar tidak dianggap duplikat konten kedua halaman yang dituju  diatas tersebut harus mengandung perintah dibawah ini
<link href='http://strukturkode.blogspot.com/2014/09/optimasi-seo-onpage.html
rel='canonical'/>
 dan letaknya berada pada blok head.
Untuk mengetahui Apakah blog sudah dipasang rel canonical atau belum, silahkan masuk ke salah satu halaman blog yang anda miliki kemudian klik kanan, pada menu yang muncul silahkan anda pilih menu "Lihat Kode Sumber Laman " atau View Source Kode, pada struktur kode yang tampil kemudian anda cari 'canonical' jika anda menemukannya berarti blog anda sudah memiliki salah satu kriteria template blog seo friendly, jika belum berarti anda harus memodifikasi dan memasang rel canonical diatas dengan cara sebagai berikut:
  • Login ke Blogger
  • Pilih Template >> Edit HTML 
  • Anda cari kode <head>, Untuk mempermudah anda bisa gunakan Ctrl+F atau F3 dan silahkan cari
  • Letakan kode berikut ini di bawah kode <head> atau diatas kode </head>
<link expr:href='data:blog.url' rel='canonical'/>

2. Tag H1 untuk Judul artikel atau judul blog.

Ciri Template blog seo friendly yang kedua adalah judul artikel yang anda buat pada artikel secara otomatis  menggunakan tag H1, Tag H1 dalam tiap halaman jumlahnya harus 1 tidak boleh lebih. jika dalam halaman anda tidak terdapat H1 atau terdapat H1 lebih dari satu maka template blog anda bukan merupakan template blog seo friendly, jika url mengarah ke beranda maka yang menjadi tag H1 adalah judul blog dan H2 adalah judul-judul artikel, dan jika URL mengarah pada halaman artikel anda maka judul artikel harus H1 dan judul blog H2.
Bagaimana cara cek judul artikel sudah H1 atau belum, untuk melakukannya silahkan Anda masuk ke salah satu halaman blog anda jika anda menggunakan mozila firefox klik kanan pada halaman artikel anda, pada menu yang muncul, pilih menu inspeksi elemen, kemudian pada window slide bawah yang muncul lihat ke sudut kiri bawah dan cari tombol kotak panah seperti pada gambar berikut:
silakan anda klik gambar kotak panah tersebut kemudian arahkan ke judul artikel anda, jika judul artikel anda H1dan judul blog Anda H2, maka template blog anda sudah seo friendly jika belum anda harus memodifikasi template blog anda dengan cara sebagai berikut:
  • Login ke Blogger
  • Pilih Template >> Edit HTML 
  • Anda cari kode dibawah ini, Untuk mempermudah anda bisa gunakan Ctrl+F atau F3
 <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'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

</b:if> 

kemudian ganti dengan kode dibawah ini:

 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.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'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h2>

</b:if>

<b:else/>

<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'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h1>

</b:if>


selesai, silahkan anda simpan.

3. Isi artikel atau postingan disebelah kiri dan Sidebar disebelah kanan

 Sebuah mitos ada yang menyebutkan bahwa googlebot atau robot pencari google, yahoo dan kawan-kawannya membaca sebuah artikel dari kiri kekanan, kenapa saya katakan mitos karena saya belum menemukan bukti konkritnya atau saya yang kurang informasi kali ya...hehe maklum newbie, yang jelas pada umumnya mesin compiler atau interpreter membaca struktur kode baik itu script blog maupun script  bahasa pemrograman lainnya dibacanya dari atas ke bawah, kemungkinan besar prilaku googlebot juga sama, untuk struktur blog atau situs yang pertama ditelusuri adalah blok head, kemudian terus berlanjut ke blok body.

Mengenai tata letak itu hanya manipulasi perintah CSS saja untuk mengaturnya, lantas apa pengaruhnya ketika kita menyajikan blog dengan postingan disebelah kiri, dan sidebar disebelah kanan, saya belum mencobanya secara langsung, namun dari beberapa informasi pakar seo sidebar disebelah kanan dan postingan disebelah kiri akan lebih seo friendly jika dibandingkan side bar disebelah kiri dan postingan disebelah kanan.

Analisa saya google sangat memperhitungkan kenyamanan penggunjung, pada umunya karena menulis dan membaca itu dimulai dari sebelah kiri, ketika pengunjung melihat isi artikel yang akan dibaca disibelah kiri secara langsung tanpa embel-embel sidebar akan lebih memberikan kenyamanan di mata pembaca. Itu yang dijadikan acuan google melihat layout sebuah halaman, google akan menganalisa struktur kode HTML sebuah situs atau blog, jika menemukan indikasi positngan disebelah kiri dan sidebar disebelah kanan google akan lebih menyukainya.


Bagaimana cara untuk memindahkan sidebar dari kanan kekiri?,
  • Login ke Blogger
  • Pilih Template >> Edit HTML 
  • Anda cari kode dibawah ini, Untuk mempermudah anda bisa gunakan Ctrl+F atau F3
/* -- Outer-Wrapper -- */
#outer-wrapper{background:#fff; width:980px;  margin:0 auto; 
 padding:0;  text-align:left}

#main-wrapper{
background:#fff; width:600px; float:right;
 margin:2px; padding:0px 0 0 10px; word-wrap:break-word; /* fix for long
 text breaking sidebar float in IE */overflow:hidden;  /* fix for long 
non-text content breaking IE sidebar float */}

#sidebar-wrapper{
background:#fff; width:340px; float:left;
 margin:2px; padding:8px 10px 0 0; word-wrap:break-word; /* fix for long
 text breaking sidebar float in IE */overflow:hidden;  /* fix for long 
non-text content breaking IE sidebar float */}



lihat kode diatas #main-wrapper adalah kode CSS untuk mengatur letak postingan, kemudian #sidebar-wrapper adalah kode CSS untuk letak sidebar, untuk memindahkan positingan kekiri dan sidebar ke sebelah kanan, anda tinggal menganti kode float:right yang warna merah diatas dengan float:left kemudian anda ganti float:left yang warna biru diatas dengan float:right, selesai kemudian silahkan anda simpan.


4. Terdapat Breadcrumb

Ciri template blog seo frindly selanjutnya adalah, harus terdapat breadcrumb yang muncul pada setiap halaman artikel anda, breadcrumb biasanya letaknya diatas dibawah judul blog atau bisa juga dibawah judul artikel tergantung dimana kita menempatkannya, tetapi dianjurkan diletakan diatas sebelum judul artikel, anda bisa lihat breadcrumb saya diatas, breadcrumb biasanya menginformasikan letak postingan berada.
Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri sebelumnya. Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>), serta beragam grafik.
Breadcrumbs biasanya terlihat seperti ini:
Beranda > SEO Onpage> Judul Postingan.

Silahkan lihat ke halaman blog anda jika terdapat breadcrumb berarti template blog anda sudah seo friendly jika belum silahkan pasang breadcrumb pada blog anda, berikut cara memasang breadcrumb pada blogspot:
  • Login ke Blogger
  • Pilih Template >> Edit HTML 
  • Anda cari kode dibawah ini, Untuk mempermudah anda bisa gunakan Ctrl+F atau F3 
Kemudian cari kode ]]></b:skin> atau ]]></b:skin>, silahkan letakan kode dibawah ini diantar kode tersebut, bisa setelah kode warna biru atau sebelum kode warna merah:
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}


kemudian cari kode berikut <div class='post hentry'>, silahkan letakan kode dibawah ini perssis setelah kode tersebut:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if> 


selesai, silahkan anda simpan.


5. H3 pada setiap judul widget 

Widget biasanya terletak pada sidebar, seperti popular post dan arsip blog, widget terdiri dari judul dan isi widget, judul widget, biasanya menggunakan tag H2, agar lebih seo friendly judul untuk tiap widget dianjurkan untuk menggunakan H3, silahkan periksa blog anda seperti langkah pada no 2 diatas, jika blog anda sudah menggunakan H3 untuk tiap judul widget, berarti template blog anda sudah SEO friendly jika belum anda bisa memodifikasi template blog anda agar setiap judul widget menjadi H3, caranya adalah sebagai berikut:

  • Login ke Blogger
  • Pilih Template >> Edit HTML 
  • Anda cari kode dibawah ini, Untuk mempermudah anda bisa gunakan Ctrl+F atau F3
Silahkan cari kode berikut:
<b:widget id='PopularPosts1'
locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
kemudian silahkan ganti h2 dengan warna merah diatas dengan H3, oh ya widget bisa lebih dari satu tergantung dari widget yang anda tempelkan pada sidebar blog anda, jika satu widget sudah di modifikasi, silahkan anda cari lagi kode untuk widget lainnya dan lakukan langkah serupa yaitu mengganti h2 menjadi h3. jika sudah selesai jangan lupa simpan.


Uraian diatas adalah uraian mengenai ciri ciri template blog seo friendly silahkan anda periksa template blog anda jika sesuai dengan kriteria diatas berarti template blog anda sudah seo friendly jika belum anda bisa melakukan modifikasi sesuai dengan langkah diatas, template blog seo friendly dapat menukung halaman blog untuk mudah ditemukan mesin pencari. Tapi yang harus diingat bukan hanya dari template saja yang dapat mempengaruhi ranking suatu halaman muncul pada halaman pertama SERP, faktor yang tidak kalah penting disamping memperhatikan template blog adalah menyajikan isi artikel, artinya kita harus menyajikan atau membuat isi artikel yang unik, berkualitas dan bukan hasil kopi paste karena artikel semacam itu akan lebih disukai oleh mesin pencari.

Terima kasih anda telah berkunjung dan membaca artikel
Ciri Template Blog Seo Friendly : menurut pakar seo?

28 komentar:

  1. Artikel nya bermanfaat sekali, terimakasih gan,
    Kunjungi juga Blog saya http://lilgo.blogspot.com/

    ReplyDelete
  2. Terima kasih!! ini sangat bermanfaat, kunjungi juga blog aku yah http://semangat-berkobar.blogspot.com/

    ReplyDelete
  3. artikelnya bgus kak,, mudah dimengerti jga,,, tp masih ada kbingungan soal point 5,, judul widget harus h3,,, ini berlawanan dengan beberapa artikel dari pakar seo lain yang pernah saya baca kak,,, mereka bilang klu harusnya setiap unsur h3 yang ada di template diganti dengan h2 agar lbih seo friendly,,, mohon penjelasannya kak,,,

    ReplyDelete
    Replies
    1. Yang paling penting itu Tag H1, harus ada disetiap postingan dan jumlahnya harus satu tidak boleh lebih, mengenai kontroversial judul widget, kita bisa menggunakan h2 ataupun h3 atau bisa juga h4 asal jangan h1, referensi yang saya ambil untuk judul widget h3 adalah mereferensi ke salah satu situs penomenal stackoverflow.com yang menggunakan h3 untuk setiap judul di sisi sidebarnya...

      Delete
  4. bantu shere gan : http://rental-aryrentcar.blogspot.com/

    ReplyDelete
  5. Mantap gan informasinya, apalagi untuk sy karena blog baru umur 2 bulan, bisa menambah wawasan dari artikel agan di atas. http://ciriseo.blogspot.com

    ReplyDelete
  6. yang di cari sama TUKANG NGOPREK ijin nyimak ya gan

    ReplyDelete

  7. point 2...ribet memahaminya....maksudnya ganti yg mana ...menjadi mana....

    ReplyDelete
  8. ada kode yang di cari tapi tidak ketemu padahal penulisannya kodenya sama

    ReplyDelete
  9. terimakasih gan, sangat bermanfaat. berbagi ilmu ibarat pohon yang berbuah. ilmu agan tidak akan sia2, pasti bermanfaat. dan juga mudah2an agan mendapatkan balasan atas amal baiknya..

    ReplyDelete
  10. Beruntung saja template ane udah di otak atik....

    harus paham yang namanya kode program ya gan...

    ReplyDelete
  11. Wah ilmu saya bertambah lagi master, berkat blog ini lagi. Thanks. Kalo ada waktu mampir ke gubuk ane, soal template ane malah belum ganti masih yg di sediakan blogger itu. Nanti sy cari di google yg seo master. Thanks

    ReplyDelete
  12. bang template yang cocok buat adsence apa ?

    ReplyDelete
    Replies
    1. banyak yang menyarankan gunakan template sederhana, sidebar disebelah kanan, content pos disebelah kiri.

      Delete
  13. Assalamu'alaikum...hatur nuhun artikelnya katampi pisan...kebetulan saya lagi belajar blog... mudah2an ilmunya bertambah dan berkah serta dilimpahkan rizki. amin

    ReplyDelete
  14. setelah saya melakukan optimasi yang ada diartikel ini blog saya menjadi semakin bagus gan kualitasnya makasih y infonya

    ReplyDelete
  15. Makasih kak didin...artikel yang di muat di blog kakak sangat membantu buat kami para newbie. kebetulan saya baru mulai ngeblog. bisa tolong cek blog saya di http://resepmasakbaru.blogspot.com/ barang kali masih banyak kekurangan yang masih harus di benahi pada blog saya. Terima kasih..sukses terus buat kak Didin dan strukturkode nya

    ReplyDelete
  16. Bermanfaat artikel yg menjuru pada Template yang SEO Frindly. Berbicara tentang template SEO Friendly kebetulan saya juga belum lama mengganti template yg menurut saya cukup SEO friendly. Saya sedikit tahu ciri-ciri template yg SEO friendly. Sedikit merombak Keyword dan deskripsi sepengalaman saya membuat blog jadi kurang stabil. Belum lama ini saya mendapatkan template blog yg mengeklaim bawha template nya sudah SEO Friendly, setelah saya cek ternyata sudah cukup SEO. Ada beberapa Struktur kode yg mengalami penambahan, perubahan dan pengurangan di dlm template terbaru saya. Untung saya agak paham, jadi bisa saya rubah beberapa struktur kode yg terdapat pada template terbaru di Blog saya. Nah buat teman-teman yg pengen tahu template saya buatan mana dan siapa teman2 bisa mengunjungi Blog saya dan melihat di bagian paling bawah pada template. Nino Artikel itu judul blog saya. Terimakasih untuk blog struktur kode, Tips dan trik nya akan saya terapkan. :)

    ReplyDelete
  17. Sya balik lagi kesini mas hehehe. Ternyata template sya nggak cocok kalo di bagian title widget nya menggunakan H3. sya menerapkan H2. punya mas Didin sya liat kok kya nya utk title widget menggunakan perintah H4?

    ReplyDelete
    Replies
    1. betul mas, sebenarnya bisa gunakan h2 atau h3 asal jangan h1. saya senang menggunakan h4 untuk widget.

      Delete
  18. terimakasih mas atas bantuannya, saya bingung ketika mencari template gratis. saran kira-kira dimana ya saya bisa dapetin template yang pas buat saya yang pemula, tanpa harus otak-atik html, terimakassih

    ReplyDelete
  19. saya tertarik untuk h1
    milik saya halaman Home h1, lalu ketika di klik judul milik saya, judul tersebut di h1, memang benar h1 memang harus ada 1.

    eh ya ngomong2 mas didin bisa saya kiranya untuk mengecek, apakah sudah tepat template saya sesuai dengan judul diatas terutama di posisi H1. mohon balas komentar ini.

    Terima kasih dan happy blogging

    ReplyDelete
  20. WAktu saya coba SEO kayak google webmaster, lumayan meningkatkan pemirsa blog saya.

    Tapi kok pemirsa saya sedikit ya?

    Mohon penjelasannya, tks

    ReplyDelete
  21. Btw mas template saya kurang seo friendly ya, soalnya untuk judul postingan menggunakan h2, terus juga gada sidebar sama breadcrumbnya. Hmmm

    ReplyDelete
  22. mantap nih, cuma yang bikin breadcumb kode nya gak bisa di copy paste ya.

    ReplyDelete
  23. Mas mau nanya, template blog ane di artikel blog, h1 nya judul blog sedangkan h2nya judul artikel. Bagaimanakah menurut mas didin? bukankah h1 seharusnya buat judul artikel? Nih blog saya gan matematikaqaqa.blogspot.com
    Makasih atas balasannya gan.

    ReplyDelete
    Replies
    1. Saran sayamah modifikasi gan agar di postingan judul artikel menjadi h1, dan judul blog jadi h2, sedankan untuk di homepage sebalikny

      Delete

Silahkan berkomentar yang sesuai dengan topik, Mohon Maaf komentar dengan nama komentator dan isi komentar yang berbau P*RN*GRAFI, OB*T, H*CK, J*DI dan komentar yang mengandung link aktif, Tidak akan ditampilkan!