Tentang alat ini
Tag Open Graph (OG) mengontrol tampilan halaman saat dibagikan di platform sosial. Facebook, LinkedIn, Slack, Discord, dan banyak lainnya membaca tag OG untuk membuat kartu pratinjau. Tanpa tag OG yang tepat, tautan yang dibagikan akan terlihat rusak — favicon umum, gambar hilang, judul terpotong. Dengan mereka, pembagian terlihat bagus dan rasio klik-tayang meningkat secara signifikan.
Tag OG standar: og:title (judul yang ditampilkan dalam pratinjau), og:description (cuplikan teks), og:image (gambar pratinjau, idealnya 1200×630), og:url (URL kanonik), og:type (biasanya 'situs web' atau 'artikel'). Lapisan tag Kartu Twitter di atas: twitter:kartu, twitter:judul, twitter:deskripsi, twitter:gambar. Sebagian besar alat kembali ke OG ketika tag khusus Twitter tidak ada.
Generator ini menghasilkan satu set lengkap tag OG dan Twitter Card dari masukan Anda. Tempelkan HTML yang dihasilkan ke <head> laman. Hasilnya adalah rendering pratinjau yang benar di semua platform sosial utama.
Mengapa Menggunakan Generator Tag OG
Halaman tanpa tag OG terlihat buruk saat dibagikan. Gambar kosong, judul umum, deskripsi hilang — pratinjau bersaing buruk dengan halaman yang diberi tag dengan benar di feed. Untuk pemasaran konten dan berbagi tautan, hal ini secara langsung memengaruhi rasio klik-tayang.
Tag OG tulisan tangan berulang-ulang. Setiap halaman membutuhkan setnya sendiri. Generator yang menghasilkan tag yang benar dari beberapa masukan menghindari kesalahan ketik dan properti yang terlewat yang merusak pratinjau sosial.
Detail Teknis
Tag OG menggunakan atribut properti meta (bukan nama): <meta property="og:title" content="..." />. Atribut properti diperlukan untuk OG; beberapa parser menerima nama sebagai cadangan tetapi propertinya benar.
Persyaratan gambar: 1200×630 piksel untuk rendering retina, rasio aspek 1,91:1. Tag og:image:width dan og:image:height membantu platform menyimpan gambar dalam cache dengan benar. og:image:alt menyediakan teks aksesibilitas.
Tag Kartu Twitter menggunakan atribut nama: <meta name="twitter:title" content="..." />. Twitter kembali menggunakan tag OG ketika tag khusus Twitter tidak ada, jadi OG yang diatur dengan baik sering kali sudah cukup. Menambahkan twitter:card secara eksplisit memilih jenis kartu (summary_large_image adalah yang paling umum).
Pertanyaan yang sering diajukan
- Bisakah saya menyesuaikan keluaran yang dihasilkan?
- Ya. Alat ini menyediakan berbagai opsi penyesuaian untuk menyesuaikan keluaran dengan kebutuhan spesifik Anda. Sesuaikan pengaturan sebelum membuat, atau buat ulang dengan opsi berbeda.
- Apakah konten yang dihasilkan gratis untuk digunakan?
- Ya. Segala sesuatu yang Anda hasilkan dengan alat ini adalah milik Anda untuk digunakan untuk tujuan pribadi, pendidikan, atau komersial tanpa batasan atau persyaratan atribusi apa pun.
- Apakah ini memerlukan akun?
- Tidak. Alat ini langsung siap digunakan tanpa perlu mendaftar, tanpa email, dan tanpa registrasi. Buka saja halamannya dan mulai menghasilkan.
- Apakah data masukan saya dirahasiakan?
- Ya. Semua pemrosesan terjadi di browser Anda. Data masukan dan keluaran yang Anda hasilkan tidak pernah dikirim ke server eksternal mana pun.
- Bisakah saya menggunakan gambar OG yang sama untuk setiap halaman?
- Mungkin tapi kurang optimal. Gambar khusus halaman mengungguli gambar umum di seluruh situs dalam hal klik-tayang. Gunakan default untuk fallback tetapi hasilkan gambar per halaman untuk konten penting.
- Apakah deklarasi dimensi gambar diperlukan?
- Bermanfaat tetapi tidak sepenuhnya diperlukan. og:image:width dan og:image:height membiarkan platform menyimpan gambar dalam cache tanpa mengambil ulang untuk menentukan dimensi. Mempercepat pembagian berikutnya.
- Apakah data saya sudah diunggah?
- Tidak. Pembuatan terjadi di browser Anda.
- Bagaimana cara menguji tag OG?
- Debugger Berbagi Facebook, Validator Kartu Twitter, dan Inspektur Posting LinkedIn masing-masing mengambil dan memvalidasi. Gunakan tag tersebut setelah menerapkan tag OG baru.