Pemeriksa Open Graph

Pratinjau dan validasi meta tag Open Graph untuk berbagi sosial dengan memeriksa URL langsung atau tempelan HTML. Periksa og:title, og:description, og:image, tautan kanonis, fallback Twitter, tag duplikat, perilaku pengalihan, dan masalah pratinjau berbagi umum yang memengaruhi Facebook, LinkedIn, Slack, Discord, dan aplikasi pesan.

QA Kartu Sosial

Periksa metadata yang menentukan tampilan URL saat seseorang membagikannya di Facebook, LinkedIn, Slack, Discord, iMessage, X, atau permukaan pratinjau lainnya. Anda dapat memeriksa URL langsung setelah penerapan atau menempelkan HTML selama tahap staging untuk mendeteksi tag og:* yang hilang sebelum rilis.

Contoh Cepat

Pengaturan sumber

Mode URL langsung memeriksa apa yang dapat diambil perayap saat ini. Mode Tempel HTML berguna sebelum peluncuran, di dalam CMS, atau saat Anda ingin memvalidasi markup head yang dirender server tanpa mempublikasikannya.

Mode audit Gunakan mode URL langsung untuk QA produksi. Gunakan mode tempel HTML untuk staging atau pekerjaan template.

URL atau URL referensi Dalam mode URL langsung, ini adalah halaman yang akan diambil. Dalam mode tempel HTML, ini berfungsi sebagai URL dasar opsional untuk menyelesaikan jalur kanonikal atau gambar relatif.

Sumber HTML

Tempelkan HTML lengkap atau setidaknya bagian <head> yang berisi metadata sosial Anda.

HTML yang Ditempel Pemeriksa membaca sumber mentah. JavaScript yang menyuntikkan tag setelah halaman dimuat mungkin tetap gagal pada perayap nyata.

Detail hasil muncul di bawah dalam laporan audit dan kartu pratinjau berbagi. Area hasil dirender di sisi server sehingga output juga berfungsi tanpa mengandalkan perhitungan khusus sisi klien.

\\n' } }; function setValue(id, value) { var el = document.getElementById(id); if (el) { el.value = value; } } function syncMode() { var modeField = document.getElementById('id_mode'); var pastePanel = document.getElementById('ogc-paste-panel'); var hint = document.getElementById('ogc-url-hint'); var mode = modeField ? modeField.value : 'fetch'; if (pastePanel) { pastePanel.classList.toggle('is-visible', mode === 'paste'); } if (hint) { hint.textContent = mode === 'paste' ? 'Opsional tapi membantu. Jika markup yang Anda tempel menggunakan URL relatif, URL dasar ini memungkinkan pemeriksa menyelesaikan jalur kanonikal dan gambar.' : 'Masukkan URL publik persis seperti yang akan dibagikan oleh pengguna atau kampanye. Pengalihan dan URL akhir yang diambil ditampilkan dalam laporan.'; } } function applyExample(key) { var example = examples[key]; if (!example) { return; } setValue('id_mode', example.mode); setValue('id_page_url', example.page_url); setValue('id_html_source', example.html_source); document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.classList.toggle('is-active', btn.getAttribute('data-example') === key); }); syncMode(); } document.addEventListener('DOMContentLoaded', function () { var modeField = document.getElementById('id_mode'); if (modeField) { modeField.addEventListener('change', syncMode); } document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.addEventListener('click', function () { applyExample(btn.getAttribute('data-example')); }); }); syncMode(); }); })();

Embed Pemeriksa Open Graph Widget

Tentang Pemeriksa Open Graph

