SEO Dasar Membuat Blog Bersahabat dengan Google

Sudah lama tidak main dan menulis di blog, kali ini penulis mau coba bagi-bagi catatan yang bermanfaat seputar SEO (Search Engine Optimization) singakatnya supaya konten web yang dibuat mudah dikenali bang Google, cara ini sudah dibuktikan langsung di web www.almuhibbin.com dan www.tokomo.biz berhasil, :)

Thanks to agan blogger  http://www.caraseoblogger.com dan  http://blogjuragan.blogspot.com untuk sharing ilmunya. sangat bermanfaat.

1) Buat Blogger / Blogspot Template SEO Friendly

Masuk dashbord > Tataletak > edit HTML blogger lalu Copy paste Java Script berikut tepat diatas </head> agar bisa mempercepat loading blog dan mudah dikenali search engine konten website yang dibuat.

<script type='text/javascript'>//<![CDATA[

jQuery('a').each(function(){// Let's make external links open in a new tab. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1) && href.indexOf(window.location.hostname)==-1){jQuery(this).attr("target", "_blank");}});//]]></script>

<script type='text/javascript'>//<![CDATA[

jQuery('a').each(function(){// Let's make external links nofollow. var href=jQuery(this).attr('href');if (typeof href !='undefined' && href !="" && (href.indexOf('http://') !=-1 || href.indexOf('https://') !=-1) && href.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel", "nofollow");}});//]]></script>

<script type='text/javascript'>//<![CDATA[

$(document).ready(function(){$('img').each(function(){var $img=$(this);var filename=$img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));});});//]]></script>

2) Submit blog ke W3 Directory

W3 Directory adalah salah satu directory website yang menyadiakan Fasilitas Web Directory Listing Gratis. W3 Directory mengelompokkan Website berdasarkan Negara dan Dalam 170 Kategori. Submit Blog ke W3 Directory 100% Gratis, Hard Link bisa berguna untuk meningkatkan Ranking SEO. Bagaimana Cara Submit Blog ke W3 Directory?

Klik alamat W3 Directory di bawah ini :

Klik Link "ADD a Website".

Penjelasan :

URL : isi dengan URL Blog

Title, Description, dan Keywords : Isi dengan Judul, Deskripsi, dan Keyword (Kata Kunci Blog kamu, Pisahkan dengan Koma.

Return Link / Back Link : Isi dengan URL Blog saja, karena nantinya Link W3 Directory juga akan diletakkan di widget HTML/Javascript.

Country : Pilih negara dimana tempat kamu tinggal. (Indonesia)

Heading 1, 2 , 3 : Pilih Kategori Blog, Heading 1 adalah kategori utama, 2 dan 3 kategori Opsional.

Logo / banner : bisa upload Logo / Banner Blog kamu maksimal 120px.

Klik Tombol "Submit My Website" di bawah Form.

Copy Kode dari W3 Directory :

Paste di Widget HTML / Javascript di Blog kamu dan Simpan. (Tata Letak >> Tambahkan Gadget >> HTML/JavaScript.)

Save, Selesai.

3) Posting Judul yang Menarik

Dikarenakan alamat url posting yang terbatas jadi ketika akan memposting artikel, cobalah memendekkan judul postingan hingga maksimal 6 kata-kata utama saja. Lalu, setelah terpublish langsung edit lagi dan ubah judulnya menjadi judul lengkap sebelum dipendekkan tadi.

4) Submit Sitemap Blogger di Google Webmaster

Langsung Saja ke Halaman Google Webmaster Tool dan Login dengan Akun Google Anda http://www.google.com/webmasters/.

Klik URL Blog anda.

Klik Sitemap.

Klik ADD/TEST SITEMAP.

Lalu Klik Submit Sitemap (Peta Situs). dan Selesai

5) Tambahkan  Link Canonical

Link Canonical adalah sebuah tag HTML yang berfungsi untuk memberi tahu Robot Search Engine yang bekerja Secara Otomatis untuk memberitahukan URL/Alamat situs yang sebenarnya.

Link canonical sangat membantu website anda dalam dunia SEO. Karena ini akan membantu untuk mengatasi Duplikat Konten. hal yang perlu anda Tahu Bahwa Google Search Engine sangat membenci sama yang namanya Duplikat Konten / Double Content.

Bagaimana Cara menambahkannya dalam template Blogger?

Untuk Template Blogger, Langsung saja menuju ke Template >> Edit HTML >> letakkan kode di bawah ini Sebelum Kode / Tag : </head> :

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

6) Edit Page Tittle dan Meta Keyword

Page Title

Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):

<title><data:blog.pageTitle/></title>

Kalo sudah ada kodenya hapus dan ganti dengan kode berikut 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>

Atau juga bisa tambahkan beberapa kata kunci ( keyword ) :

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/> | Kata kunci | Kata kunci </title>

</b:if>

Ganti kode "kata kunci" dengan keyword yang diinginkan dan save template 

Meta keyword dan deskripsi

Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi solusinya tambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta name="description" content="Deskripsi Blog anda" />

<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />

</b:if>

Lalu save  

7) Memasang Breadcrumbs.

Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Berikut caranya.

Masuk ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates. Selanjutnya cari kode berikut (gunakan Ctrl+F)

]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

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

Setelah itu, cari lagi kode seperti ini (ketik aja di Ctrl+F)

<b:includable id='main' var='top'>

Jika sudah temukan,hapus kode tersebut dan gantilah dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- breadcrumb for the post page -->

<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 == &quot;true&quot;'>

&#187; <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>

&#187; <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- breadcrumb for the label archive page and search pages.. -->

<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == &quot;&quot;'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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'/>

Selanjutnya save,

8) Mematikan setting archive

Intinya google sangat membenci dengan yang namanya duplicate content, ketika fitur archive dibuka penuh akan memperlambat mesin pencari. Cara nya simpel silahkan letakkan kode berikut dibawah kode <head> :

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

9) Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda untuk meminimalisir copy paste karya orang lain. Cara nya di edit html tambahkan kode berikut setelah kode <head>

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

Save template 

10) Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

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

Kode yang dicetak tebal(warna merah) dihapus dan ubah dari h3 menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Silahkan dicoba dan hasilnya memang dirasakan maksimal, terus posting hal yang bermanfaat  :)