Meta Tag Terlengkap Untuk Blogspot Agar Eksis Di Medsos

- - 3 Comments

Meta tag atau tag meta bukan hanya untuk meningkatkan SEO tapi juga menjadikan blog tampil cantik di hasil penelusuran search engine dan juga tampil elegan pada saat link blog di share di media sosial. Untuk membuktikan hal ini, khususnya ketika link artikel blog dibagikan di media sosial dalam hal ini adalah Facebook, kita dapatkan beberapa perbedaan sebelum dan setelah ditambahkan meta tag yang baik dan benar serta lengkap, yang nanti pembaca bisa copy dan terapkan di template blog masing-masing, itupun jika berkenan mumpung gratis. Untuk membuktikan hal ini, perhatikan gambar pertama berikut ini :

Hanya menampilkan Alamat Blog

Dari gambar diatas -perhatikan garis biru-, kita bisa melihat, pada saat link dishare di facebook hasil yang nampak hanya sekedar alamat url blog, setelah menambahkan meta tag barulah muncul, bukan hanya alamat url blog tapi juga nama author, perhatikan gambar berikut :

Lengkap Alamat dan Author Blog

Sangat jelas nampak diatas garis merah, telah tercantum alamat blog dan nama pemilik blog, tapi ternyata masih ada yang kurang, dengan menambahkan meta tag yang lengkap maka secara khusus ketika link artikel blog dibagikan di facebook maka nama pemilik blog tersebut akan berubah menjadi link yang aktif, bisa mengarah ke akun penulis atau mengarah ke halaman fanspage pemilik blog tersebut. Perhatikan gambar berikut :

Link Akun/Halaman Facebook Author Blog

Pada gambar diatas -garis hijau-, dapat kita lihat Nama penulis dan pemilik blog berubah menjadi link aktif dengan ciri khas warna biru, ini terjadi setelah memasang meta tag yang menurut pengalaman inilah, yang terlengkap sampai saat ini, karena sebelumnya beberapa tahun yang lalu meta tag yang digunakan di blog pada gambar diatas, bisa dilihat di artikel dengan judul : Meta Tag SEO Friendly Lengkap masih sangat terbatas, itupun sudah SEO friendly.

Jika gambar diatas kurang jelas, silahkan pembaca mencoba untuk membagikan salah satu link artikel yang terdapat di blog ini di facebook dan lihat hasilnya!

Tertarik menggunakan meta tag terlengkap sebagaimana yang terpasang di blog ini, ikuti langkah-langkah berikut :
  • Login blogger.com dan buka dashboard blog anda,
  • Pilih menu template lalu kelik edit,
  • Blok/pilih semua kode setelah atau dibawah <head> sampai <b:skin>, cut/potong kode tersebut, sekedar untuk berjaga-jaga atau untuk menyimpan beberapa kode yang nanti dibutuhkan, paste lalu save di notepad.
  • Copy paste kode berikut ini, menggantikan kode meta tag sebelumnya yang telah tiada,

<!-- Meta Tag Start -->

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script><![endif]-->
<b:include data='blog' name='all-head-content'/>
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='never' name='Expires'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='url akun/halaman FB' property='article:publisher'/>
<meta content='url akun/halaman FB' property='article:author'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='id aplikasi FB' property='fb:app_id'/>
<meta content='id akun FB' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='id gogel webmaster' name='google-site-verification'/>
<meta content='nama anda' name='Author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary' name='twitter:card'/>
<meta content='@username twitter' name='twitter:creator'/>
<meta content='all' name='spiders'/>
<meta content='index, follow, noodp, noydir' name='robots'/>
<meta content='follow, all' name='Googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='all, follow' name='Yahoobot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='all, follow' name='Bingbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='BecomeBot'/>
<meta content='follow, all' name='CatchBot'/>
<meta content='follow, all' name='dotbot'/>
<meta content='follow, all' name='Teoma'/>
<meta content='follow, all' name='YahooSeeker'/>
<meta content='follow, all' name='YandexImages'/>
<meta content='follow, all' name='msnbot-media'/>
<meta content='follow, all' name='Gigabot'/>
<meta content='follow, all' name='ia_archiver'/>
<meta content='follow, all' name='Baiduspider'/>
<meta content='follow, all' name='Mediapartners-Google'/>
<meta content='follow, all' name='NewsGator'/>
<meta content='follow, all' name='Yahoo! Slurp'/>
<meta content='follow, all' name='YandexBot'/>
<meta content='follow, all' name='Speedy Spider'/>
<meta content='follow, all' name='Seekbot'/>
<meta content='follow, all' name='Twitterbot'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta expr:href='data:blog.homepageUrl' name='copyright'/>
<meta content='public' http-equiv='Cache-control'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:href='data:blog.homepageUrl' name='twitter:domain'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='url logo icon blog' rel='icon' type='image/x-icon'/>
<link href='url gogel plus-posts' rel='publisher'/>
<link href='url gogel plus-about' rel='author'/>
<link href='url gogel plus' rel='me'/>

