Langkah Membuat Template Blog Menjadi SEO Friendly

Langkah Membuat Template Blog Menjadi SEO Friendly | Selamat siang Sahabat semua gimana kabar kalian semua apa baik baiak saja ,, Oke sekarang Jalmis Blog akan membahas bagaimana Cara Membuat Template Blog Agar Seo Friendly , mempunyai sebuat Blog Atau website memang kita harus terkenal di Google Search , Sebenarnya Template blogspot sudah sangat friendly bagi google tapi agar lebih friendly lagi baik template default atau template yang kita pakai dari pihak ketiga, bolehlah kita mengedit-nya dan mengikuti arahan para webmaster dan anjuran langsung dari Google seperti memasang meta tag dinamik, menu breadcrumbs dan lainya serta ada beberapa bagian dari template blogspot yang mesti di edit dan disesuaikan dengan optimasi SEO.

Saat ini, diantaranya...Membuat Template Blog Menjadi SEO Friendly Agar Blog Kita Banyak Pengunjung 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 Semoga Bermamfaat..

Oke sekarang lanjut pada pembahasan yang dimaksud ikuti langkah-langkap sederhana dibawah ini :

1. Memasang Meta Tag

Yang harus anda lakukan pertama agar template anda Seo Friendly 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.

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

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

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

5. 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIjoeOvAVTJv-MgC_Q2YYbALkXQiKp6vbSTrU-P1blcPOgX546oBg-Mbsa_3Hi-X_3FQyOHBSd1XrJFAs_FTE9HPXlVi6eYBPxmdbQ-pDUbQZSld2NiNJx4jZJqook1sJZMhQmoio2QaM/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
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

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

7. Mematikan Versi Mobile

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

Nah Itulah Tutorial Cara Mudah Membuat Template Blog Menjadi Seo Friendly semoga bermamfaat terutama buat saya dan buat sobat semua ,,