Salah satu proses optimasinya adalah penggunaan template blog SEO friendly. Karena template blog SEO friendly memiliki struktur kode yang bisa membuat konten pembaca disukai oleh mesin pencari serta secara otomatis mengantisipasi segala hal yang dibenci oleh mesin pencari tersebut. Sayangnya, blogger pemula lebih memilih template yang telah disediakan oleh blog dan tidak memodifikasinya. Padahal kadang template tersebut belum memenuhi ketentuan SEO friendly.
Memodifikasi Template Blog Agar SEO Friendly
Apabila pembaca
ingin menggunakan template bawaan dari blog, modifikasi struktur kode di
dalamnya supaya SEO friendly. Namun, untuk memodifikasinya pembaca tentu harus
paham dan mengerti perintah widget blog, CSS
HTML serta javascript. Kalau masih
kesulitan, cari template blog yang telah dimodifikasi dan SEO friendly di
internet. Itu alternatif cara yang bisa dilakukan apabila pembaca tidak ingin
ribet. Saat ini sudah banyak, kok para blogger
yang menyediakannya. Tapi, agar tidak salah pilih pembaca harus mengenali
bagaimana ciri-ciri template blog SEO friendly itu.
5 Ciri Template Blog SEO Friendly
Postingan di Sebelah kiri dan Sidebar di Sebelah Kanan
Pasti banyak yang
bertanya-tanya, kenapa harus demikian? Itu kan masalah desain templatenya, apa
pengaruhnya? Menurut pakar SEO, apabila artikel atau postingan diletakkan di
sebelah kiri dan sidebar di sebelah kanan lebih SEO friendly dibanding
sebaliknya. Hal itu dikarenakan Google memperhitungkan kenyamanan pengunjung,
sebab menulis dan membaca kan dimulai dari kiri. Itulah yang menjadi acuan
Google dalam melihat layout halaman sebuah blog/website. Google cenderung
menyukai postingan di sebelah kiri dan sidebar di sebelah kanan.
Bila layout halaman blog pembaca sudah terlanjur meletakkan sidebar di sebelah kiri, jangan khawatir. Ikuti langkah-langkah berikut untuk memindahkannya ke sebelah kanan:
1. Masuk ke Blogger
2. Pilih template – Edit HTML
3. Cari kode di bawah ini (untuk mempermudah 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 */
}
4. Perhatikan kode di atas, #main-wrapper merupakan kode CSS yang mengatur letak postingan, sedangkan #sidebar-wrapper untuk mengatur letak sidebar. Maka untuk memindahkan postingan ke sebelah kiri dan sidebar ke sebelah kanan tinggal mengganti kode float:right yang berwarna biru dengan float:left, serta float:left yang berwarna orange dengan float:right.
Penggunaan Tag Heading 1 (H1) Untuk Judul Blog dan Artikel
Template blog yang
SEO friendly biasanya tag H1 di judul blog dan artikel. Namun, tag H1 di tiap
halaman blog hanya ada satu, tidak boleh lebih. Kalau dalam sebuah halaman
tidak ada atau kelebihan tag H1, template tersebut berarti belum SEO friendly.
Apabila URL mengarah ke home atau
beranda, maka judul blog diberi tag H1 dan judul-judul artikelnya H2. Sementara
jika URL mengarah ke halaman artikel, maka kebalikannya.
Pembaca bisa mengeceknya dengan cara masuk ke salah satu halaman blog, jika menggunakan Mozila Firefox silahkan klik kanan dan pilih ‘inspeksi elemen’, lalu akan muncul window slide di bawah. Cari tombol kotak berpanah di sudut kiri bawah dan klik serta arahkan ke judul artikel pembaca. Apabila judul artikel sudah H1 dan judul blog H2, maka template blog pembaca sudah SEO friendly. Kalau belum, pembaca harus memodifikasinya dengan:
1. Masuk ke Blogger
2. Pilih template – Edit HTML
3. Carilah kode di bawah ini
<b:if
cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:pos.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>
4. Lalu ganti dengan kode berikut:
<b:if
cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:pos.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:pos.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>
5. Kemudian silahkan menyimpannya.
Adanya Breadcrumb Dalam Template
Template blog SEO friendly
harus memiliki breadcrumb di setiap
halaman postingan. Breadcrumb biasanya
terletak di atas/di bawah judul blog atau di bawah judul artikel/postingan
(tergantung dimana admin blog menempatkannya). Namun, sebenarnya breadcrumb lebih baik diletakkan di atas
judul postingan karena untuk menginformasikan letak postingan tersebut berada
(intinya supaya pengunjung blog tidak bingung mencarinya).
Biasanya breadcrumb terlihat seperti:
Home > Artikel SEO > Judul Postingan
Breadcrumb berfungsi menjadi jejak bagi para pengunjung untuk kembali ke entry sebelumnya. Tanda ‘>’ fungsinya untuk memisah hirarki, namun kadang ada yang menggunakan tanda ‘>>’ atau berbagai grafik lainnya.
Apabila di halaman blog pembaca sudah ada breadcrumb, berarti template yang digunakan SEO friendly. Tapi, jika belum bisa dipasang dengan cara berikut:
1. Masuk ke Blogger
2. Pilih template – Edit HTML
3. Cari kode di ]]><b:skin> atau ]]></b:skin> dan letakkan kode berikut di bawah kode merah atau sebelum kode biru.
.bredcrumbs{
padding-left:10px;
font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef;
}
4. Lalu cari kode <div class=’post hentry’> dan letakkan kode di bawah ini setelahnya
<b:if
cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data.blog.pageType ==
"item"'>
<div class='breadcrumbs'> Anda
sedang di »
<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:labe;.isLast !=
"true"'> , </b:if>
</b:loop>
</b:if> »
<data:post.title/>
</div>
</b:if>
</b:if>
H3 Ada di Tiap Judul Widget
Biasanya widget berada di sidebar, seperti arsip blog dan popular post. Widget terdiri atas judul dan isi. Judul widget seringkali menggunakan tag H2, namun supaya template blog
lebih SEO friendly, dianjurkan untuk memakai H3. Teliti kembali, apabila belum
demikian silahkan dimodifikasi dengan cara:
1. Masuk ke Blogger
2. Pilih Template – Edit HTML
3. Cari kode di bawah ini
1. Masuk ke Blogger
2. Pilih Template – Edit HTML
3. Cari kode di bawah ini
<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>
4. Ganti H2 dengan H3, lalu simpan
Dalam sebuah blog, biasanya ada lebih dari satu widget (tergantung berapa banyak pembaca menambahkannya). Apabila satu widget sudah dimodifikasi, cari widget lainnya dan lakukan cara yang sama seperti di atas.
Bisa Menghindari Adanya Duplikat Konten
Pastikan template
blog SEO friendly dapat mengantisipasi terjadinya konten ganda atau disebut
duplikat konten. Masalah tersebut terjadi manakala search engine membaca beberapa link
atau URL dalam satu blog dengan tulisan yang berbeda, namun menuju ke
halaman yang sama. Kalau sudah demikian, search
engine tidak menyukainya dan menganggap itu sebuah duplikat konten. Hal-hal
semacam itu dapat saja terjadi, bahkan kadang tak bisa dihindari. Contohnya
seperti URL halaman blog yang membahas artikel ‘ciri template SEO friendly’ dan
URL komentarnya. Keduanya menuju ke halaman yang sama, bukan?
Untuk menghindarinya, pembaca bisa menambahkan link ‘rel=canonical’ di tiap halaman yang menuju ke URL originalnya, yaitu URL ke halaman artikel ‘ciri template SEO friendly’. Supaya tidak dianggap duplikat, tambahkan perintah:
<link href=’http://URLwebpembaca.blogspot.com/ciri-template-seo-friendly.html’ rel=’canonical’/>
Letakkan pada blok head dan coba masuk ke salah satu halaman blog pembaca lalu klik kanan serta pilih ‘View Source Code’ atau ‘Lihat Kode Sumber Laman’ untuk mengetahui apakah blog tersebut sudah dipasangi link ‘rel=canonical’ atau belum. Jika di dalam struktur kodenya pembaca menemukan canonical, berarti sudah memiliki syarat template blog SEO friendly yang terakhir. Namun, jika belum pembaca harus memodifikasinya dengan:
1. Masuk ke Blogger
2. Pilih Template – Edit HTML
3. Cari kode <head> (CTRL+F atau F3 dan ketik <head>)
4. Letakkan kode: <link expr:href=’data:blog.url’ rel=’canonical’/> di bawah <head> atau di atas kode </head>
Itulah 5 ciri template blog SEO friendly yang disukai Google. Cek kembali blog pembaca, apakah sudah memenuhi kriteria di atas atau belum. Kalau belum, segera perbaiki karena template yang SEO friendly akan memudahkan search engine untuk menemukan blog Anda.
No comments:
Post a Comment
Apabila Ada Link / Gambar yang Rusak, Kritik, Saran dan Lain-lain Sampaikan Kepada Saya Dengan Cara Berkomentar di Bawah Ini...
Apabila Ada Pertanyaan yang sangat penting bisa langsung mention ke twtter ane @NizarKW ..
Pengunjung Yang Baik Adalah Pengunjung yang Berkomentar Dengan Kata-kata Yang Baik Dan Sopan...