Pemeriksa Open Graph membantu Anda memverifikasi metadata persis yang mengontrol tampilan halaman saat seseorang membagikan tautan di umpan sosial, aplikasi obrolan, pratinjau email, atau alat kolaborasi. Alih-alih mengandalkan judul, kutipan, atau gambar apa pun yang ditebak platform dari isi halaman, tag Open Graph memberi perayap serangkaian instruksi yang jelas: tajuk utama mana yang akan ditampilkan, ringkasan mana yang akan dipajang, gambar mana yang akan diambil, URL kanonikal mana yang akan dikaitkan dengan hasil berbagi, dan jenis konten apa yang diwakili oleh halaman tersebut. Hal itu penting untuk alur kerja SEO dan GEO karena sistem penemuan modern sering menggunakan kembali sinyal tingkat halaman yang sama ini saat menghasilkan pratinjau, kartu tautan, ringkasan, atau sitasi sumber.

Cara Penggunaan

Pilih sumber. Gunakan mode URL langsung saat Anda ingin menguji apa yang dapat diambil perayap dari halaman publik sekarang, atau beralih ke mode tempel HTML saat Anda memvalidasi markup sebelum peluncuran.
Masukkan URL atau HTML. Tempelkan URL persis yang Anda harapkan akan dibagikan pengguna, atau tempelkan HTML halaman dengan bagian head yang utuh sehingga pemeriksa dapat membaca tag Open Graph, Twitter, dan kanonikal.
Jalankan pemeriksa. Tinjau kartu pratinjau, peringatan bidang yang hilang, temuan tag duplikat, catatan pengalihan, dan tabel perbandingan bidang setelah pemindaian selesai.
Perbaiki sumber akhir sebelum berbagi. Perbarui halaman sehingga respons yang dirender server mengekspos satu set tag yang jelas, lalu periksa kembali sebelum memposting tautan dalam kampanye, postingan sosial, buletin, atau alat obrolan internal.

Apa yang Ditinjau Pemeriksa

Sinyal	Mengapa ini penting	Masalah umum
`og:title`	Memberi perayap tajuk berbagi yang eksplisit alih-alih menggunakan kembali judul HTML atau tajuk acak.	Judul yang sangat pendek terlihat generik, sementara judul yang panjang sering terpotong di pratinjau pesan.
`og:description`	Mengontrol teks pendukung yang menjelaskan halaman setelah judul.	Deskripsi yang tipis membuang ruang pratinjau atau membiarkan platform menyusun fragmen dari teks isi.
`og:image`	Biasanya menentukan thumbnail atau gambar utama dalam kartu.	URL relatif, gambar HTTP, atau gambar yang hilang menyebabkan pratinjau yang tidak konsisten di berbagai aplikasi.
`og:url` dan kanonikal	Membantu platform mengonsolidasikan hasil berbagi dan menjaga URL halaman pilihan tetap konsisten.	Pengalihan atau URL yang tidak cocok membagi jumlah keterlibatan dan membingungkan sinyal pengindeksan.
`twitter:card`	Meningkatkan perilaku fallback di X dan beberapa konsumen sematan bahkan saat Open Graph tersedia.	Tim berasumsi OG saja sudah cukup, lalu mendapatkan kartu yang lebih kecil atau kurang konsisten pada beberapa permukaan.

Kesalahan Umum dan Tips Interpretasi

Halaman dapat terlihat benar di peramban namun tetap menghasilkan pratinjau sosial yang lemah jika metadata diduplikasi, disuntikkan terlambat dengan JavaScript, atau dilampirkan ke URL kanonikal yang salah. Salah satu kesalahan yang sering terjadi adalah mempublikasikan og:url untuk versi halaman yang non-kanonikal atau berparameter, lalu membagikan URL yang berbeda dalam kampanye atau buletin. Kesalahan lainnya adalah mengandalkan jalur gambar relatif yang berfungsi di dalam peramban tetapi menciptakan ambiguitas bagi perayap. Tag og:title atau og:description duplikat juga berisiko, karena platform dapat memilih nilai pertama, nilai terakhir, atau nilai lama yang tersimpan di cache tergantung pada cara mereka mengambil halaman.

Jika pemeriksa melaporkan pengalihan, bandingkan URL yang diminta, URL akhir yang diambil, tautan kanonikal, dan og:url secara bersamaan. Keempat nilai tersebut biasanya harus mendeskripsikan halaman pilihan yang sama. Jika tidak, perbaiki halaman sebelum promosi atau peluncuran produk agar hasil berbagi sosial, analitik, dan sinyal pengindeksan semuanya menunjuk ke satu URL yang stabil.

