Asalamualaikum wr.wb
Apa kabar sahabat pembaca semuanya, pada kesempatan kali saya hadir kembali untuk melanjutkan topik bahasan sebelumnya tentang Template SEO friendly. Jika kalian lebih suka template yang anda gunakan saat ini namun belum seo friendly, kalian bisa mengubahnya agar lebih pada Seo Friendly.
Atau mengganti template yang sudah didesign ke arah seo friendly silahkan download di sini.
Untuk membuat template seo friendly silahkan ikuti langkah - langkah berikut ini :
1. Mengubah template agar Valid HTML5.
Untuk lebih lengkapnya baca disini
2. Mengubah Format Title Blog Agar Seo Friendly
Untuk format title blog standar bawaan blogger adalah TITLE BLOG : Judul Posting, dan kita akan merubahnya menjadi seperti ini Judul Posting : TITLE BLOG. Karena dengan seperti ini konten blog akan lebih bervariasi dalam pencarian di Search Engine.
Caranya :
Masuk ke Edit Template Blog > Expand Template
Cara expand template blog yang baru adalah dengan menekan tombol CTRL+ A, CTRL +C, terus DEL kemudian tekan lagi Tombol CTRL+ V
Cari kode <title><data:blog.pageTitle/></title>
Kemudian Ganti Dengan Kode dibawah ini :
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
3. Memasang Navigasi Breadcrumbs<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Navigasi berfungsi untuk memudahkan pembaca menelusuri seluruh isi konten yang ada di blog anda. Untuk navigasi breadcrumbs ini sekarang sudah valid di html5 dan sangat dianjurkan bagi Seo Friendly. Cara membuat navigasi breadcrumbs adalah seperti ini :
Masuk Edit Template > Expand Template dan cari kode ]]></b:skin>
Masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs{ padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}
Kemudian cari kode <b:includable id='post' var='post'>
Masukkan kode dibawah ini tepat dibawahnya :
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You are Here > <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>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You are Here > <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>
Terakhir Simpan Template anda.
4. Menghindari Duplikat Konten
Duplikat konten terjadi karena arsip blog kita juga ikut terindex oleh search engine,misalnya http://namadomain.blogspot.com/2013_06_07_archive.html jika kita klik artikel yang kita posting pada tanggal/bulan/hari yang sama dengan tanggal diatas maka hasilnyapun akan sama. contohnya http://namadomain.blogspot.com/2013_06_07_cara-membuat -blog.html. Ini akan dianggap sebagai duplikat konten oleh google, dan google search engine sangat membencinya.
Untuk mengatasinya anda bisa menonaktifkan Archive di blog anda
Caranya masuk ke Dashboard > Setting > Search Preferences > Custom Robots Header Tag > Centang No Index dan No Archive kemudian Save Changes
Atau bisa menambahkan kode <link expr:href='data:blog.url' rel='canonical' /> diatas kode <head>
Atau remove url langsung dari Google Webmaster Tool
5. Mengubah Tag Heading Blog
Karena Google sangat menyukai tag heading h1 maka ubahlah tulisan pada postingan anda menjadi h1 caranya masuk ke Edit Template > Dan cari kode dibawah ini :
<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>
<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>
Ubahlah kode h3 menjadi h1, selanjutnya cari lagi kode ]]></b:skin> dan tambahkan kode dibawah ini tepat diatasnya :
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
6. Memasang Related Post/ Artikel Terkait.
Ini juga mempermudah para pengunjung blog menelusuri seluruh konten blog berdasarkan kaitan artikel yang tengah dibaca pengunjung.
Demikianlah sedikit tips mengubah template blog menjadi Seo Friendly, sebenarnya masih banyak lagi tips - tipsnya yang lain yang belum saya uraikan karena terbatasnya waktu. Dan akhirnya saya ucapkan banyak terimakasih telah membca artikel ini semoga bisa bermanfaat.
Wasalamualikum wr.wb
Like THIS :
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku
Belum ada komentar untuk "Tips Sederhana Mengubah Template Jadi SEO Friendly"
Posting Komentar