Membuat Template Blog Menjadi SEO Friendly

Membuat Template Blog Menjadi SEO Friendly - Walaupun sebenarnya SEO Friendly atau tidak SEO Friendly-nya sebuah blog itu tergantung sama admin blognya, tapi kita sebagai admin blog juga harus tetap mencoba membuat template yg kita pakai agar menjadi lebih baik. Di perlukan cara khusus yg tidak semua orang tau untuk membuat template yg kita pakai menjadi SEO Ready atau template yg siap untuk seo. Dan pada kesempatan kali ini saya akan mencoba memberitahukan kepada sobat semua tentang "Tutorial Membuat Template Blog Menjadi SEO Friendly".

Meta Tag

Yang harus anda lakukan pertama agar template anda seo ready adalah memasang meta tag yg cocok dan usahakan memilih meta tag yg terbaru atau baru saja di update dan sudah terbukti kemampuan dan keunggulannya, dan satu lagi usahakan memilih meta tag yg bersumber dari situs situs terpercaya.

Membetulkan Tag Heading H1 H2 H3

Ini juga perlu di lakukan agar search engine mudah merayapi blog kita dan juga agar blog bisa lebih seo ready.

Login Ke Blogger
Pilih Template
Lalu pilih Edit HTML
Sobat cari seperti ini di template blog sobat.

<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>
Ganti H3 Menjadi H2, Sehingga akan menjadi seperti ini :

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

Setelah itu sobat cari kode seperti ini :

<h3 class='mobile-index-title entry-title'> <data:post.title/> </h3>

Ganti H3 Menjadi H2, Sehingga akan menjadi seperti ini :

<h2 class='mobile-index-title entry-title'> <data:post.title/> </h2>

Lanjut, Sekarang kita mengubah Tag Heading pada widget

Cari kode seperti ini :
<b:if cond='data:title != ""'> <h2class='title'><data:title/></h2> </b:if>

Ganti H2 Menjadi H3 Sehingga akan menjadi seperti ini :

<b:if cond='data:title != ""'> <h3 class='title'><data:title/></h3> </b:if>

Banyaknya Kode di atas tergantung pada widget yg sobat pasang di homepage blog sobat. bila ada 5 widget, ya ubah semuanya.
Simpan template sobat

Memasang Rel Canonical

Memasang Rel Canonical di Blog memang sangat penting terutama jika sobat ingin menghindarim terserapnya halaman dengan isi yang sama. Selain itu dengan Memasang Rel Canonical di Blog template blog akan lebih seo.

Login ke Blogger
Pilih Template
Pilih Edit HTML
Sobat cari kode <head> Untuk mempermudah sobat bisa gunakan Ctrl+F atau F3
Letakan kode berikut ini di bawah kode <head>

<link expr:href='data:blog.url' rel='canonical'/>

Simpan

Memasang Breadcumb SEO Friendly

Memasang breadcumb memang sangat penting, terutama agar pengunjung lebih mudah mencari artikel artikel di blog kita, berikut cara memasang bradcumb di blog.

Login ke Blogger
Pilih Template
Lalu pilih Edit HTML
Cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
Copy lalu pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah itu cari kode <b:includable id='main' var='top'>
Setelah ketemu, ganti kode <b:includable id='main' var='top'> Dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Simpan.

Memasang Artikel Terkait

Widget ini sangat di perlukan jika anda menginginkan meningkatnya pageview blog anda, karna selain dapat mempercantik blog widget ini juga akan membuat pengunjung unutk mengetahui artikel lain yg ada di blog kita. berikut cara Memasang Artikel Terkait di blog.

Login Ke Blogger
Pilih Template
Lalu Pilih Edit HTML
Letakan kode berikut ini di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-post{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
#related-post h2{font-size:14px; margin:5px 0px 0; padding:0 0 5px; font-weight:normal}
#related-post a{color:black; border-left:1px #EEE solid; border-right:1px #EEE solid}
#related-post a:hover{color:black}
#related-post a:hover{background-color:#F8F8F8}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts :";
</script>
<script src='https://luhurfatah-code.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
</b:if>

Setelah itu cari kode <data:post.body/> ( apa bila ada beberapa kode tersebut, bisa di coba satu-satu :v)
Letakan kode berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id='related-post'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:loop>
<script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script>
</div>
<div style='clear:both'/>
</b:if>

Simpan

Mematikan fungsi Archive / Arsip

Ini sangatlah penting dilakukan terutama jika sobat ingin menghindari terjadinya duplikat konten pada blog sobat. berikut Cara Mematikan fungsi Archive / Arsip.

Login Ke Blogger
Pilih Template
Lalu pilih Edit HTML
Cari kode <head> dan letakkan kode berikut dibawah kode <head>

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>

Mematikan Versi Mobile

Cara Memaikan Versi Mobile adalah Masuk ke Dasbor >>Setelan >> Seluler Dan E-mail >>Di Kolom Mempublikasikan entri menggunakan email Conteng Dinonaktifkan

Anda baru saja membaca artikel yang berkategori SEO / Tutorial Blogger dengan judul "Membuat Template Blog Menjadi SEO Friendly". Anda bisa bookmark halaman ini dengan URL http://tc-trik.blogspot.com/2014/12/membuat-template-blog-menjadi-seo.html.

TC Blog

Selasa, 23 Desember 2014