Cara Membuat Related Post (Artikel Terkait) di Blogspot

By
Prabowo
-
0
314

Salah satu cara terbaik untuk mempertahankan pengunjung lebih lama di blog kamu adalah dengan menampilkan related post atau artikel terkait di bagian bawah setiap postingan. Fitur ini membantu pembaca menemukan konten lain yang relevan, meningkatkan pageview, durasi kunjungan, dan tentunya SEO blog kamu.

Dalam artikel ini, kita akan membahas cara membuat related post di Blogspot, baik dengan cara manual maupun otomatis menggunakan script. Cocok untuk pemula maupun blogger yang sudah terbiasa mengutak-atik tampilan blog.

Apa Itu Related Post?

Related post adalah bagian di bawah artikel yang menampilkan tautan ke artikel lain yang masih berkaitan dengan topik yang sedang dibaca.

Contoh:
Jika seseorang membaca artikel tentang “Cara Menanam Tomat”, maka related post-nya bisa berupa:

  • Tips Merawat Tanaman Cabai

  • Cara Membuat Pupuk Organik Sendiri

  • Panduan Menanam Sayuran di Pekarangan

Tujuannya:

  • Meningkatkan internal linking

  • Mencegah pembaca pergi terlalu cepat

  • Meningkatkan performa blog secara keseluruhan

Cara Menampilkan Related Post di Blogspot

Ada beberapa cara untuk membuat related post di Blogspot:

1. Menggunakan Widget Pihak Ketiga (LinkWithin, Engagedya, dll)

Ini cara yang paling mudah dan tanpa perlu coding.

Langkah-langkah:

A. LinkWithin (Jika masih tersedia)

  1. Kunjungi www.linkwithin.com

  2. Isi form blog kamu (platform: Blogger)

  3. Dapatkan kode HTML dan salin

  4. Masuk ke Blogspot > Tata Letak

  5. Tambahkan Gadget HTML/Javascript di bawah postingan

  6. Tempelkan kode dari LinkWithin, lalu simpan

⚠️ Catatan: Beberapa layanan seperti LinkWithin sudah tidak aktif. Alternatifnya adalah EngageYa, nRelate, atau script manual.

2. Menggunakan Script Manual (Label-Based Related Post)

Jika kamu ingin tampilan lebih ringan dan bebas iklan pihak ketiga, kamu bisa memasang script related post berdasarkan label (kategori) dari artikel yang sedang dibaca.

Langkah-langkah:

A. Masuk ke Dashboard Blogspot

  1. Klik menu Tema

  2. Klik Edit HTML

B. Tambahkan kode JavaScript berikut sebelum </body>

<script type='text/javascript'>
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedLabels = new Array();
var relatedCount = 0;

function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
var title = entry.title.$t;
var link = "";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == "alternate") {
link = entry.link[k].href;
break;
}
}
relatedTitles[relatedCount] = title;
relatedUrls[relatedCount] = link;
relatedCount++;
}

var relatedHTML = "<ul>";
for (var i = 0; i < relatedCount; i++) {
relatedHTML += "<li><a href='" + relatedUrls[i] + "'>" + relatedTitles[i] + "</a></li>";
}
relatedHTML += "</ul>";
document.write(relatedHTML);
}
</script>

C. Tambahkan pemanggil script di bawah postingan:

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<script src='/feeds/posts/default/-/${label.name}?alt=json-in-script&callback=related_results_labels&max-results=5' type='text/javascript'></script>
</b:loop>
</b:if>

💡 Penjelasan:
Script ini akan mencari artikel lain yang memiliki label (kategori) yang sama, lalu menampilkannya sebagai related post.

3. Menggunakan Template Blogspot yang Sudah Ada Fitur Related Post

Jika kamu menggunakan template premium atau gratisan dari desainer terkenal (seperti Igniel, Arlina Design, SoraTemplates), biasanya sudah tersedia fitur related post otomatis.

Langkah-langkah:

  1. Gunakan template yang mendukung fitur ini

  2. Buka Tata Letak, lalu cari bagian “Related Posts”

  3. Atur tampilannya (jumlah artikel, berdasarkan label atau tag, dll)

  4. Simpan

Kelebihan cara ini:

  • Tanpa coding

  • Tampilannya sudah responsif dan menyatu dengan desain blog

  • Ringan dan cepat

Tips Menampilkan Related Post yang Efektif

Agar related post kamu bekerja optimal, berikut beberapa tips penting:

✔ Gunakan Label/Kategori Secara Konsisten

Pastikan kamu memberi label yang relevan dan konsisten pada setiap postingan. Related post akan bekerja maksimal jika label terstruktur dengan baik.

✔ Batasi Jumlah Related Post

Idealnya cukup 3–6 artikel terkait saja. Terlalu banyak bisa membuat tampilan blog terlihat berantakan.

✔ Gunakan Gambar Thumbnail (Opsional)

Related post dengan gambar biasanya lebih menarik dan meningkatkan klik. Tapi pastikan tidak memperlambat loading blog.

✔ Letakkan di Posisi Strategis

Tempatkan related post tepat di bawah konten artikel, sebelum kolom komentar. Ini waktu yang pas ketika pembaca selesai membaca satu topik.

Keuntungan Memasang Related Post di Blogspot

  • Meningkatkan Page View: Pengunjung terdorong membuka artikel lain.

  • Menurunkan Bounce Rate: Pembaca tidak langsung keluar dari blog.

  • Membantu Internal Linking: Bagus untuk SEO dan navigasi.

  • Meningkatkan Waktu Tayang (Dwell Time): Sinyal positif untuk mesin pencari.

Penutup

Membuat related post di Blogspot bisa dilakukan dengan berbagai cara, dari yang otomatis pakai widget pihak ketiga hingga manual lewat script. Pilih cara yang paling sesuai dengan kebutuhan dan kemampuan teknismu.

Kalau kamu ingin hasil yang praktis dan visual menarik, gunakan template yang sudah mendukung related post otomatis. Tapi kalau kamu ingin lebih fleksibel dan ringan, pasang script label-based seperti di atas.

Yang paling penting: pastikan blog kamu punya konten yang saling terhubung, terstruktur, dan konsisten.

RELATED ARTICLESMORE FROM AUTHOR