Pemeriksa Meta Open Graph

Periksa tag meta Open Graph dan Twitter Card untuk halaman HTML apa pun. Ekstrak og:title/og:description/og:image plus tag Twitter, sorot nilai yang hilang atau tidak valid, dan hasilkan laporan JSON/PDF yang dapat dibagikan. Dirancang untuk debugging SEO dan pratinjau sosial dengan dukungan pengalihan dan keluaran teks mentah.

Loading…

Tentang Pemeriksa Meta Open Graph

Tempelkan URL untuk memverifikasi apa yang dapat dibaca platform sosial dari halaman Anda: tag Open Graph (og:*) dan metadata Twitter Card. Alat ini membantu Anda mendeteksi judul/deskripsi yang hilang, URL og:image yang rusak atau tidak publik, masalah pengalihan, dan jebakan pratinjau umum — sehingga tautan Anda tampil benar di X/Twitter, Facebook, LinkedIn, Slack, Discord, dan lainnya.

Fitur

  • Ekstrak meta Open Graph: og:title, og:description, og:image dan properti OG terkait jika ada.
  • Ekstrak tag Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) jika ada.
  • Ikuti pengalihan untuk memeriksa tujuan kanonik akhir (umum untuk HTTP→HTTPS, www, rute lokal).
  • Mode validasi HTML-saja untuk fokus pada tag meta (bukan sumber daya non-HTML).
  • Temuan + kartu skor dan filter "hanya masalah" untuk pembersihan cepat.
  • Keluaran teks mentah yang mudah disalin, dibandingkan, dan dibagikan.
  • Salin hasil untuk tiket dan dokumentasi.
  • Ekspor JSON untuk otomatisasi dan audit.
  • Ekspor laporan PDF untuk kiriman klien dan audit SEO.

🧭 Cara menggunakan for open-graph-meta-checker

1

Tempel URL halaman

Masukkan URL halaman yang ingin Anda pratinjau (misalnya, halaman arahan, posting blog, halaman produk). Alat ini ditujukan untuk halaman HTML, bukan gambar atau API.

2

Ikuti pengalihan jika situs Anda mengalihkan

Biarkan "Ikuti Pengalihan" diaktifkan agar alat memeriksa tujuan akhir yang kemungkinan akan dicapai oleh crawler sosial.

3

Tinjau nilai OG dan Twitter

Periksa bidang judul, deskripsi, dan gambar. Cari nilai kosong, placeholder, duplikat, atau ketidakcocokan antara tag OG dan Twitter.

4

Perbaiki masalah pratinjau umum

Pastikan og:image adalah URL absolut, dapat diakses publik, dan menunjuk ke aset yang benar. Konfirmasi judul/deskripsi ringkas dan unik per halaman.

5

Ekspor dan bagikan laporan

Unduh JSON untuk otomatisasi atau PDF untuk pelaporan SEO/klien. Gunakan tampilan teks mentah untuk dengan cepat menempelkan nilai ke tiket.

Spesifikasi teknis

Model permintaan dan penguraian

Alat ini mengambil halaman target (HTML) dan mengekstrak tag meta Open Graph dan Twitter Card dari elemen meta dokumen. Mendukung pengalihan untuk memeriksa tujuan efektif.

