Pratinjau Open Graph

Masukkan URL Situs Web

Pratinjau Kartu Open Graph

Pratinjau Facebook

EXAMPLE WEBSITE

Contoh Judul Halaman

Ini adalah contoh deskripsi konten halaman yang akan muncul ketika dibagikan di media sosial.

https://example.com/page

Pratinjau Twitter

Contoh Judul Halaman

Ini adalah contoh deskripsi konten halaman yang akan muncul ketika dibagikan di media sosial.

example.com

website

Generator Meta Tag

<!-- Primary Meta Tags -->
<title>Contoh Judul Halaman</title>
<meta name="title" content="Contoh Judul Halaman" />
<meta name="description" content="Ini adalah contoh deskripsi konten halaman yang akan muncul ketika dibagikan di media sosial." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="Contoh Judul Halaman" />
<meta property="og:description" content="Ini adalah contoh deskripsi konten halaman yang akan muncul ketika dibagikan di media sosial." />
<meta property="og:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />
<meta property="og:site_name" content="Example Website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="Contoh Judul Halaman" />
<meta property="twitter:description" content="Ini adalah contoh deskripsi konten halaman yang akan muncul ketika dibagikan di media sosial." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />

Cara menggunakan Open Graph Previewer

1
Masukkan URL halaman
Tempel URL lengkap halaman yang ingin Anda periksa ke dalam kolom URL situs web.
2
Ambil data OG
Klik "Fetch OG Data" untuk menarik judul, deskripsi, gambar, dan nama situs Open Graph yang sudah ada pada halaman.
3
Edit manual jika perlu
Beralih ke Edit Manually untuk menyesuaikan judul, deskripsi, URL gambar, tipe, dan kolom lainnya serta melihat pratinjau diperbarui.

4
Pratinjau dan salin tag
Tinjau pratinjau kartu Facebook dan Twitter, lalu salin meta tag yang dihasilkan untuk menambahkannya ke halaman Anda.

Pertanyaan yang sering diajukan

Apa itu tag Open Graph dan mengapa penting?

Meta tag Open Graph memberi tahu platform sosial judul, deskripsi, dan gambar mana yang ditampilkan saat halaman Anda dibagikan, sehingga tag yang diatur dengan baik menghasilkan pratinjau tautan yang lebih kaya dan lebih layak diklik di Facebook, X, LinkedIn, dan lainnya.

Bagaimana cara kerja pratinjau Facebook dan Twitter?

Alat ini merender kartu Facebook dan Twitter tiruan menggunakan nilai Open Graph Anda sehingga Anda dapat melihat bagaimana judul, deskripsi, dan gambar akan tampil sebelum Anda menerbitkan atau membagikan tautannya.

Bisakah saya membuat tag tanpa halaman yang sudah ada?

Bisa, gunakan Edit Manually untuk mengisi judul, deskripsi, URL gambar, nama situs, URL, dan tipe dari awal, lalu salin meta tag siap pakai untuk HTML Anda.

Mengapa pengambilan URL bisa gagal atau tidak mengembalikan data?

Beberapa situs memblokir permintaan otomatis, memerlukan login, atau tidak memiliki tag Open Graph sama sekali; dalam kasus tersebut beralihlah ke mode manual dan masukkan nilainya sendiri.

Apakah alat ini gratis, dan apa yang terjadi pada URL yang saya masukkan?

Alat ini gratis tanpa pendaftaran. Untuk membaca tag dari halaman langsung, alat mengambil URL melalui proxy server kami (diperlukan untuk melewati batasan lintas-asal browser), jadi hanya alamat halaman publik yang diminta; pengeditan manual dan pratinjau berjalan di browser Anda.

Alat terkait

Lanjutkan dengan alat praktis ini

Generator Meta Tag

Generator Robots.txt

Pengenkode/Pendekode Entitas HTML

Penampil Header HTTP

Pemeriksa Rantai Pengalihan URL

Ekstraktor URL Sitemap