Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger

CB Blogger | October 10, 2016

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).*

Previous
« Prev Post

Related Posts

0 komentar on Meta Tags SEO Friendly plus Open Graph Facebook untuk Blogger

Post a Comment

 
Copyright © 2020. New Johny Wuss - All Rights Reserved
Template by CB Blogger & Maskolis