2016-10-10


Cara Memasang Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger

TAG meta atau Meta Tags adalah cara terbaik bagi para webmaster atau admin blogger dalam memberikan informasi mengenai situs/blog mereka kepada mesin telusur.

Demikian dikatakan Google. "Tag meta dapat digunakan untuk memberikan informasi ke semua jenis klien, dan setiap sistem hanya memproses tag meta yang dipahaminya dan mengabaikan yang lain. Tag meta ditambahkan ke bagian <head> laman HTML Anda."

Dalam template blog bawaan blogger, Meta Tags terdiri dari dua baris saja, yaitu:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Sebenarnya itu sudah cukup karena merupakan standar blogger. Namun, guna mengoptimalkan meta tags agar lebih ramah mesin pencari (seo friendly), kita bisa mengubah atau menggantinya dengan meta tags yang lebih seo friendly.

Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger
Cara pasang:
1. Template > Edit HTML
2. Hapus kode <title><data:blog.pageTitle/></title>
3. Copas kode berikut ini untuk menggantikan kode yang dihapus tadi:

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' name='keywords'/>
<meta content='Author Name' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>

<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta property='og:image:width' content='1200'/>
<meta property='og:image:height' content='630'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>

Catatan:
Ubah kode/tulisan warna merah

4. Save!

Dengan Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger di atas, bukan saja blog Anda akan lebih seo friendly, namun juga saat share posting ke Facebook akan normal --gambar, judul, dan snippet (ringkasan), seperti ini:



Good Luck! (http://newjohnywuss.blogspot.com).*

Show more