PengaturanPerilakuDefault
Hanya-HTMLFokus pada halaman HTML dan ekstraksi metaDiaktifkan (berdasarkan kemampuan alat)
Ikuti PengalihanMengikuti pengalihan untuk memeriksa URL akhirDiaktifkan
Pengalihan MaksimumBatas pengalihan untuk mencegah perulangan10
Batas WaktuBatas waktu permintaan15000 ms
User-AgentMengidentifikasi agen pengguna permintaanEncode64Bot/1.0 (+https://encode64.com)
Jaringan pribadiMemblokir akses ke rentang jaringan pribadi untuk keamananDinonaktifkan (jaringan pribadi tidak diizinkan)

Set meta yang direkomendasikan (dasar)

Dasar yang solid mencakup bidang Open Graph dan Twitter Card agar pratinjau dirender secara konsisten di berbagai platform.

PlatformTag minimumCatatan
Open Graphog:title, og:description, og:imageTambahkan og:url dan og:type jika berlaku
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card umumnya summary atau summary_large_image
Meskipun halaman Anda terlihat baik di browser, crawler hanya melihat apa yang ada dalam respons HTML yang mereka ambil. Injeksi meta hanya-klien mungkin tidak diambil secara andal.

Jebakan og:image yang perlu diwaspadai

Kegagalan pratinjau paling umum berasal dari URL gambar: harus dapat diakses, absolut, dan kompatibel dengan aturan pengambilan crawler.

MasalahGejalaPerbaikan
URL gambar relatifPratinjau tidak menampilkan gambarGunakan URL absolut untuk og:image dan twitter:image
Diblokir oleh auth / robot / firewallPratinjau hilang atau tidak konsistenPastikan akses publik untuk crawler; izinkan agen pengguna sosial jika Anda memfilter
URL gambar dialihkanBeberapa platform gagal mengambilnyaLebih suka URL gambar langsung dan stabil (tanpa pengalihan)
Tipe konten salahGambar tidak dikenaliSajikan Content-Type yang benar (misalnya, image/png, image/jpeg)

Baris perintah

Anda dapat memvalidasi tag OG/Twitter dari terminal dengan mengambil HTML dan menggrep tag meta. Berguna untuk pemeriksaan CI dan debugging masalah SSR.

macOS / Linux

Ambil HTML dan daftar tag meta OG/Twitter

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

Menampilkan tag meta yang memengaruhi pratinjau sosial. Gunakan -L untuk mengikuti pengalihan.

Periksa URL akhir setelah pengalihan

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

Mencetak baris status rantai pengalihan dan header Lokasi.

Windows (PowerShell)

Unduh HTML dan cari tag OG/Twitter

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

Cara cepat untuk memastikan tag ada di HTML yang dikirimkan.

Jika aplikasi Anda sangat SPA, pastikan tag OG/Twitter dirender di sisi server (SSR/SSG) untuk keandalan. Crawler mungkin tidak mengeksekusi JavaScript klien Anda seperti yang dilakukan browser.

Kasus penggunaan

Perbaiki pratinjau sosial yang rusak

Ketika tautan dibagikan dengan judul yang salah, tanpa gambar, atau teks usang, alat ini membantu Anda menemukan bidang meta yang hilang atau salah dengan cepat.

  • Validasi og:title dan twitter:title
  • Konfirmasi og:image dapat diakses dan absolut
  • Deteksi deskripsi kosong atau placeholder

QA untuk halaman dinamis dan SSR

Pastikan kerangka kerja Anda mengeluarkan tag OG/Twitter dalam respons HTML untuk setiap rute (terutama dengan Next.js, Nuxt, SvelteKit, dll.).

  • Konfirmasi meta per halaman ada di HTML
  • Tangkap pembuatan meta hanya klien
  • Validasi pengalihan ke lokal kanonik

SEO dan alur kerja penerbitan konten

Standarisasi pratinjau di seluruh situs: judul/deskripsi yang konsisten, tipe OG yang benar, dan gambar yang stabil meningkatkan CTR ketika tautan dibagikan.

  • Audit templat untuk bidang OG yang hilang
  • Ekspor PDF/JSON untuk daftar periksa editorial
  • Deteksi meta duplikat di beberapa halaman

Pelaporan dan audit klien

Hasilkan laporan yang bersih dan dapat diekspor untuk mendokumentasikan status pratinjau sosial dan perbaikan yang direkomendasikan.

  • Laporan PDF untuk pemangku kepentingan
  • Laporan JSON untuk melacak perubahan dari waktu ke waktu

❓ Frequently Asked Questions

❓Apa perbedaan antara Open Graph dan Twitter Cards?

Open Graph (og:*) digunakan oleh banyak platform (Facebook, LinkedIn, Slack/Discord, dll.). Twitter Cards (twitter:*) digunakan oleh X/Twitter. Banyak situs menerbitkan keduanya untuk cakupan terbaik.

❓Mengapa pratinjau saya menampilkan gambar atau judul lama?

Platform menyimpan cache pratinjau. Setelah memperbaiki tag, Anda sering perlu mengulang scraping menggunakan alat debugger platform, dan mungkin perlu menunggu penyegaran cache.

❓Mengapa og:image saya tidak muncul?

Penyebab umum: URL relatif, diblokir (auth/WAF/robots), terlalu banyak pengalihan, tipe konten salah, atau tidak dapat diakses publik. Gunakan alat ini untuk memverifikasi nilai yang diekstrak lalu uji URL gambar secara langsung.

❓Apakah saya perlu og:title dan twitter:title?

Direkomendasikan. Beberapa platform bergantung pada OG, yang lain pada tag Twitter. Memiliki keduanya mengurangi ketidakkonsistenan.

❓Bisakah saya menguji halaman di balik login?

Crawler sosial umumnya tidak dapat mengakses konten terautentikasi, jadi pratinjau tidak akan berfungsi dengan andal. Lebih baik gunakan halaman pratinjau publik atau endpoint OG publik untuk konten yang dapat dibagikan.

❓Aman memasukkan URL di sini?

Alat ini membuat permintaan sisi server ke URL yang diberikan dan memblokir target jaringan pribadi. Hindari menaruh rahasia (token) dalam string kueri.

Pro Tips

Best Practice

Gunakan URL absolut untuk og:image dan twitter:image dan pertahankan stabil (hindari pengalihan) untuk mengurangi kegagalan crawler.

Best Practice

Hasilkan gambar OG secara deterministik (template + parameter) sehingga Anda dapat memperbarui branding sambil menjaga URL tetap stabil per halaman.

Best Practice

Untuk aplikasi Next.js/SSR, verifikasi tag dalam respons HTML awal (View Source), bukan hanya di DOM setelah hidrasi.

Best Practice

Pertahankan judul ringkas dan unik per halaman; judul yang terlalu panjang mungkin dipotong dalam pratinjau dan mengurangi CTR.

CI Tip

Ekspor laporan JSON dan tambahkan ke daftar periksa rilis Anda untuk mendeteksi kemunduran dalam template meta.

Additional Resources

Protokol Open Graph
Documentation
Dokumentasi Twitter Cards (X)
Documentation
Tag meta untuk pratinjau sosial (MDN: <meta>)
Documentation
Google Search Central: kendali cuplikan (tag meta)
Documentation

Other Tools