Meta Tag SEO Lengkap plus OG Facebook dan Twitter untuk Blogger

Meta
Meta Tag SEO Friendly Lengkap plus Open Graph Facebook dan Twitter untuk Blogger.

META Tags atau Tag Meta adalah cara terbaik bagi para webmaster dalam menawarkan informasi mengenai situs mereka kepada mesin telusur.

Demikian dijelaskan Google dalam Tag Meta yang Dipahami oleh Google. Disebutkan juga,

Tag meta dapat digunakan untuk menawarkan informasi ke semua jenis klien, dan setiap sistem hanya memproses tag meta yang dipahaminya dan mengabaikan yang lain.  Tag meta ditambahkan ke episode <head> laman HTML.

Meta Tag terdiri dari tiga elemen dasar:

  1. Meta Title -- Judul Blog
  2. Meta Deskriptions -- Deskripsi Blog
  3. 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, supaya meta tags lebih SEO Friendly, kita bisa menghapus atau mengganti kode <title><data:blog.pageTitle/></title> dengan isyarat meta tag SEO Friendly di bawah ini.

Selain itu, isyarat berikut ini sudah dilengkapi Open Graph Twitter dan Facebook, supaya 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 isyarat 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 &amp; MotoGP</title></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><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 == &quot;item&quot;'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><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 == &quot;item&quot;'>
    <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 == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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).*


Sumber http://www.contohblog.com
Sumber http://www.onlineworlds.cf


EmoticonEmoticon