XML : All Head Content Meta Tag di Blogger

Tingkat kesulitan : Easy
Bahasa Pemrograman : XML

Penjelasan : All-head-content adalah sebuah b:include yang bisa dipasang diatas tag </head>.

Berfungsi untuk memanggil beberapa meta tag sederhana yang diperlukan untuk SEO.

Didalamnya, terdapat juga openGraphMetaData yang berfungsi untuk membuat Rich Card untuk Facebook, yang digunakan ketika pengunjung men-share artikel/postingan anda.

---

Script

<b:include data='blog' name='all-head-content'/>

Kode diatas bisa diletakkan diatas kode </head>.

Begini contoh penggunaannya.

<b:include data='blog' name='all-head-content'/>
</head>

All-head-content akan memunculkan script-script berikut jika dipanggil :

P.S : Mungkin saja kode-kode ini tidak terlalu akurat dengan yang aslinya. Silahkan pelajari dan cari perbedaannya dengan yang ada di blog/website mu.

<b:includable id='all-head-content'>
  <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
  <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>
  <data:blog.latencyHeadScript/>
  <data:blog.mobileHeadScript/>
  <meta content='blogger' name='generator'/>
  <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  <b:if cond='data:blog.adultContent'>
    <meta content='adult' name='rating'/>
  </b:if>
  <link expr:href='data:view.url.canonical' rel='canonical'/>
  <data:blog.feedLinks/>
  <data:blog.openIdOpTag/>
  <data:blog.meTag/>
  <b:tag name='link' cond='data:blog.googleProfileUrl' rel='publisher' expr:href='data:blog.googleProfileUrl'/>
  <b:tag name='link' cond='data:view.featuredImage' expr:href='data:view.featuredImage' rel='image_src'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if>
  <b:include name='openGraphMetaData'/>
  <data:blog.ieCssRetrofitLinks/>
  <!--[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]-->
</b:includable>

Jika ingin menggunakan hanya beberapa script diatas, tidak perlu memanggil kode <b:include data='blog' name='all-head-content'/> diatas kode </head>.

Cukup salin beberapa kode diatas, lalu tempel diatas kode </head> (Seperti yang saya lakukan pada blog ini).