Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger

Posted by New Johny Wuss

Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger
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 == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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:

share posting ke Facebook

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

» Thanks for reading: Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: October 10, 2016

0 comments:

Post a Comment

Follow & Get Update by Email

CB