Sebenarnya di Blogger fitur meta tag standar sudah tersedia secara instan, khususnya untuk theme bawaan, dimana pengguna tidak perlu lagi bersusah-susah melakukan hal-hal yang ribet dengan mengedit html.

Tapi ada kalanya dalam keadaan tertentu kita membutuhkan untuk menambah meta tag yang tidak disdiakan secara default, atau ketika menggunakan custom theme yang memang konfigurasinya kurang tepat.

Jika ya maka kamu bisa menggunakan melihat beberapa konfigurasi yang biasa saya gunakan ketika membuat theme blogspot

Title Tag

Untuk ditampilan pada beranda (homepage)

<!-- untuk ditampilkan di beranda -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>
<data:blog.title/> | <data:blog.metaDescription/>
</title>
</b:if>

Untuk ditampilkan pada halaman statis (pages)

<!-- untuk ditampilkan di halaman statis -->
<b:if cond='data:blog.pageType == "static_page"'>
<title>
<data:blog.pageName/>
</title>
</b:if>

Untuk ditampilkan pada halaman pos (posts)

<!-- untuk ditampilkan di halaman posting -->
<b:if cond='data:blog.pageType == "item"'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
</b:if>

Untuk ditampilkan pada halaman arsip (archive)

<!-- untuk ditampilkan di halaman arsip -->
<b:if cond='data:blog.pageType == "archive"'>
<title>
Arsip untuk <data:blog.pageName/>
</title>
</b:if>

Untuk ditampilkan pada halaman taxonomi label

<!-- untuk ditampilkan pada halaman label -->
<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>

Untuk ditampilkan pada halaman error 404

<!-- untuk ditampilkan dihalaman error 404 -->
<b:if cond='data:blog.pageType == "error_page"'>
<title>
404
</title>
</b:if>

Sedikit penjelasan, seluruh kode tersebut memiliki kesamaan, yaitu kesemuanya menggunakan tag kondisional b:if dimana kode tersebut berfungsi sebagai petunjuk bahwa konten title tag tersebut hanya akan ditampilkan pada halaman yang dideklarasikan pada tag kondisional tersebut.

<b:if cond='data:blog.pageType == "halaman_yang_dituju"'>
<!-- Konten title tag yang ditampilkan -->
</b:if>
Meta Description

Untuk meta description sedikit lebih mudah karena bisa dilakukan tanpa membuka editor theme, cukup dengan melakukan konfigurasi pada bagian setting.

  1. Masuk Dashboard » Setelan » Preferensi Penelusuran

  2. Pada bagian Tag Meta klik edit, lalu pilih ‘ya’ pada deskripsi penelusuran, Isi deskripsi untuk beranda dengan tagline blog kamu, lalu simpan perubahan

Konfigurasi Meta Description Halaman Beranda

Langkah terakhir tadi adalah konfigurasi untuk halaman beranda, sedangkan untuk meemunculkan deskripsi setiap postingan kamu harus mengisi kolom deskripsi yang ada pada setelan entri pos

Konfigurasi Meta Description Halaman Pos

Protokol Opengraph

Protokol Opengraph ini digunakan oleh beberapa jejaring sosial seperti Facebook, Google+ dan Pinterest sebagai standar pengambilan meta data dari sebuah halaman web, dimana data tersebut akan ditampilkan sebagai cuplikan, khususnya ketika halaman tersebut dibagikan dishare.

Kode dibawah ini akan menampilkan logo atau banner blog, ketika url yang dibagikan adalah beranda dan halaman index

<!-- Facebook image homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='URL_LOGO_BLOG_KAMU' property='og:image'/>
</b:if>

Untuk halaman posting gunakan konfigurasi berikut ini

<!-- Facebook image individual post -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='GANTI DENGAN URL BLOG KAMU' property='og:image'/>
</b:if>
</b:if>

Nah seluruh konfigurasi meta tag tersebut pada dasarnya sudah mencukupi standar untuk diaplikasikan pada blog khususnya blogpost, namun jika dirasa kurang cukup kamu bisa menambah atau melakukan custom sebanyak yang dibutuhkan.

Salam