SATU UNTUK SEMUA : OPTIMASI TEMPLATE SEO FRIENDLY

SATU UNTUK SEMUA. Optimasi template SEO Friendly ini dituliskan sebagai upaya pembelajaran kepada siapapun, optimasi template SEO Friendly versi SATU UNTUK SEMUA ini sebenarnya bukanlah merupakan suatu hal yang baru, namun telah banyak di bahas di berbagai blog/website para master-blogger. Namun tidak ada salahnya untuk saya bahas ulang sekedar memperjelas agar tidak membingungkan blogger-blogger junior seperti saya ini.

Istilah template SEO Friendly ini pertama kali saya temukan saat blogwalking ke beberapa halaman  sahabat blogger yang lain. Pertama-tama saya kebingungan, apa sih sebenarnya yang dimaksud dengan template SEO Friendly  itu sendiri ? Setelah saya pelajari secara mendalam, ternyata jawabannya ada pada pemasangan script kode html yang berfungsi untuk merubah judul blog dengan judul postingan yang ada pada blog kita. Memang, secara default, banyak template-template baik template asli yang disediakan oleh blogspot.com maupun kebanyakan free-blogger template yang banyak beredar di internet, jarang sekali menerapkan script untuk merubah judul blog menjadi judul postingan blog. Rata-rata kode awal template-template yang ada hanya berupa rangkaian script seperti di bawah ini :

<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*

Nah, untuk merubah komposisi meta-tag head template tersebut agar menjadi SEO Friendly, maka perlu untuk ditambahkan script yang berfungsi untuk merubah judul blog menjadi judul postingan blog yang kita miliki. Adapun komposisi script yang harus ditambahkan adalah seperti di bawah ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
 
Jadi bilamana digabungkan, script SEO Friendly tersebut akan menjadi seperti di bawah ini  :

<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*

Namun, bagi saya pribadi, gabungan script di atas tersebut belumlah terlalu memuaskan, alias belum terlalu SEO Friendly, dan akan lebih bagus bilamana menerapkan rangkaian script seperti di bawah ini  :

Meta Tag SEO:
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Purnomo | Semangat Baru</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/> | Purnomo</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.url == data:blog.homepageUrl'>
<meta content='Semangat baru untuk berbagi pengetahuan' name='description'/>
<meta content='blog, blog semangat, cara membuat, semangat, cara semangat ' name='keywords'/>
<meta content='Purnomo' name='author'/>
<meta content='Purnomo 2012' name='copyright'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content=' global' name='target'/>
<meta content='all' name='robots'/>
<meta content='index, follow, snipet' name='googlebot'/>
<meta content='id' name='language'/>
<meta content='ID' name='country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
 
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='f56TNMt8R79a76xUevyy1axgZJCLsWwyhGlo73QfEnE' name='google-site-verification'/>
<link expr:href='data:blog.url' rel='canonical'/>
</b:if>


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*



Nah, rangkaian script yang terakhir tersebut, dapat dikatakan akan mampu merubah template kita menjadi lebih-lebih SEO Friendly. Sesuaikan script yang tercetak merah tebal dengan script Google verification blog anda.

Sampai di sini dulu, semoga berguna.

Share this Article on :

1 komentar:

fatur fadh mengatakan...

wah mantep gan mampirnya
blogger-awn98.blogspot.com

Posting Komentar

 

© Copyright satu untuk semua 2011 -2012 | Design by Satu Untuk Semua | Powered by Blogger.com.