Menjadikan Template Blog SEO Friendly

Sekedar menyimpan hasil “riset” di “Google Blogging Technique Academy” dengan pembimbing para blogger profesional nan baik hati telah “sedekah ilmu”. Template Blog SEO Friendly artinya template yang “bersahabat dengan SEO” atau dengan optimasi mesin pencari (Search Engine  Optimization). Template ini akan lebih mudah dan cepat terindex di mesin pencari (Google).

Berikut ini ciri-ciri Template Blog SEO Friendly:

1. Ada Heading Title, Meta Tag Keyword, dan Description

Post Title | Blog Name
Page Title | Blog Name
Label | Blog Name
Page Not Found | Blog Name

Cek template blog dan temukan atau gantikan dengan kode di bawah ini:

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<title><data:blog.pageTitle/></title>
<meta content=’YOUR DESCRIPTION’ name=’DESCRIPTION’/>
<meta content=’YOUR KEYWORD’ name=’KEYWORDS’/> </b:if>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content=’data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName’
name=’Description’/>
<meta expr:content=’data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName’
name=’Keywords’/>
</b:if>
<b:if cond=’data:blog.searchLabel’>
<title><data:blog.searchLabel/> | <data:blog.title/></title>
</b:if>
<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<title>Page Not Found | <data:blog.title/></title>
</b:if>

Hanya Mengubah Meta Tag Keyword dan Description

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

ubah jadi:

<meta content=’gambaran isi blog di sini’ name=’description’/>
<meta content=’kata kunci1, kata kunci2, keyword 4, keyword 5, dst…….’ name=’keywords’/>
<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>
2. Ubah Nofollow menjadi Dofollow untuk Kolom Komentar

<a expr:href=’data:comment.authorUrl’ rel=’nofollow’>

ubah jadi:

<a expr:href=’data:comment.authorUrl’>

3. Sediakan Fasilitas Share atau Social Bookmark:

<!– AddThis Button BEGIN –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=”addthis_toolbox addthis_default_style “>
<a class=”addthis_button_preferred_1″></a>
<a class=”addthis_button_preferred_2″></a>
<a class=”addthis_button_preferred_3″></a>
<a class=”addthis_button_preferred_4″></a>
<a class=”addthis_button_compact”></a>
<a class=”addthis_counter addthis_bubble_style”></a>
</div></b:if>
<script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890″></script>
<!– AddThis Button END –>

simpan di bawah: <div class=’post-footer’>

4. Ada Pengaturan Font
Pengaturan heading h1 h2 h3 h4 yang tepat. Heading H1 mutlak hanya untuk judul artikel dan untuk h2, h3, h4 bisa digunakan untuk
menulis subjudul yang ada pada artikel tersebut.

5. Ada “Breadcrumb”, yaitu menu navigasi yang ada diatas sebuah posting atau artikel. Linknya muncul di hasil pencarian Google
dan memuat keyword yang dicari user.
Pasang di atas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

di bawah kode <b:includable id=’post’ var=’post’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’breadcrumbs’>
You are Here &gt; <a expr:href=’data:blog.homepageUrl’>Home</a> &gt;
<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 != &quot;true&quot;’> , </b:if>
</b:loop>
</b:if> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

6. Ada Related Posts di bawah setiap akhir tulisan. Fungsi Related Post ini agar Google Bot bisa merayap (mengindeks) artikel-
artikel lainya yang ada di blog sebagai internal link.

Simpan di atas kode </head>
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px
Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-
posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-
posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none;
margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url
(“http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png”) no-repeat 0 0; margin : 0; padding-top : 0;
padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted
#cccccc; } </style> <script src=’http://jarlok.com/Script/Related_posts_hack.js’ type=’text/javascript’/>

Simpan di bawah kode <data:post.body/>
<data:post.body/>
<b:if cond=’data:blog.pageType == “item”‘>
<div id=”related-posts”>
<font face=’Arial’ size=’3′><b>Related Posts : </b></font><font color=’#FFFFFF’><b:loop values=’data:post.labels’
var=’label’><data:label.name/><b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if><b:if cond=’data:blog.pageType ==
&quot;item&quot;’>
<script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-
script&amp;callback=related_results_labels&amp;max-results=5&quot;’ type=’text/javascript’/></b:if></b:loop> </font>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Ribet dan gak tau caranya? Gampang….! Ganti template aja! Pilih salah satu Template Blog SEO Friendly!

User Friendly

Template Blog SEO Friendly juga biasanya User Friendly, bersahabat atau disukai user, karena template blog SEO Friendly itu loading atau “penampakannya” akan  ringan alias cepat!

Selain itu, agar blog User Friendly, perhatikan hal-hal berikut ini:

1. Jangan terlalu banyak “gaya”, misalnya tambah animasi gambar, cursor berkedip, dan sebagainya yang membuat tampilan blog jadi “menor” banget.

2. Tidak terlalu banyak memasang gambar atau banner di sidebar.
3. Sediakan menu Popular Post, Random Post, dan Related Post.
4.  Gunakan “Read More” di posting halaman depan.
5. Jangan terlalu banyak warna. Buatlah tampilan blog “bersih” dan “putih”, clean and white.  (www.romeltea.com).*

Related Post

Plugin Back to Top Terbaik untuk Blog WordPress Cara Memasang Back to Top Wordpress. Plugin Back to Top Terbaik untuk Blog Selfhosting CMS WordPress. TOMBOL "Back to Top" (Kembali ke Atas) merup...
Pengertian dan Sejarah Blog MEMAHAMI pengertian blog merupakan hal mendasar dalam dunia blogging. Blog adalah singkatan dari Website Log atau Web Log, yakni halaman situs (web pa...
Tema WordPress Terbaik untuk Blog Majalah Berita O... Tema WordPress Terbaik untuk Blog Majalah Berita Online. Tema WordPress Terbaik (Best WP Themes) untuk Blog Selfhosted CMS WP ini tentu saja versi say...
5 Keunggulan Blogspot Dibandingkan Blog Lainnya Anda yang belum punya blog di platform blogspot (blogger) layak mempertimbangkan 5 kelebihan ngeblog di blogspot ini. Yang sudah punya blog di wordpre...

COMMENTS