Cara Membuat Website atau Blog SEO Friendly Dengan Meta Tag
31 May 2013
Kali ini Blog Manado akan memberikan tips kepada teman-teman semua tentang bagaimana Cara Membuat Website atau Blog 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 :
Meta Tag yang kedua cukup dapat kita andalkan dalam membuat blog yang SEO Friendly, berikut kodenya:
Keterangan :
Meta Tag yang ketiga, meta tags ini adalah Meta Tags untuk blogger versi terbaru, berikut kodenya :
Keterangan :
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 Web | Design | Joomla | Cara membuat blog dan Website</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
atau
<b:if cond='data:blog.pageType == "index"'>
<title> | Tutorial Web | Design | Joomla | Cara membuat blog dan 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 berhasil dan bermanfaat untuk Teman - teman Blog Manado.