Pratinjau Open Graph — Lihat Kartu Tautan Anda Sebelum Dibagikan

Apa Itu Pratinjau Open Graph?

Pratinjau Open Graph (ओपन ग्राफ़ प्रीव्यू) menunjukkan tampilan halaman web saat tautannya dibagikan di media sosial dan aplikasi pesan. Saat Anda menempel tautan di WhatsApp, Facebook, LinkedIn, X, atau Telegram, aplikasi mengambil halaman dan membuat kartu dari meta tag Open Graph dan Twitter card-nya: judul, deskripsi singkat, gambar, dan nama website. Kartu yang bagus mendatangkan klik; kartu yang rusak — tanpa gambar, judul terpotong, atau teks yang salah — diabaikan.

Tool gratis ini memungkinkan Anda memeriksa kartu sebelum membagikannya. Tempel HTML head halaman Anda, atau cukup meta tag-nya, dan tool ini menampilkan pratinjau perkiraan untuk Facebook, X, LinkedIn, dan WhatsApp. Tool ini menerapkan fallback yang sama dengan yang dipakai platform saat tag hilang, memuat og:image Anda untuk memeriksa ukuran piksel dan rasio aspek sebenarnya, dan mendaftar persis apa yang perlu diperbaiki. Tidak ada yang diunggah dan tidak ada script dari HTML yang ditempel yang dijalankan.

Fitur Utama

• Empat pratinjau — Facebook, X (Twitter), LinkedIn, dan WhatsApp.
• Fallback realistis — tag title, meta description, dan canonical dipakai saat tag og: hilang.
• Pengecekan gambar — memuat gambar, melaporkan ukuran, rasio, dan penggunaan https.
• Inventaris tag — tag Open Graph dan Twitter mana yang ditemukan.
• Peringatan panjang untuk title dan description yang terlalu panjang.
• Override gambar — coba URL gambar lain tanpa mengedit HTML Anda.
• Parsing aman dengan DOMParser.
• Berfungsi untuk halaman yang belum dipublikasikan — tempel HTML dari editor atau situs staging Anda.

Cara Melihat Pratinjau Kartu Tautan — Langkah demi Langkah

1. Buka halaman Anda dan lihat sumbernya (Ctrl + U, atau klik kanan → View Page Source).
2. Salin bagian head — atau hanya baris yang diawali <meta property="og: dan <meta name="twitter:.
3. Tempel ke kotak. Pratinjau dan pengecekan diperbarui seketika.
4. Perbaiki peringatan di HTML atau CMS Anda — misalnya tambahkan og:image atau persingkat title.
5. Uji ulang dengan menempel tag yang sudah diperbarui.
6. Segarkan cache platform setelah publikasi, memakai Facebook Sharing Debugger, LinkedIn Post Inspector, atau dengan membagikan ulang.

Tag yang Penting

Menyiapkan Gambar Berbagi dengan Benar

• Ukuran: 1200 × 630 piksel (1.91:1). Tool ini mengukur gambar Anda dan menandai rasio lain.
• Minimum: di bawah sekitar 600 px lebar, beberapa platform hanya menampilkan thumbnail kecil.
• Format dan bobot: JPG atau PNG, idealnya beberapa ratus KB — gambar yang sangat berat mungkin tidak termuat di aplikasi pesan.
• Area aman: jauhkan teks dan logo dari tepi; beberapa aplikasi memotong menjadi persegi atau rasio yang lebih sempit.
• URL https absolut: og:image harus berupa alamat lengkap seperti https://example.com/og.jpg, dapat diakses publik tanpa login.
• Terbaca di ukuran kecil: teks besar dan tebal paling cocok untuk ponsel.

Perlu mengubah ukuran atau memotong gambar menjadi 1200 × 630? Gunakan tools Ubah Ukuran Gambar atau Potong Gambar kami.

Perbedaan Antarplatform

Facebook menampilkan gambar besar dengan domain dalam huruf kapital, title, dan sering kali description. X menampilkan gambar besar hanya jika twitter:card adalah summary_large_image; jika tidak, thumbnail persegi kecil, dan desain terbaru sering hanya menampilkan domain di atas gambar. LinkedIn menekankan gambar dan title, biasanya tanpa description. WhatsApp menampilkan kartu ringkas di dalam gelembung chat dengan gambar, title, description, dan domain. Tata letak ini berubah dari waktu ke waktu, jadi anggap pratinjau sebagai panduan yang dekat dan lakukan uji bagikan sungguhan untuk kampanye penting.

Mengapa Pratinjau Lama Bertahan

Platform menyimpan pratinjau tautan di cache — kadang berhari-hari — agar tidak mengambil halaman yang sama berulang kali. Jika Anda mengubah og:image dan masih melihat yang lama, itu cache, bukan tag Anda. Sharing Debugger Facebook dan Post Inspector LinkedIn memungkinkan Anda “scrape ulang”. Untuk WhatsApp, menambahkan query string yang tidak berbahaya (misalnya ?v=2) ke URL yang dibagikan memaksa pengambilan baru. X menyegarkan kartu secara berkala. Mengganti nama file gambar saat memperbaruinya juga membantu.

Mengapa Kartu Tautan Penting

