Kali ini
saya akan memberikan tips kepada teman-teman semua tentang bagaimana
membuat blog yang SEO Friendly dengan memasang meta tag. Meta Tag yang
SEO Friendly sangat diperlukan sekali oleh sebuah blog, karena hal ini
dapat membuat blog kita terindeks dengan cepat oleh situs direktori
seperti Google, Yahoo dan Bing. Pada dasarnya sebuah template blog
kadang sudah menyediakan meta tag tapi itu belum cukup menjamin blog
kita dapat terindeks oleh beberapa situs direktori. Di bawah ini ada 3
macam meta tag yang dapat teman-teman pakai dan disesuaikan dengan
template masing-masing.
Berikut ini adalah langkah-langkah memasang meta tag di blog :
Berikut ini adalah langkah-langkah memasang meta tag di blog :
- Masuk ke Edit HTML.
- Cari kode (letaknya di atas) berikut :
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title><b:skin><![CDATA[
- Ganti kode yang berwarna merah dengan kode di bawah ini :
Catatan :<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Untuk menambah title, anda bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | Tutorial Blog | Wordpress | Joomla | Creating Website</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
atau
<b:if cond='data:blog.pageType == "index"'>
<title> | Tutorial Blog | Wordpress | Joomla | Creating Website<data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
- Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.
Meta Tag yang pertama merupakan meta tag yang sederhana dan masih kurang manfaatnya bagi SEO, berikut kodenya :
<meta content=’ Tulis deskirpsi disini’ name=’description’/>
<meta content=’keyword1 keyword2 keyword3‘ name=’keywords’/>
<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>
Meta tag di atas memiliki kelemahan
yaitu akan mendominasi semua halaman blog kita, sehingga semua halaman
blog kita memiliki meta description dan meta keywords yang sama. Jika
anda memilih meta tag di atas cara memasangnya cukup mudah yaitu anda
hanya perlu ganti kode yang berwarna merah sesuai dengan isi konten
blog anda.
Meta Tag yang kedua cukup dapat kita andalkan dalam membuat blog yang SEO Friendly, berikut kodenya:
<b:if cond=’data:blog.pageType != "item"’>
<title> <data:blog.pageTitle/> </title><meta content=’text/html; charset=utf-8′ http-equiv=’Content-Type’/> <meta expr:content=’data:blog.pageName + " – Deskripsi tentang blog anda"’ name=’description’/><meta expr:content=’data:blog.pageTitle + ",keyword 1, keyword 2, keyword 3, …dst"’ name=’keywords’/><meta content=’INDEX, FOLLOW’ name=’ROBOTS’/><b:else/><title> <data:blog.pageName/> | <data:blog.title/> </title><meta content=’text/html; charset=utf-8′ http-equiv=’Content-Type’/> <meta expr:content=’data:blog.pageName + " – Deskripsi tentang blog anda"’ name=’description’/><meta expr:content=’data:blog.pageName + ",keyword 1, keyword 2, keyword 3, …dst"’ name=’keywords’/><meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>
</b:if>
Keterangan :
Kode html yang saya buat berwarna biru
menunjukan meta tags home page, sedangkan bagian yang tidak saya
warnai (hitam) itu menunjukan halaman artikel kita, sedangkan yang
berwarna merah adalah tempat kita menuliskan meta tags (Deskripsi dan
Keyword kita).
Meta Tag yang ketiga, meta tags ini adalah Meta Tags untuk blogger versi terbaru, berikut kodenya :
<!–::::::::::: Block1: Output post meta keywords –>
<b:if cond=’data:blog.pageType == "item"’>
<b:section id=’meta1′ showaddelement=’no’>
<!– widget must be a of Type = ‘blog’ to have posts data exposed, and must have a unique id –>
<!– Empty Includables(functions) to output nothing, You must keep them ): –>
<b:widget id=’Blog2′ locked=’no’ type=’Blog’>
<b:includable id=’nextprev’/>
<b:includable id=’backlinks’ var=’post’/>
<b:includable id=’post’ var=’post’ />
<b:includable id=’status-message’/>
<b:includable id=’comment-form’ var=’post’/>
<b:includable id=’backlinkDeleteIcon’ var=’backlink’/>
<b:includable id=’postQuickEdit’ var=’post’/>
<b:includable id=’commentDeleteIcon’ var=’comment’/>
<b:includable id=’feedLinks’/>
<b:includable id=’feedLinksBody’ var=’links’/>
<b:includable id=’comments’ var=’post’/>
<b:includable id=’main’ var=’top’><!– Main Function of Any widget comes with ID ‘main’ –>
<!– Loop Page Posts (only 1 in a post page )–>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<!– If the post has labels, make Meta keywords by looping lables –>
<meta content=’<b:loop values=’data:post.labels’ var=’label’><data:label.name/><b:if cond=’data:label.isLast != "true"’>,</b:if></b:loop>’ name=’keywords’/>
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!–::::::::::: Block1 END –>
<head> <!– THE HEAD –>
<!– must include(called) here to output other head sub elements –>
<b:include data=’blog’ name=’all-head-content’/>
<!–::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description –>
<!– Post Page –>
<b:if cond=’data:blog.pageType == "item"’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta name=’description’ expr:content=’data:blog.pageName’ />
<!– Index Page –>
<b:else/>
<title><data:blog.title/></title>
<meta content=’Disini Deskripsi Untuk Home Page anda‘ name=’description’/>
<meta content=’keyword 1, keyword2, keyword3, dst‘ name=’keywords’/>
</b:if>
<!–::::::::::: Block2 END –>
Keterangan :
Saya tidak akan menjelaskan yang ketiga ini secara panjang lebar karena saya sendiri masih bingung dengan meta tag ini, disini saya hanya bisa memberi tahu anda untuk merubah kode berwarna merah dengan konten blog anda.
Itu tadi sedkit uraian bagaimana
memasang Meta Tag di blog agar SEO Friendly. Untuk meta tag pertama dan
kedua jika teman-teman kesulitan tanya di kotak komentar. Untuk meta tag
yahg ketiga saya belum bisa diandalkan karena saya juga belum pernah
mencobanya.
Semoga bermanfaat
Post a Comment
Thanks