<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></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.pageTitle' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>   
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</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>

&lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quot;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;start&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void 0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot;wtsrt_&quot;))}
try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.csi().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());null==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)};var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.addEventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;onsFroll&quot;,q);
 })();&lt;/script&gt;
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->

<!-- [ Social Media 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 expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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='Alternatif_image_url' 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='&quot;Silahkan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
</b:if>

<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

<!-- Meta Tag Finish -->

  • Silahkan ganti semua yang perlu diganti, yang ditandai dengan huruf tebal dan berwarna merah,
  • Khusus yang warna biru bisa diganti dengan deskripsi blog sesuai dengan keinginan, atau bisa dibiarkan begitu saja tanpa perubahan,
  • Langkah terakhir simpan dan save template.
Untuk melihat perubahan yang terjadi setelah memasang meta tag diatas bisa dilakukan dengan beberapa cara :
  1. Dengan cara membagikan salah satu link dari blog yang sudah dipasang meta tag tersebut diatas di facebook atau di twitter anda, perhatikan tampilannya, cantik bukan..
  2. Dengan menggunakan tool dari facebook untuk melihat tampilan link yang dibagikan melalui facebook. Buka link berikut ini : https://developers.facebook.com/tools/debug/, masukkan link blog anda lalu klik "fetch new scrape information"
  3. Dengan menggunakan card validator untuk melihat tampilan link yang dishare melalui twitter. Buka di https://cards-dev.twitter.com/validator, paste link blog yang ingin ditampilkan preview-nya dan tunggu beberapa saat.

    Demikian, dan mohon maaf jika judulnya terlalu berlebihan, karena kita semua pasti sadar bahwa tidak ada sesuatu apapun yang terlengkap di dunia ini, meskipun diberikan label super duper lengkap, untuk itu jika ada tambahan atau ada masukan dan pertanyaan, lanjutkan di kolom komentar...

    Label:

    BlogspotTutorial
    Terima Kasih telah menyempatkan diri dan meluangkan waktu membaca artikel diatas, semoga bermanfaat dan silahkan berbagi agar manfaatnya tidak berhenti disisi Anda. Jika ada tambahan dan masukan atau kritikan serta masalah terkait artikel diatas, silahkan sampaikan di kolom komentar atau hubungi kami disini.
    Zainal M Zainal M

    "Blog Pribadi untuk Berbagi Apa yang Bisa Dibagi dan Mencatat Apa yang Bisa Dicatat dengan Catatan Bermanfaat untuk Orang Lain dan Bagiku Pribadi"

    Langsung di E-Mail Anda

    3 komentar

    avatar
    Balas
    Nita delete September 12, 2016 at 1:03 PM

    Kak , tolong jelasin Pada bagian meta content='2 days' name='revisit-after , itu mkstnya gmn , apa mksutnya robot gugel akan crawl per 2 hari atau gmn ,,,mksh .

    avatar
    Balas
    Zainal M delete September 13, 2016 at 6:45 AM

    Betul, penjelasan yg sy dpt juga maksudnya seperti itu, maksudnya jadwal periode kunjungan gugel di blog kita.

    avatar
    Balas
    Nuriyanto51 delete September 25, 2016 at 3:08 AM

    Thanks gans, ilmu dan meta-tag nya sangat ngebantu...

    "Maka berbicaralah kamu berdua (Musa & Harun Alaihimassalam) kepadanya (Fir'aun) dengan kata-kata yang LEMAH LEMBUT, mudah-mudahan ia ingat atau takut" [TQS. Thoha (20):44]