Kebanyakan orang memutuskan dalam sedetik apakah akan mengetuk tautan yang dibagikan. Gambar yang jelas, judul yang spesifik, dan nama brand yang dikenali membuat keputusan itu mudah; kotak abu-abu dengan judul terpotong membuatnya mudah dilewati. Untuk bisnis yang mengandalkan grup WhatsApp, postingan LinkedIn, atau halaman Facebook, kartu yang dibuat dengan baik dapat menaikkan klik secara nyata tanpa mengubah hal lain dari konten. Kartu juga membangun kepercayaan — kartu yang konsisten dan bermerek terlihat lebih meyakinkan daripada URL polos.

Mengapa Menempel HTML, Bukan URL?

Browser web memblokir halaman membaca HTML website lain (same-origin policy), sehingga tool di browser tidak bisa mengambil halaman Anda lewat URL tanpa melewatkannya ke server. Menempel sumber menjaga semuanya privat, berfungsi untuk halaman yang belum live — di localhost, staging, atau editor CMS Anda — dan memungkinkan Anda bereksperimen dengan tag sebelum dipublikasikan.

Contoh Perhitungan

Contoh tag di halaman ini mencakup og:title, og:description, og:image, og:url, og:site_name, dan twitter:card. Tool ini menghitung tag og: yang ditemukan (title, description, image, url, dan site_name) dan satu tag Twitter, menampilkan og:title sebagai judul kartu di setiap platform, dan memuat gambar berbagi untuk melaporkan dimensinya. Hapus baris og:image dan kartu berubah menjadi “Tanpa gambar” dengan peringatan; hapus og:title dan judul beralih ke title halaman “Free Online PDF Tools | Prompt Minds”. Bereksperimen seperti ini adalah cara tercepat memahami bagaimana platform memilih apa yang ditampilkan.

Daftar Periksa Sebelum Dibagikan

• og:title di bawah sekitar 60–70 karakter dan spesifik untuk halaman.
• og:description satu kalimat yang jelas, di bawah sekitar 200 karakter.
• og:image 1200 × 630, URL https absolut, termuat di jendela privat.
• og:url diatur ke alamat halaman canonical.
• twitter:card diatur ke summary_large_image.
• Satu uji bagikan sungguhan di WhatsApp atau LinkedIn sebelum kampanye.

Kegunaan Umum

• Memeriksa postingan blog sebelum dibagikan di grup WhatsApp.
• Meninjau halaman produk untuk dibagikan di e-commerce.
• Menguji landing page untuk kampanye iklan dan sosial.
• Mendiagnosis masalah “tanpa gambar” atau title yang salah.
• Membandingkan beberapa gambar berbagi dengan cepat lewat kolom override.
• Menjelaskan kepada klien mengapa gambar berbagi dan title itu penting.
• Memastikan CMS atau plugin SEO menghasilkan tag yang Anda harapkan di setiap jenis halaman.

Kesalahan Umum yang Perlu Dihindari

• Path og:image relatif seperti /assets/og.png — selalu gunakan URL https lengkap.
• Gambar di balik login atau perlindungan hotlink yang tidak bisa diunduh crawler.
• Gambar yang sama untuk setiap halaman — gambar khusus halaman mendapat lebih banyak klik.
• Title yang sangat panjang yang terpotong di ponsel.
• Lupa twitter:card — X beralih ke kartu kecil.

Pemecahan Masalah

• “Gambar tidak dapat dimuat” — periksa apakah URL terbuka di jendela browser privat; beberapa server memblokir situs lain memuat gambarnya.
• Tidak ada tag ditemukan — pastikan Anda menempel bagian head, bukan teks halaman yang terlihat.
• Title berbeda dari yang diharapkan — periksa tag mana yang dipakai: og:title lebih diutamakan daripada tag title.

Glosarium Singkat

• Open Graph: protokol meta tag og: untuk pratinjau tautan.
• Twitter card: format pratinjau X yang diatur dengan tag twitter:.
• og:image: gambar yang ditampilkan di kartu.
• Scraper / crawler: bot yang dipakai platform untuk membaca halaman Anda.
• Cache: salinan pratinjau yang tersimpan dan dipakai ulang untuk bagikan berikutnya.
• Rasio aspek: lebar dibagi tinggi; 1.91:1 untuk kartu standar.
• Sharing Debugger: tool Facebook untuk memeriksa dan menyegarkan pratinjau tautan.
• Post Inspector: tool padanan LinkedIn untuk memeriksa dan menyegarkan pratinjau.
• URL canonical: alamat pilihan sebuah halaman, sering diulang di og:url.

Mengapa Memakai Pratinjau Open Graph Ini?

Menampilkan pratinjau empat platform utama sekaligus, menerapkan fallback nyata, mengukur gambar berbagi Anda, menjelaskan setiap peringatan, dan menjaga halaman yang belum dipublikasikan tetap privat — gratis dan instan.

Pratinjau Open Graph — Fakta Penting

Pertanyaan yang Sering Diajukan

Jelajahi Tools Prompt Minds Lainnya

Pratinjau Open Graph bekerja dengan baik bersama tools gratis kami yang lain. Setiap tool Prompt Minds berjalan sepenuhnya di browser Anda — tanpa daftar, tanpa unggahan, tanpa watermark. Jelajahi semua tools gratis.