Softonic

Pemeriksa Open Graph

Langkah 1 / 3
Berikutnya

Tempel HTML halaman Anda (bagian <head> saja sudah cukup) dan alat ini mengurai setiap tag meta og: dan twitter: yang ditemukannya, lalu melaporkan tag mana dari enam tag penting yang ada, mana yang hilang, dan nilai persis masing-masing. Karena membaca markup yang Anda tempel alih-alih mengambil URL langsung, alat ini juga berfungsi pada server staging, localhost, dan halaman di balik login, tempat yang tidak dapat dijangkau scraper daring mana pun.

Cara alat ini membaca tag Anda

  1. 1

    Buka sumber halaman

    Tekan Ctrl+U (Cmd+Option+U di macOS) untuk melihat HTML mentah yang benar-benar diterima crawler media sosial.

  2. 2

    Salin bagian head

    Pilih dari `<head>` sampai `</head>`. Bagian `<body>` tidak diperlukan, meski menempel seluruh halaman pun tidak masalah.

  3. 3

    Tempel ke dalam alat ini

    Setiap tag `<meta>` diurai sambil Anda mengetik. Tidak ada URL yang diambil: hanya markup yang Anda tempel yang diperiksa.

  4. 4

    Baca daftar periksa

    Enam pemeriksaan berubah hijau atau merah: og:title, og:description, og:type, og:url, og:image, dan twitter:card.

  5. 5

    Tinjau nilai yang ditemukan

    Setiap tag og: dan twitter: dicantumkan beserta isinya, sehingga salah ketik, nilai kosong, dan jalur gambar relatif langsung terlihat.

Tag Open Graph yang dicari alat ini

Tag Tujuan Ada di daftar periksa?
og:title Judul kartu Ya, wajib
og:description Subjudul kartu Ya, wajib
og:type website, article, video, dll. Ya, wajib
og:url URL kanonik Ya, wajib
og:image URL gambar pratinjau Ya, wajib
og:site_name Baris merek di atas judul Dicantumkan jika ada
og:locale en_US, es_ES, dll. Dicantumkan jika ada

Tag og: lain di markup Anda juga dicantumkan, meski bukan bagian dari daftar periksa.

Tag Twitter Card

X (Twitter) beralih ke Open Graph saat tag miliknya sendiri tidak ada, jadi hanya twitter:card yang masuk daftar periksa. Sisanya dicantumkan setiap kali alat ini menemukannya.

Tag Tujuan
twitter:card summary, summary_large_image, dll.
twitter:site @handle akun penerbit
twitter:creator @handle penulis
twitter:title Menggantikan og:title
twitter:description Menggantikan og:description
twitter:image Menggantikan og:image

Spesifikasi gambar yang berfungsi di mana saja

Alat ini memastikan og:image dideklarasikan, tetapi tidak pernah mengunduh berkasnya, jadi periksa hal berikut secara manual:

  • Dimensi: 1200 x 630 px (Facebook, LinkedIn, kartu Twitter besar).
  • Rasio aspek: 1.91:1 untuk summary_large_image.
  • Ukuran berkas: di bawah 5 MB, idealnya di bawah 1 MB agar crawler tidak kehabisan waktu.
  • Format: JPG atau PNG. WebP dan AVIF masih didukung secara tidak konsisten.
  • URL absolut: selalu alamat lengkap https://..., jangan pernah jalur relatif-protokol atau relatif-akar.

Masalah umum yang diungkap laporan

  • Tidak ada og:image. Kegagalan yang paling sering terjadi. Tanpa gambar, kartu merosot menjadi tautan biru tanpa gaya.
  • Tag yang ada tetapi kosong. Alat ini menampilkan setiap nilai, jadi og:title yang tidak berisi apa pun mudah terdeteksi.
  • Jalur gambar relatif. og:image harus berupa URL absolut; jalur seperti /img/card.jpg merusak proses scraping.
  • og:url tidak cocok. Saat og:url berbeda dari kanonik yang sebenarnya, platform bisa menolak melakukan scraping halaman.
  • Tag yang disuntikkan oleh JavaScript. Tag ini tidak pernah muncul di view-source, jadi tidak muncul di sini juga, dan sebagian besar crawler tidak akan melihatnya.
  • Kartu usang di Facebook. Bukan masalah markup: Facebook menyimpan hasil scraping-nya di cache. Paksa penyegaran lewat Sharing Debugger miliknya.

Pertanyaan yang Sering Diajukan

Karena menempel markup menampilkan persis apa yang dilihat crawler media sosial dalam respons mentah, dan cara ini berfungsi pada halaman yang tidak dapat dijangkau crawler mana pun: server staging, localhost, intranet, dan apa pun di balik login. Buka halaman Anda, tekan Ctrl+U, salin sumbernya, lalu tempel di sini.

Tidak harus. X beralih ke tag Open Graph saat tag twitter: tidak ada, itulah sebabnya hanya twitter:card yang masuk daftar periksa. Tambahkan sisanya hanya jika Anda ingin judul, deskripsi, atau gambar di X yang berbeda dari platform lain.

Inspektur menampilkan DOM setelah JavaScript berjalan, sedangkan crawler media sosial membaca respons HTML mentah. Gunakan view-source (Ctrl+U), bukan inspektur, lalu tempel itu. Jika tag hanya ada di DOM, tambahkan rendering sisi server atau layanan prerender agar crawler dapat melihatnya.

1200 x 630 px, JPG atau PNG. Ini ukuran yang direkomendasikan untuk kartu besar Facebook dan LinkedIn, diterima oleh X, dan tampil rapi di Slack, Discord, serta aplikasi lain yang membuka tautan. Alat ini memastikan og:image dideklarasikan, tetapi tidak membuka berkasnya, jadi periksa sendiri dimensinya.

Facebook menyimpan hasil scraping di cache hingga 30 hari. Tempel URL ke Sharing Debugger di developers.facebook.com/tools/debug lalu scrape ulang untuk membatalkan cache.

Alat Terkait

Pemeriksa Panjang Deskripsi Meta

Ukur meta deskripsi dalam karakter dan perkiraan piksel, bandingkan acuan editorial, lalu tinjau contoh tata letak desktop dan seluler.

Simulator SERP Google

Periksa snippet perkiraan bergaya Google dengan batas karakter untuk seluler dan desktop. Draf Anda tetap di sesi browser ini.

Ekstraktor Tautan Eksternal

Tempelkan kode HTML mentah, tentukan URL dasar secara opsional, dan dapatkan daftar bersih tanpa duplikat dari semua tautan eksternal http/https dalam kode untuk audit tautan dan evaluasi SEO.

Validator Sitemap XML

Periksa XML sitemap di browser untuk menemukan error parsing, lokasi yang hilang, URL duplikat, dan nilai kolom umum.

Pemeriksa header keamanan HTTP

Tempel header respons HTTP dan tinjau HSTS, CSP, clickjacking, MIME, referrer, serta kebijakan lintas origin secara lokal.

Generator Skema FAQ

Buat markup JSON-LD FAQPage dari pasangan pertanyaan dan jawaban agar halaman Anda memenuhi syarat untuk hasil kaya (rich results) dan kotak jawaban Google.

Alat ini tersedia dalam bahasa lain