Search This Blog

Penjelasan Tentang Meta Tag Default Blogger

  • Monday, July 2, 2018 at 7:17:00 AM
  • 0 Comments
  • Views
Kemarin aku ngoprek meta tag blog aku biar SEO friendly. Tapi setelah googling ternyata Blogger udah menerapkan satu baris kode yang ampuh untuk SEO yaitu:
<b:include data='blog' name='all-head-content'/>
Kode meta tersebut konon katanya bisa memanggil kode-kode meta lainnya. Kode-kode yang di panggil oleh meta tag tersebut diantaranya:

Unicode Content Type
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
Kode diatas digunakan untuk mengidentifikasi jenis dokumen dan kode yang digunakan oleh blog, bertujuan untuk mempermudah pembacaan oleh mesin, blogger menggunakan standar unicode UTF-8.

Meta Theme Color
<b:if cond='data:widgets'>
<b:comment>Chrome, Firefox OS and Opera</b:comment>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<b:comment>Windows Phone</b:comment>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
</b:if>
Kode diatas hanya ada pada template v3, digunakan untuk menentukan warna tema dan warna tombol next dan back yang akan digunakan di browser mobile (Chrome, Firefox dan Opera), kode defaultnya diambil dari warna latar belakang tema.

Latency Script
<data:blog.latencyHeadScript/>
<data:blog.mobileHeadScript/>
Kode diatas memiliki isi skrip latensi bervariasi sesuai dengan tema.

Meta Generator
<meta content='blogger' name='generator'/>
Kode diatas memungkinkan blogger untuk melakukan statistik pada blog.

Favicon
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
Kode diatas digunakan untuk menentukan icon blog yang tampil pada tab browser.

Adult Meta Tag
<b:if cond='data:blog.adultContent'>
<meta content='adult' name='rating'/>
</b:if>
Kode diatas digunakan untuk menentukan isi blog, kode ini akan muncul jika penyetingan blog diseting ke adult content.

Canonical URL
<link expr:href='data:blog.url.canonical' rel='canonical'/>
Kode diatas digunakan untuk mendefinisikan sebagai URL pilihan untuk konten halaman agar bisa dindeks di Search Engine.

Syndication Feed
<data:blog.feedLinks/>
Kode diatas digunakan untuk memeberikan informasi kepada browser dan beberap layanan web url feed blog yang tersedia.

OpenID
<data:blog.openIdOpTag/>
OpenID merupakan standar terbuka yang memungkinkan pengguna layanan OpenID terhubung ke situs yang kompatibel dengan informasi login unik yang menggunakan OpenID.

Publisher
<data:blog.meTag/>
<b:if cond='data:blog.googleProfileUrl'>
<link expr:href='data:blog.googleProfileUrl' rel='publisher'/>
</b:if>
Kode diatas digunakan untuk mengidentifikasi publisher blog, kode ini aktif jika hanya anda yang terhubung ke blog, namun jika tidak muncul dapat ditambahkan sendiri.

OpenGraph
<b:include name='openGraphMetaData'/>
Kode diatas digunakan untuk memunculkan meta Open Graph, meta ini berfungsi untuk mengidentifikasi url,judul,gambar,deskipsi yang akan ditampilkan saat menyertakan link blog pada web yang menggunakan opengraph ini contohnya Facebook.

Description
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Kode diatas digunakan untuk memberikan deskripsi blog dan artikel kepada search engine.

Internet Explorer CSS Adjusment
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/579771828-ieretrofit.js"></script>
<![endif]-->
<!--[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]-->
Kode diatas digunakan untuk memperbaiki tampilan pada browser internet explorer.

Referensi
No comments
No comments

Post a Comment