Lompat ke konten
Aback Tools Logo

Buka Alat Pratinjau Grafik

Pratinjau tampilan halaman Anda saat dibagikan di Facebook, X (Twitter), LinkedIn, WhatsApp, Slack, dan Discord. Periksa og:title, og:description, og:image, tag Twitter Card, dan dapatkan laporan skor dengan rekomendasi yang dapat ditindaklanjuti untuk meningkatkan aktivitas berbagi di media sosial - semuanya diproses dengan aman di browser Anda.

Preview Open Graph Tags

Paste your HTML source code below to see exactly how your page will appear when shared on Facebook, X (Twitter), LinkedIn, WhatsApp, Slack, and Discord. All processing runs locally in your browser.

Mengapa Menggunakan Alat Pratinjau Grafik Terbuka Kami?

  • Saran Perbaikan yang Dapat Ditindaklanjuti: Setiap masalah yang terdeteksi menyertakan penjelasan jelas dan saran perbaikan praktis. Terapkan perubahan dengan percaya diri karena mengetahui secara pasti apa yang perlu ditingkatkan dan alasannya.
  • 100% Pribadi & Gratis: Semua analisis dilakukan secara lokal di browser Anda. Tidak ada data yang diunggah ke server mana pun, tidak perlu mendaftar, dan tidak ada batasan penggunaan. Gunakan sesering yang Anda perlukan - sepenuhnya gratis.

Kasus Penggunaan Umum untuk Alat Pratinjau Grafik Terbuka

  • Berbagi Facebook & Instagram: Pratinjau tampilan halaman Anda sebagai pratinjau tautan Facebook dan kartu cerita Instagram. Verifikasi og:title, og:description, dan og:image dirender dengan benar dengan rasio aspek yang tepat (1200×630px) sebelum berbagi.
  • Kartu X (Twitter): Periksa markup Kartu Twitter Anda untuk mengetahui ringkasan, ringkasan_gambar_besar, dan jenis kartu pemain. Pratinjau tampilan tata letak persis X termasuk judul, deskripsi, gambar, dan atribusi domain.
  • Pratinjau Tautan LinkedIn: Pastikan artikel dan halaman Anda menampilkan pratinjau profesional di umpan LinkedIn. Pastikan gambar OG memenuhi rekomendasi LinkedIn 1200×628 piksel dan deskripsinya sesuai dengan kartu pratinjau.
  • Tautan Aplikasi Perpesanan: Pratinjau bagaimana tautan bersama muncul di WhatsApp, Telegram, dan aplikasi perpesanan lainnya. Platform ini menggunakan tag OG untuk menghasilkan pratinjau tautan kaya dengan gambar mini dan deskripsi.
  • QA & Debugging Pengembang: Debug masalah tag OG selama pengembangan. Verifikasi templat CMS, metadata Next.js, dan halaman yang dirender server menghasilkan tag sosial yang benar sebelum diterapkan ke lingkungan produksi.
  • QA Pemasaran Konten: Validasi metadata sosial untuk postingan blog, halaman arahan, dan kampanye pemasaran sebelum peluncuran. Pastikan konsistensi merek di semua platform berbagi dengan judul, gambar, dan deskripsi yang akurat.

Apa itu Analisis Tag Grafik Terbuka?

Analisis Open Graph Tags memeriksa Open Graph, Twitter Card, dan tag meta sosial dalam dokumen HTML untuk mengidentifikasi masalah, meningkatkan kualitas, dan memastikan praktik terbaik. Alat ini memberikan penilaian komprehensif yang membantu Anda memahami keadaan saat ini dan apa yang perlu ditingkatkan.

Cara Kerja Penganalisis Kami

  1. Masukkan Konten Anda: Unggah file, tempel konten, atau masukkan URL yang ingin Anda analisis. Alat ini menerima berbagai format masukan untuk fleksibilitas maksimum.
  2. Analisis Komprehensif: Penganalisis memproses masukan Anda berdasarkan daftar aturan, praktik terbaik, dan metrik kualitas yang terperinci. Setiap pemeriksaan dievaluasi secara independen untuk hasil yang akurat.
  3. Tinjau & Terapkan Perbaikan: Telusuri hasil analisis yang disusun berdasarkan kategori. Setiap temuan disertai penjelasan jelas dan saran perbaikan praktis yang dapat Anda terapkan langsung.

