vlogٷ

Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

Setelah beres dengan urusan 'migrasi' ke Schema Markup BlogPosting, saya mencari-cari apalagi yang sekiranya bisa dioptimasi di platform Blogger atau Blogspot ini. Akhirnya ketemu 2 hal yang cukup penting tapi tidak begitu krusial untuk ditambahkan di blog masing-masing.

Yakni, menjadikan Post Labels atau Entri Label sebagai Meta Data Keywords dan Property article:tag sebagaimana yang seringkali kita lihat pada meta data website platform WordPress, terutama pengguna plugin SEO Rank Math.

Sayangnya, untuk Blogger kita tidak bisa menambahkan kedua keta data tersebut di dalam <head>. Kita hanya bisa melatakkanya di dalam <b:widget type='Blog' ...>. Sama dengan JSON LD untuk schema markup BlogPosting, juga lebih maksimal ditempatkan di dalam widget type Blog.

Namun tidak menjadi masalah, yang penting bisa diterapkan dan terbaca dengan jelas oleh browser dan mesin penelusuran, yang kita kenal dengan istilah sers enjin.

Contoh outputnya sebagai berikut:

Cara Membuat Post Labels Menjadi Meta Keywords dan Property article:tag

Untuk menambahkan label postingan sebagai meta keywords dan property article:tag, silahkan ikuti langkah-langkah berikut:

  1. Login ke dashboard Blogger
  2. Cari kode <b:includable id='postBodySnippet' var='post'> atau <b:includable id='postCommentsAndAd' var='post'> lalu letakkan kode berikut ini di bawahnya.
    <b:if cond='data:view.isPost'>
      &lt;meta content=&quot;<data:blog.pageName/>, <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='not data:label.isLast'>, </b:if></b:loop>&quot; name=&#39;keywords&#39;/&gt;
       <b:loop values='data:post.labels' var='label'>
      <meta expr:content='data:label.name' property='article:tag'/>
       </b:loop>
    </b:if>
  3. Klik tombol Save Template untuk menyimpan.

Adapun kode untuk meta data keyword dan property article:tag yang diambil dari label postingan tersebut di atas, hanya akan muncul pada halaman Postingan saja.

Bila sebelumnya Anda telah menambahkan meta keyword di <head>, maka edit kembali tag conditional (tag kondisi) di meta Keywords itu kurang lebih seperti ini:

<b:if cond='data:view.isMultipleItems'>
<meta name="keywords" content="keyword anda disini, dipisahkan dengan koma"/>
<b:elseif cond='data:view.isSingleItem'/>
</b:if>

Atau seperti ini:

<b:if cond='data:view.isMultipleItems'>
<meta name="keywords" content="keyword anda disini, dipisahkan dengan koma"/>
<b:elseif cond='data:view.isPost'/>
</b:if>

Lalu simpan kembali tema Anda.

4 komentar

  1. Profil:https://www.blogger.com/profile/13162875744493565460
    Komentar ini telah dihapus oleh pengarang.
  2. Profil:https://www.blogger.com/profile/09886452788688705534
    Bang tutorial di atas gak work di blog sya... tapi saya menu kode ini.. ini menampilkan nama blog dan judul postingan jadi keyword kira2 kalau mau nambahin post lebel ke kode ini suapaya jadi meta keyword gimana ya?
    <meta expr:content='data:blog.title.escaped + &quot;, &quot; + data:blog.pageName.escaped + &quot;&quot;' name='keywords'/>
  3. Profil:https://www.blogger.com/profile/18400153320211647867
    Gimana tandanya kalau ini berhasil diaplikasikan atau tidak bung?
    • Profil:https://www.blogger.com/profile/13162875744493565460
      bisa diliat outputnya dengan inspect element atau view source
  • Gunakan fitur Format Kode untuk menulis atau menyisipkan kode dan gambar dengan format tertentu.
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi via Email ketika ada balasan.
  • Apabila ada pertanyaan di luar artikel silahkan telusuri atau bertanya lewat .
  • Untuk menyisipkan gambar, silahkan terlebih dahulu. Lalu salin URL Gambar tersebut, paste ke kolom di bawah ini, lalu klik tombol Image.
  • Untuk menyisipkan Potongan Kode, atau Quote, paste kode tersebut ke kolom di bawah ini, lalu klik tombol pre, code, atau quote.
  • Untuk menulis kode dalam Syntax Highlighter gunakan format kode panjang.
  • Setelah itu, salin atau copy hasil parse dengan klik tombol icon Salin Kode! lalu paste ke kolom komentar.

image quote pre code