Meta Tag SEO Lengkap plus OG Facebook dan Twitter untuk Blogger
August 12, 2017
META Tags atau Tag Meta adalah cara terbaik bagi para webmaster dalam memberikan informasi mengenai situs mereka kepada mesin telusur.
Demikian dijelaskan Google dalam Tag Meta yang Dipahami oleh Google. Disebutkan juga,
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.
Meta Tag terdiri dari tiga elemen dasar:
- Meta Title -- Judul Blog
- Meta Deskriptions -- Deskripsi Blog
- Meta Keywords -- Kata Kunci.
Di template bawaan blogger, ketiga elemen Meta tag tersebut sudah tercakup dalam kode:
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Sebenarnya itu sudah cukup, tinggal didukung Konten Berkualitas yang disukai mesin telusur dan pengguna.
Namun, agar meta tags lebih SEO Friendly, kita bisa menghapus atau mengganti kode <title><data:blog.pageTitle/></title> dengan kode meta tag SEO Friendly di bawah ini.
Selain itu, kode berikut ini sudah dilengkapi Open Graph Twitter dan Facebook, agar tampilan postingan saat dishare di kedua media sosial terpopuler itu "normal" (ada judul, link, gambar, deskripsi) dan menarik.
Meta Tag SEO Lengkap plus OG Facebook dan Twitter untuk Blogger
Copas kode berikut ini untuk menggantikan kode <title><data:blog.pageTitle/></title> di template blog Anda.<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/> | Deskripsi Singkat Blog Anda & MotoGP</title></b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Anda' name='Author'/>
<meta content='Kata Kunci1, Kata Kunci2, Kata Kunci3' name='news_keywords'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<!-- Twitter Card -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='URL Alernatif Gambar' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary' name='twitter:card'/>
<meta content='@username' name='twitter:site'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<!-- [ Facebook Open Graph Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL Alernatif Gambar' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='APP ID FB Anda' property='fb:app_id'/>
<meta content='App ID Admin Anda' property='fb:admins'/>
Save!
Demikian Meta Tag SEO Friendly Lengkap plus Open Graph Facebook dan Twitter untuk Blogger. Anda juga bisa coba Meta Tag SEO All in One untuk Blogger.
Good Luck & Happy Blogging! (www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
No comments on Meta Tag SEO Lengkap plus OG Facebook dan Twitter untuk Blogger
Post a Comment