2. Masukkan Detail Anda
WebsiteHasilkan tag Open Graph untuk halaman website umum dan homepage.
Open Graph Generator
Hasilkan meta tag Open Graph untuk mengontrol tampilan konten Anda saat dibagikan di Facebook, LinkedIn, WhatsApp, X, dan lainnya.
Siap Media Sosial
Pratinjau Instan
Dioptimalkan SEO
100% Gratis
1. Pilih Tipe Open Graph
Pilih tipe konten untuk tag Open Graph Anda.
3. Pratinjau Langsung
U
1200 × 630
utilix.id
Your Page Title
Your page description will appear here…
Ini hanya pratinjau. Tampilan aktual dapat berbeda per platform.
4. Tag yang Dihasilkan
Salin atau unduh meta tag yang dihasilkan.
Isi detail dan klik Hasilkan untuk melihat tag Open Graph Anda.
5. Mengapa Open Graph Penting
Pratinjau sosial yang kaya mendorong lebih banyak klik dan engagement.
Berbagi Sosial Lebih Baik
Kontrol tampilan link Anda di feed media sosial.
Lebih Banyak Engagement
Pratinjau kaya mendapat lebih banyak klik dan share.
Ramah SEO
Tag Open Graph melengkapi strategi SEO Anda.
Konsistensi Merek
Judul dan gambar konsisten di semua platform.
Gratis Selamanya
Tanpa daftar, tanpa batas, sepenuhnya di sisi klien.
Mengapa Menggunakan Open Graph Generator?
10 Tipe Konten
Website, Article, Product, Video, Music, dan lainnya.
Pratinjau Sosial Langsung
Pratinjau di Facebook, LinkedIn, WhatsApp, dan X.
Penghitung Karakter
Panduan panjang judul dan deskripsi secara real-time.
Twitter Cards
Otomatis menghasilkan tag Twitter Card yang kompatibel.
100% Gratis
Tanpa daftar, berjalan di browser Anda.
Privat & Aman
Data Anda tidak pernah meninggalkan perangkat.
Hasilkan tag Open Graph dalam tiga langkah sederhana.
1
Masukkan Detail
Isi judul, deskripsi, URL, dan gambar untuk konten Anda.
2
Pratinjau
Lihat pratinjau langsung untuk Facebook, LinkedIn, WhatsApp, dan X.
3
Hasilkan & Salin
Hasilkan meta tag dan tempelkan di <head> HTML Anda.
7. Praktik Terbaik
Tips untuk meta tag Open Graph yang efektif.
Gunakan gambar berkualitas tinggi 1200×630 piksel
Jaga judul di bawah 60 karakter
Gunakan URL HTTPS untuk semua link dan gambar
Sertakan tag Twitter Card untuk kompatibilitas X
Uji pratinjau di setiap platform sebelum publikasi
Atur og:locale untuk website multibahasa
Pertanyaan umum tentang tag Open Graph.
Apa itu tag Open Graph?
Tag Open Graph adalah meta tag HTML yang mengontrol tampilan halaman Anda saat dibagikan di media sosial — termasuk judul, deskripsi, dan gambar pratinjau.
Ukuran gambar apa yang harus digunakan?
Ukuran rekomendasi adalah 1200×630 piksel (rasio aspek 1.91:1). Minimum 600×315 piksel. Gunakan format JPG atau PNG.
Di mana saya menempatkan tag Open Graph?
Tempatkan di dalam bagian <head> halaman HTML Anda, sebelum tag penutup </head>.
Apakah saya juga perlu tag Twitter Card?
Ya, untuk hasil terbaik di X (Twitter). Tool ini otomatis menghasilkan tag Twitter Card bersama tag Open Graph.
Mengapa pratinjau saya tidak terupdate di Facebook?
Facebook menyimpan cache pratinjau link. Gunakan Facebook Sharing Debugger untuk scrape ulang URL Anda setelah memperbarui tag.
Untuk apa og:locale digunakan?
og:locale memberi tahu platform sosial bahasa dan wilayah konten Anda, misalnya en_US untuk Inggris AS atau id_ID untuk Indonesia.
Apakah data saya dikirim ke server?
Tidak. Semua pembuatan tag dan pratinjau berjalan sepenuhnya di browser Anda. Konten Anda tetap privat.