
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[/*
<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 == "index"'>
<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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<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[/*
<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:
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.
1 komentar:
wah mantep gan mampirnya
blogger-awn98.blogspot.com
Posting Komentar