Trik Keyword

Thought for 7s

Berikut script siap-pakai untuk menambahkan meta keywords otomatis di template Blogger — diambil dari labels (label/tag) setiap post. Cukup tempelkan potongan ini di dalam <head> template Blogger Anda (Template → Edit HTML). Saya sertakan juga penjelasan singkat dan opsi fallback.

Catatan singkat: Google dan mesin pencari besar tidak lagi menggunakan meta keywords untuk ranking, tapi kadang masih berguna untuk integrasi lain atau widget pihak ketiga. Jika tujuan Anda SEO, fokus ke title, meta description, konten, struktur & schema.

Potongan (rekomendasi)

Tempel di dalam tag <head> template Anda:


<!-- Auto-generate meta keywords from post labels (paste inside <head>) -->
<b:if cond='data:blog.pageType == "item"'>
  <b:if cond='data:post.labels'>
    <!-- Render labels ke DOM (tersembunyi) -->
    <span class="__post-labels-for-meta" style="display:none">
      <b:loop values='data:post.labels' var='lab'><data:lab.name/>;</b:loop>
    </span>

    <!-- JS: ambil label, gabungkan, dan tambahkan <meta name="keywords"> -->
    <script type="text/javascript">
      (function(){
        try {
          var s = document.querySelector('.__post-labels-for-meta');
          if(!s) return;
          // tanda ; sebagai pemisah yang kita pakai saat render loop
          var labels = s.textContent.split(';')
            .map(function(t){ return t.replace(/\s+/g, ' ').trim(); })
            .filter(function(t){ return t.length>0; });
          if(labels.length === 0) return;
          var meta = document.createElement('meta');
          meta.name = 'keywords';
          meta.content = labels.join(', ');
          document.getElementsByTagName('head')[0].appendChild(meta);
        } catch(e) {
          // fail-safe: jangan ganggu halaman jika error
          console && console.log && console.log('meta-keywords script error:', e);
        }
      })();
    </script>
  </b:if>
</b:if>

Penjelasan singkat

<b:loop values='data:post.labels' var='lab'>…</b:loop> akan merender semua label artikel (mis. Game; Review; Tips;).
Script JavaScript membaca string tersembunyi itu, memecah berdasarkan ;, membersihkan spasi, lalu membuat <meta name="keywords" content="…"> dan menambahkannya ke <head>.
Dijalankan hanya pada halaman posting (post pages) — tidak akan muncul di halaman beranda atau arsip.
Jika Anda ingin meta keywords juga untuk halaman statis, tambahkan logika kondisional yang sesuai (data:blog.pageType == 'static_page').

Opsi cepat: meta keywords manual per post

Kalau ingin memasukkan keyword custom tiap post, buat bagian di editor post (HTML view) di bagian atas konten:


<!-- letakkan di HTML body posting -->
<span class="custom-meta-keywords" style="display:none">keyword1, keyword2, keyword3</span>

Lalu ubah JS di atas untuk memeriksa .custom-meta-keywords terlebih dahulu, jika ada gunakan itu, jika tidak gunakan label.

Mau saya modifikasi?

Kalau mau:

ambil kata kunci dari isi post (ekstraksi otomatis),
gunakan meta description otomatis juga,
atau gabungkan label + beberapa kata kunci manual per-post,

sebutkan pilihan Anda dan saya buatkan versi lengkap yang sesuai — langsung saya berikan kodenya.