Generator Open Graph
Hasilkan metatag Open Graph dan Kartu Twitter untuk situs web Anda dengan generator tag OG online gratis kami. Isi detail halaman Anda dan lihat langsung bagaimana tautan Anda akan tampil di Facebook, X/Twitter, dan LinkedIn. Sesuaikan judul OG, deskripsi, gambar, nama situs, dan jenis kartu dengan render kartu sosial waktu nyata. Semua HTML yang dihasilkan siap disalin ke <head> situs Anda - tanpa pendaftaran.
Fill in your page details. Twitter tags will fall back to OG values if left blank.
Mengapa Menggunakan Generator Open Graph Kami?
- Pratinjau Sosial Multi-Platform: Lihat persis bagaimana tautan Anda akan tampil di Facebook, X/Twitter, dan LinkedIn - semuanya waktu nyata. Pratinjau kartu kaya dengan gambar, judul, deskripsi, dan atribusi situs sebelum diterbitkan.
- Pratinjau Langsung Saat Mengetik: Setiap perubahan pada judul OG, deskripsi, atau URL gambar langsung memperbarui pratinjau kartu sosial. Tidak perlu membuat lalu memeriksa - apa yang Anda lihat itulah yang akan dirender platform.
- Validasi Dimensi Gambar: Gambar OG harus minimal 1200×630 piksel dengan rasio 1,91:1 untuk render optimal. Alat kami memvalidasi URL gambar Anda dan memperingatkan tentang masalah umum seperti tautan rusak atau URL tidak valid.
- 100% Privat & Sisi Klien: Semua pembuatan tag dan render pratinjau terjadi sepenuhnya di browser Anda. Tidak ada URL halaman, judul, deskripsi, atau gambar yang pernah diunggah ke server - data Anda tetap milik Anda.
Kasus Penggunaan Umum Generator Open Graph
- Manajer SEO & Pemasar: Optimalkan bagaimana konten Anda tampil saat dibagikan di media sosial. Pratinjau dan sempurnakan tag OG untuk memaksimalkan tingkat klik dari berbagi di Facebook, X, LinkedIn, dan Slack.
- Pengembang & Desainer Web: Cepat hasilkan metatag OG dan Kartu Twitter untuk halaman arahan baru, pos blog, atau aplikasi web. Salin cuplikan HTML persisnya untuk ditempelkan ke templat Anda.
- Manajer Media Sosial: Verifikasi bagaimana tautan yang dibagikan akan tampil di berbagai platform sosial sebelum menerbitkan. Pastikan gambar, judul, dan deskripsi tampak profesional dan selaras merek di mana pun.
- Kreator Konten & Blogger: Susun dan pratinjau bagaimana pos dan artikel blog Anda akan tampil saat dibagikan. Buat konten Anda menonjol di linimasa sosial yang padat dengan metadata OG yang menarik.
- Startup & Peluncuran Produk: Siapkan tag pratinjau sosial yang tepat untuk halaman peluncuran, halaman arahan, dan kampanye pemasaran. Kesan pertama penting - buat tautan Anda tampak premium di mana pun.
- Pemilik Toko E-Commerce: Hasilkan tag OG untuk halaman produk guna menampilkan pratinjau kaya dengan gambar produk, harga, dan deskripsi saat dibagikan di media sosial. Tarik lebih banyak lalu lintas dari berbagi sosial.
Memahami Tag Open Graph & Media Sosial
- Tag Open Graph Penting Dijelaskan: Ini adalah tag paling penting. og:title menentukan judul konten Anda (idealnya 40-60 karakter), sedangkan og:description memberikan ringkasan 2-3 kalimat (150-200 karakter). Bersama-sama keduanya membentuk pratinjau teks yang dilihat pengguna sebelum mengeklik.
- og:image & og:image:width/height: Gambar OG adalah jangkar visual kartu sosial Anda. Ukuran yang disarankan adalah 1200×630 piksel (rasio 1,91:1) untuk tampilan optimal di semua platform. Selalu tentukan lebar dan tinggi untuk mencegah pergeseran tata letak saat gambar dimuat.
- og:url & og:type: og:url menetapkan URL kanonis untuk konten yang dibagikan - semua sinyal sosial mengarah ke URL ini. og:type memberi tahu platform jenis konten yang Anda bagikan (website, article, video.movie, music.song, dll.) untuk render yang tepat.
- Kartu Twitter: Twitter/X menggunakan metatag sendiri (twitter:card, twitter:site, twitter:creator) bersama tag OG. Gunakan summary_large_image untuk kartu foto yang menonjol, atau summary untuk kartu ringkas dengan gambar mini. Twitter kembali ke nilai OG saat tag khusus Twitter tidak diberikan.
- Persyaratan Gambar & Praktik Terbaik: Gambar OG harus minimal 600×315 piksel, tetapi 1200×630 piksel disarankan untuk layar berdensitas tinggi. Gambar lebih kecil dari 200×200 piksel tidak akan dirender di Facebook.
Pertanyaan yang Sering Diajukan
Generator Open Graph adalah alat yang membantu Anda membuat metatag (tag OG) yang diperlukan untuk pratinjau kaya di media sosial. Saat Anda membagikan tautan di Facebook, LinkedIn, X/Twitter, atau Slack, platform ini menggunakan tag OG untuk menampilkan kartu dengan judul, deskripsi, dan gambar. Generator kami menyediakan formulir sederhana untuk memasukkan detail Anda dan pratinjau instan bagaimana tautan akan tampil di berbagai platform.
Tag Open Graph (og:title, og:image, dll.) digunakan oleh Facebook, LinkedIn, Discord, Slack, dan banyak platform lain. Kartu Twitter adalah tag khusus Twitter/X (twitter:card, twitter:site, twitter:creator) yang memberi kontrol tambahan atas bagaimana konten Anda tampil di Twitter. Twitter juga mendukung tag OG sebagai cadangan: jika tag khusus Twitter tidak diberikan, Twitter akan memakai nilai OG.
Ukuran gambar OG yang disarankan adalah 1200×630 piksel dengan rasio aspek 1,91:1. Ini memastikan tampilan optimal di Facebook, LinkedIn, Twitter, dan sebagian besar platform lain. Ukuran minimum yang dapat diterima adalah 600×315 piksel. Selalu gunakan gambar resolusi tinggi untuk tampilan tajam di layar Retina dan berdensitas tinggi.
Ada beberapa penyebab umum: (1) URL gambar tidak absolut (harus dimulai dengan https://), (2) gambar terlalu kecil (di bawah 200×200 piksel), (3) format gambar tidak didukung, (4) server memblokir perayap, atau (5) platform menyimpan versi lama di cache. Gunakan Facebook Sharing Debugger atau Twitter Card Validator untuk mendiagnosis dan menyegarkan.
Gunakan alat debug resmi ini: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), dan LinkedIn Post Inspector (linkedin.com/post-inspector). Masukkan URL Anda untuk melihat bagaimana setiap platform membaca tag Anda dan untuk menghapus pratinjau yang di-cache.
Untuk judul OG (og:title), targetkan 40-60 karakter. Facebook menampilkan hingga ~90 karakter sebelum dipotong. Untuk deskripsi OG (og:description), tetap dalam 150-200 karakter. Judul Twitter sebaiknya di bawah 70 karakter untuk tampilan optimal.
Praktik terbaik adalah menyertakan keduanya. Meskipun Twitter mendukung tag OG sebagai cadangan, menyediakan Kartu Twitter eksplisit memberi Anda kendali penuh atas bagaimana konten tampil di X/Twitter, dengan dukungan jenis kartu summary_large_image dan atribusi kreator.
Tidak. Semua URL gambar OG dan Twitter harus berupa URL absolut yang dimulai dengan https://. Perayap platform sosial mengambil kode sumber halaman Anda dan memerlukan URL lengkap untuk mengunduh gambar. Jalur relatif tidak akan berfungsi karena perayap tidak dapat menyelesaikannya.
Ya, Generator Open Graph kami 100% gratis dan berjalan sepenuhnya di browser Anda. Tidak ada URL halaman, judul, deskripsi, atau URL gambar yang pernah dikirim ke server mana pun. Data Anda tetap privat dan tidak pernah meninggalkan perangkat.