Kasus Penggunaan Umum untuk Tag Grafik Terbuka

memverifikasi pratinjau berbagi media sosial sebelum dipublikasikan, memeriksa gambar dan deskripsi OG untuk Facebook dan LinkedIn, memvalidasi markup Kartu Twitter, men-debug tampilan tautan bersama di WhatsApp dan Discord, dan mengaudit metadata sosial selama migrasi situs web. Alat ini dirancang untuk pengembang, teknisi QA, dan anggota tim teknis yang memerlukan tampilan berbagi media sosial, rasio klik-tayang, dan konsistensi merek di seluruh platform berbagi.

Privasi, Keamanan & Ketersediaan

Semua analisis terjadi sepenuhnya di dalam browser Anda menggunakan pemrosesan sisi klien. Tidak ada data yang diunggah ke server mana pun - setiap byte tetap ada di perangkat Anda. Tidak ada batasan ukuran file, tidak ada persyaratan pendaftaran, dan tidak ada batasan penggunaan. Alat ini 100% gratis untuk digunakan tanpa fitur premium tersembunyi.

Pertanyaan yang Sering Diajukan

Alat pratinjau Open Graph memungkinkan Anda melihat dengan tepat bagaimana halaman Anda akan muncul ketika dibagikan di platform media sosial seperti Facebook, X (Twitter), LinkedIn, WhatsApp, Slack, dan Discord. Ini mem-parsing HTML Anda untuk mengekstrak og:title, og:description, og:image, tag Twitter Card, dan membuat pratinjau visual untuk setiap platform - semuanya secara lokal di browser Anda.

Alat ini memeriksa og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, og:image:width, og:image:height, og:image:alt, twitter:card, twitter:title, twitter:description, twitter:image, twitter:site, twitter:creator, dan kembali ke tag judul dan deskripsi meta ketika tag OG tidak ada.

Sangat! Semua pemrosesan berjalan langsung di browser Anda menggunakan JavaScript. Tidak ada konten HTML yang diunggah ke server mana pun. Data Anda tidak pernah meninggalkan perangkat Anda, menjadikannya cara teraman untuk melihat pratinjau tag Open Graph.

Ukuran og:gambar yang disarankan adalah 1200×630 piksel untuk Facebook dan sebagian besar platform. LinkedIn merekomendasikan 1200×628 piksel. Untuk kartu ringkasan_besar_gambar Twitter, gunakan setidaknya 600×314 piksel. Ukuran minimum yang dapat diterima di semua platform adalah 200×200 piksel. Selalu gunakan URL absolut yang dimulai dengan https:// untuk og:image.

Alasan umumnya meliputi: tag og:image tidak ada, menggunakan URL relatif dan bukan absolut, URL gambar menampilkan 404, gambar terlalu kecil (di bawah 200×200 piksel), format gambar tidak didukung (gunakan JPEG, PNG, atau WebP), atau cache platform - gunakan Facebook Sharing Debugger atau LinkedIn Post Inspector untuk menghapus data cache.

Tag Open Graph (og:title, og:description, og:image) dibuat oleh Facebook dan digunakan oleh sebagian besar platform sosial. Twitter Cards (twitter:card, twitter:title, twitter:description, twitter:image) khusus untuk X (Twitter). Jika tag Kartu Twitter hilang, X kembali ke tag OG. Menggunakan keduanya memastikan tampilan optimal di semua platform.

Gunakan Debugger Berbagi Facebook di developer.facebook.com/tools/debug/. Tempelkan URL Anda dan klik "Gosok Lagi" untuk memaksa Facebook membaca ulang tag OG Anda. Untuk LinkedIn, gunakan Post Inspector. Untuk X, data OG biasanya diperbarui dalam beberapa menit setelah perubahan halaman.

Ya, alat pratinjau Open Graph kami 100% gratis tanpa biaya tersembunyi, persyaratan pendaftaran, tingkat premium, atau batasan penggunaan. Pratinjau tag OG tanpa batas waktu untuk proyek apa pun - pribadi, komersial, atau perusahaan - sepenuhnya gratis.