Kasus Penggunaan

Alat ini praktis untuk tim editorial yang memeriksa hasil berbagi artikel sebelum publikasi, tim e-commerce yang memvalidasi kartu produk sebelum kampanye, dan pengembang yang meninjau output SSR setelah migrasi framework. Ini juga berguna saat men-debug mengapa Slack, Discord, LinkedIn, atau Facebook menampilkan thumbnail yang usang, judul beranda, atau gambar fallback generik. Dalam situasi tersebut, masalahnya sering kali bukan pada platform itu sendiri melainkan metadata yang diekspos oleh sumber halaman yang diambilnya.

Karena banyak permukaan jawaban AI dan sistem pratinjau menggunakan kembali metadata halaman, tag Open Graph yang terkontrol juga dapat meningkatkan cara tautan diringkas atau dikutip di luar media sosial tradisional. Tag-tag ini bukan faktor peringkat dengan sendirinya, tetapi merupakan bagian dari pengemasan kualitas halaman yang memengaruhi rasio klik-tayang dan kepercayaan berbagi.

FAQ

Bagaimana cara menguji tag Open Graph sebelum memposting tautan di media sosial?

Ambil URL langsung atau tempelkan sumber HTML akhir, lalu konfirmasikan bahwa og:title, og:description, og:image, og:url, dan og:type ada dalam sumber halaman yang sebenarnya diterima perayap. Setelah itu, bandingkan URL OG dengan tautan kanonikal dan pastikan halaman tidak dialihkan ke tempat yang tidak terduga.

Mengapa pratinjau tautan saya menampilkan gambar atau judul yang salah?

Penyebab biasanya adalah tag Open Graph yang hilang, nilai duplikat, jalur gambar relatif, cache basi di platform sosial, atau ketidaksesuaian antara URL yang dibagikan dan halaman kanonikal atau yang dialihkan. Jika sumber akhir tidak mengekspos satu set bidang yang jelas, sistem pratinjau mungkin akan menebak.

Apakah saya memerlukan tag Twitter jika saya sudah memiliki tag Open Graph?

Open Graph mencakup banyak platform, tetapi twitter:card dan bidang judul, deskripsi, atau gambar khusus Twitter opsional tetap meningkatkan perilaku fallback di X dan pada beberapa alat yang membaca tag tersebut secara langsung. Ini adalah tambahan kecil yang biasanya meningkatkan konsistensi.

Dapatkah meta tag yang dihasilkan JavaScript merusak pratinjau berbagi sosial?

Ya. Banyak perayap memeriksa respons HTML awal dan tidak berperilaku seperti peramban lengkap yang menunggu perenderan sisi klien. Jika framework Anda menyuntikkan tag setelah pemuatan, pengguna mungkin melihat halaman yang tepat di peramban sementara perayap masih melihat metadata yang hilang atau usang.

Kutip konten, halaman, atau alat ini sebagai:

"Pemeriksa Open Graph" di https://MiniWebtool.com/id/pemeriksa-open-graph/ dari MiniWebtool, https://MiniWebtool.com/

oleh tim miniwebtool. Diperbarui: 2026-03-09

Pemeriksa Open Graph

Pengaturan sumber

Sumber HTML

Tentang Pemeriksa Open Graph

Cara Penggunaan

Apa yang Ditinjau Pemeriksa

Kesalahan Umum dan Tips Interpretasi

Kasus Penggunaan

FAQ

Bagaimana cara menguji tag Open Graph sebelum memposting tautan di media sosial?

Mengapa pratinjau tautan saya menampilkan gambar atau judul yang salah?

Apakah saya memerlukan tag Twitter jika saya sudah memiliki tag Open Graph?

Dapatkah meta tag yang dihasilkan JavaScript merusak pratinjau berbagi sosial?

Peralatan untuk webmaster:

Alat unggulan: