MUTools

Analisis Web

Pemeriksa OGP

Alat Pemeriksa OGP adalah alat untuk mengekstrak metadata OGP (Open Graph Protocol) dan Twitter Card dari halaman pada URL yang ditentukan, lalu menampilkan pratinjau perkiraan bagaimana kartu akan tampil saat dibagikan di media sosial seperti X dan Facebook.

Masukkan URL lalu tekan "Cek OGP" untuk menampilkan diagnosis, daftar metadata, dan pratinjau kartu berbagi di sini.

URL yang dimasukkan dimuat untuk menganalisis HTML-nya. Koneksi ke IP privat atau localhost akan ditolak. Pemuatan setiap URL akan timeout dalam 8 detik dan hanya membaca 2MB pertama dari isi HTML.

Apa itu alat Pemeriksa OGP?

Alat Pemeriksa OGP adalah alat untuk mengekstrak metadata OGP (Open Graph Protocol) dan Twitter Card dari halaman pada URL yang ditentukan, lalu menampilkan pratinjau perkiraan bagaimana kartu akan tampil saat dibagikan di media sosial seperti X dan Facebook.

Selain menampilkan meta tag utama halaman seperti og:title, og:description, dan og:image dalam satu daftar, alat ini juga dilengkapi fitur diagnosis yang menunjukkan masalah pada tingkat "perlu ditangani" dan "saran", seperti item wajib yang hilang, jumlah karakter yang melebihi anjuran, atau og:image:alt yang belum diatur.

Alat ini berguna untuk meninjau artikel atau landing page sebelum dipublikasikan, atau meninjau ulang demi meningkatkan trafik dari media sosial, ketika Anda ingin memastikan hasil akhir kartu berbagi tanpa harus benar-benar mempostingnya ke media sosial.

Cara penggunaan

  1. Tempel URL halaman yang ingin diperiksa (format yang diawali https://) ke kolom input.
  2. Tekan tombol "Cek OGP", maka halaman pada URL target akan dianalisis dan hasilnya ditampilkan.
  3. Pada bagian "Diagnosis OGP", periksa item wajib yang kurang serta penyimpangan dari konfigurasi yang disarankan.
  4. Pada "Daftar metadata", periksa nilai setiap tag title / og:* / twitter:* yang diekstrak.
  5. Pada "Pratinjau kartu berbagi", beralihlah antara tampilan kartu X (Twitter) dan Facebook, lalu periksa tampilan light / dark.

Skenario penggunaan

  • Editor atau marketer yang ingin memastikan tampilan kartu saat dibagikan di media sosial tidak rusak sebelum mempublikasikan artikel atau landing page baru.
  • Penanggung jawab operasional yang ingin menyesuaikan judul, deskripsi, atau gambar OG untuk meningkatkan rasio klik (CTR) dari media sosial.
  • Agensi pembuatan web yang ingin memeriksa satu per satu apakah OGP sudah diatur dengan benar di semua halaman situs perusahaan.
  • Penanggung jawab perencanaan yang ingin melihat kartu berbagi seperti apa yang ditampilkan situs kompetitor atau situs referensi.
  • Engineer yang ingin memastikan pengaruh cache CDN setelah mengganti gambar OG (apakah isi kartu langsung diperbarui).

Hal yang perlu diperhatikan

  • Koneksi ke alamat IP privat atau localhost akan ditolak demi keamanan. Situs dalam jaringan internal tidak dapat diperiksa.
  • Batas waktu pemuatan per item adalah 8 detik. Situs yang lambat merespons dapat menghasilkan error.
  • Hanya 2 MB pertama dari HTML yang dibaca. Pada halaman yang sangat besar, meta tag terkadang tidak dapat diambil.
  • Untuk situs yang mengubah meta tag secara dinamis dengan JavaScript (seperti SPA), nilai dari HTML awal yang akan diekstrak. Hasilnya mungkin berbeda dari perilaku crawler media sosial sebenarnya.
  • Pratinjau merupakan tampilan perkiraan berdasarkan spesifikasi X / Facebook. Tampilan kartu sebenarnya dapat berbeda karena perubahan spesifikasi masing-masing media sosial.
  • Jika media sosial menyimpan cache gambar kartu, perubahan mungkin butuh waktu untuk diterapkan (baik X maupun Facebook memiliki debugger untuk meminta pengambilan ulang).

Pertanyaan yang sering diajukan

Apa itu OGP?
OGP (Open Graph Protocol) adalah standar metadata untuk menyampaikan informasi halaman web ke layanan lain. Dengan menuliskan og:title, og:description, og:image, dan lainnya di dalam <head> halaman, halaman akan ditampilkan sebagai kartu kaya dengan gambar saat dibagikan di media sosial. OGP dirumuskan oleh Facebook dan didukung banyak layanan seperti X (Twitter), LinkedIn, dan Slack.
Apa hubungan antara OGP dan Twitter Card?
Twitter Card adalah standar metadata khusus X (dulu Twitter) yang ditentukan dengan tag seperti twitter:card, twitter:title, dan twitter:image. Karena sebagian besar dialihkan ke nilai OGP, umumnya twitter:* hanya ditentukan ketika ingin menimpa nilai khusus X. Alat ini mengekstrak keduanya dan menampilkan daftar serta hasil diagnosis masing-masing.
Mengapa pratinjau berbeda dengan tampilan kartu di media sosial sebenarnya?
Pratinjau pada alat ini adalah tampilan perkiraan yang mengacu pada tata letak X / Facebook. Setiap media sosial terus mengubah spesifikasi kartunya, sehingga pemangkasan rasio gambar, batas panjang judul, serta penanganan tema gelap/terang dapat berbeda. Untuk konfirmasi akhir, disarankan menggunakan juga debugger resmi masing-masing media sosial seperti X Card Validator dan Facebook Sharing Debugger.
Berapa jumlah karakter og:title yang ideal?
Di X, bagian akhir judul sering dipotong sekitar 70 karakter, dan alat ini menampilkan peringatan bila melebihi 70 karakter. Untuk og:description, disarankan dalam 200 karakter. Sesuaikan judul dan deskripsi sambil memeriksa cara pemotongannya melalui pratinjau.
Ada situs yang tidak dapat diperiksa.
Error dapat terjadi bila batas waktu 8 detik terlampaui, bila meta tag di dalam <head> tidak termasuk dalam 2 MB pertama HTML, atau bila akses ditolak karena autentikasi Basic atau pemblokiran bot. Koneksi ke IP privat / localhost juga ditolak demi keamanan. Jika hal-hal tersebut terjadi, perlu memeriksa konfigurasi di sisi situs target.