ciri ciri Template Blogspot SEO-Friendly Terbaru agar terlihat menarik,
di antaranya ada 10 Template Blog SEO Responsif Keren, Terbaru 2014
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.
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:
- 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 != "item"'>
<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
.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 == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <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
<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>
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?
TERIMA KASIH TELAH BERKUNJUNG KE BLOG KAMI, DAN MUDAH MUDAHAN DAPATMEMBANTU PERMASALAHAN DALAM PEMBUATAN BLOG PARA PEMBACA, UNTUK MENGIKUTI ARTICLE SAYA YANG LAIN MOHON DI SHARE FB, TWEETER DAN SOCIALBOOKMARK YANG LAIN.
ARTICLE INI DI TULIS DAN DI SHARE OLEH: TOTOR
0 Komentar untuk "seo friendly Template yang seo terbaru 2014"