Pembuat tag Open Graph
Buat tag meta Open Graph untuk media sosial
Input & opsi
Berjalan di browser Anda. Input Anda tetap berada di perangkat ini.
Hasil
Masukkan nilai Anda untuk melihat hasilnya.
Tentang Pembuat tag Open Graph
Alat Pembuat tag Open Graph adalah alat online gratis yang membuat meta tag Open Graph dan tag Twitter Card yang dioptimalkan untuk halaman web Anda. Tag Open Graph (OG) adalah elemen meta HTML yang mengatur tampilan konten Anda saat dibagikan di platform media sosial seperti Facebook, LinkedIn, WhatsApp, Slack, dan Discord. Tag OG yang dikonfigurasi dengan benar dapat meningkatkan rasio klik dan interaksi sosial secara signifikan.
Alat ini membuat tag Open Graph dan tag Twitter Card sekaligus, sehingga konten Anda tampil bagus di setiap platform sosial. Cukup isi judul halaman, deskripsi, URL gambar, dan detail lainnya, lalu generator menghasilkan meta tag HTML siap tempel beserta pratinjau media sosial langsung yang memperkirakan tampilan tautan Anda sebelum dipublikasikan.
Mendukung berbagai tipe konten, yaitu website, article, product, profile, video, music, dan book, generator ini juga menangani tag khusus artikel (penulis, bagian, tanggal terbit) dan tag produk (harga, mata uang, ketersediaan). Baik Anda pemasar yang mengoptimalkan pembagian di media sosial, pengembang yang menerapkan meta tag, maupun kreator konten yang ingin memaksimalkan interaksi, alat ini mempermudah prosesnya.
Fitur utama
- Buat meta tag Open Graph dan tag Twitter Card dalam satu langkah
- Pratinjau media sosial langsung yang memperkirakan tampilan tautan Anda saat dibagikan
- Dukungan untuk 7 tipe konten: website, article, product, profile, video, music, dan book
- Kolom khusus artikel untuk penulis, bagian, tag, serta tanggal terbit dan perubahan
- Kolom khusus produk untuk harga, mata uang, dan ketersediaan
- Pilihan tipe Twitter Card: Summary dan Summary Large Image
- Salin semua tag yang dihasilkan ke clipboard dengan satu klik
- Pengaturan locale dan nama situs untuk kepatuhan OG yang lengkap
- Keluaran HTML yang rapi dan terformat, siap ditempel ke head halaman Anda
- Tanpa akun, tanpa penyimpanan data, dan sepenuhnya gratis
Cara menggunakan
- Masukkan informasi dasar: Isi kolom judul, deskripsi, URL, URL gambar, tipe konten, dan nama situs di bagian Informasi Dasar.
- Tambahkan detail sesuai tipe: Jika Anda memilih "Article" atau "Product" sebagai tipe konten, isi kolom tambahan yang muncul (penulis, harga, dan sebagainya).
- Atur Twitter Card: Pilih tipe Twitter Card (Summary Large Image direkomendasikan) dan, jika mau, masukkan @username Twitter Anda.
- Pratinjau hasil berbagi: Periksa panel Pratinjau Media Sosial langsung untuk melihat tampilan tautan Anda saat dibagikan di platform seperti Facebook dan LinkedIn.
- Salin tag: Klik "Salin Semua" untuk menyalin seluruh set meta tag Open Graph dan Twitter Card ke clipboard Anda.
- Tempel ke HTML Anda: Tambahkan tag yang disalin ke dalam bagian <head> halaman HTML Anda, lalu uji dengan Facebook Sharing Debugger atau LinkedIn Post Inspector.
Kasus penggunaan
- Optimasi blog & artikel: Buat tag OG untuk postingan blog agar pratinjau saat dibagikan tampil menarik lengkap dengan penulis, kategori, dan tanggal terbit.
- Halaman produk e-commerce: Buat tag OG bertipe produk dengan harga, mata uang, dan ketersediaan untuk mendorong klik dari pembagian sosial ke toko Anda.
- Kampanye pemasaran: Susun judul, deskripsi, dan gambar yang menarik untuk halaman arahan kampanye guna memaksimalkan rasio klik di media sosial.
- Peluncuran website: Siapkan tag OG yang tepat untuk beranda dan halaman utama sebelum peluncuran agar kesan pertama di platform sosial tampak profesional.
- Manajemen konten: Gunakan alat ini untuk menyeragamkan format tag OG di semua halaman website atau blog dengan banyak penulis.
- Implementasi pengembang: Hasilkan HTML meta tag dengan format yang benar dengan cepat tanpa menulis setiap tag secara manual, sehingga waktu pengembangan dan salah ketik berkurang.
- Audit media sosial: Pratinjau tampilan konten yang sudah ada atau yang direncanakan saat dibagikan, lalu optimalkan judul, deskripsi, dan gambarnya.
- Konsistensi lintas platform: Buat tag OG dan Twitter Card sekaligus agar tampilan tetap konsisten di Facebook, Twitter, LinkedIn, dan aplikasi pesan.
Pertanyaan yang sering diajukan
Apakah alat ini gratis?
Ya. Pembuat tag Open Graph sepenuhnya gratis tanpa akun, tanpa batas penggunaan, dan tanpa tanda air atau branding yang ditambahkan ke tag Anda.
Apakah data saya aman?
Seluruh pembuatan tag berlangsung langsung di browser Anda. Judul halaman, deskripsi, dan URL Anda tidak pernah dikirim ke server mana pun maupun disimpan di mana pun.
Berapa ukuran gambar yang direkomendasikan untuk tag OG?
Gunakan gambar berukuran 1200 x 630 piksel agar tampil optimal di Facebook dan LinkedIn. Jaga ukuran file di bawah 1MB agar lebih cepat dimuat. Twitter merekomendasikan rasio aspek 2:1 untuk kartu Summary Large Image.
Apakah saya membutuhkan tag OG sekaligus tag Twitter Card?
Twitter dapat memakai tag OG sebagai cadangan jika tag Twitter Card tidak ada, tetapi menyertakan keduanya memastikan tampilan terbaik di setiap platform. Alat ini membuat keduanya sekaligus.
Bagaimana cara menguji tag OG setelah saya menambahkannya?
Gunakan Sharing Debugger milik Facebook (developers.facebook.com/tools/debug/) dan Post Inspector milik LinkedIn (linkedin.com/post-inspector/) untuk melihat pratinjau dan memecahkan masalah tag Anda. X tidak lagi menyediakan pratinjau kartu di Card Validator; kotak penulisan postingan menampilkan kartu setelah URL ditempel.
Mengapa tautan yang saya bagikan tidak menampilkan gambar terbaru?
Platform sosial menyimpan cache data OG. Setelah memperbarui tag, gunakan Debugger Facebook untuk memindai ulang halaman dan memaksa penyegaran cache. Post Inspector LinkedIn mengambil ulang halaman dengan cara yang sama.
Tips & praktik terbaik
- Jaga judul di bawah 60 karakter: Judul yang lebih panjang akan terpotong di sebagian besar platform sosial. Tulis judul yang ringkas dan menarik yang menyampaikan pesan utama.
- Tulis deskripsi 150-200 karakter: Rentang ini memberi detail yang cukup untuk memancing klik tanpa terpotong di pratinjau media sosial.
- Gunakan URL absolut: Selalu gunakan URL lengkap (termasuk https://) untuk og:url dan og:image. Path relatif tidak akan teresolusi dengan benar saat dibagikan.
- Pilih gambar yang menarik perhatian: og:image adalah elemen paling berpengaruh untuk interaksi sosial. Gunakan visual berkualitas tinggi dan relevan yang menonjol di feed yang ramai.
- Pilih tipe konten yang tepat: Gunakan "article" untuk postingan blog, "product" untuk halaman e-commerce, dan "website" untuk halaman umum agar platform mengategorikan konten Anda dengan benar.
- Uji di berbagai platform: Pratinjau tag Anda di Facebook, Twitter, LinkedIn, dan aplikasi pesan agar tampilannya konsisten dan menarik di mana pun.
Alat terkait
SEO- Pemformat JSONFormat, validasi dan perkecil JSON; unggah file dan pilih indentasi 2, 4 atau 8 spasi.Pengembang
- Pengubah kapitalisasiKonversi teks ke huruf besar, huruf kecil, kapitalisasi judul, kapitalisasi kalimat, camelCase, kebab-case, atau snake_case dengan hasil langsung.Teks
- Konverter satuanKonversi panjang, massa, suhu, kecepatan, dan lainnyaKonversi
- Pembuat tag metaBuat tag meta HTML untuk optimasi SEOSEO
- Pembuat penafianBuat penafian medis/hukum/keuangan atau umumSEO
- Pembuat syarat & ketentuanBuat ketentuan layanan untuk situs web/aplikasi AndaSEO
- Pembuat tag hreflangBuat tag hreflang untuk SEO multibahasa dan multiwilayahSEO
- Pembuat Robots.txtBuat file robots.txt untuk mesin pencariSEO
- Pembuat tagar TikTokBuat tagar yang sedang tren untuk video TikTokSEO
- Pembuat markup skemaBuat data terstruktur untuk cuplikan kayaSEO
- Pembuat slug URLBuat slug URL yang ramah SEOSEO
- Pembuat kebijakan privasiBuat kebijakan privasi yang disesuaikan dan sesuai dengan GDPR/CCPASEO
Baru ditambahkan
Semua alat- Pembuat banner YouTubeDesain art kanal 2560x1440 dengan panduan area aman dan ekspor sebagai PNGMedia sosial
- Pencari ID kanal YouTubeUbah handle atau URL kanal apa pun menjadi ID kanal permanen beserta RSS feedMedia sosial
- Generator nama kanal YouTubeBuat ide nama kanal yang unik berdasarkan niche dan kata kunciMedia sosial
- Pengecek dislike YouTubeLihat jumlah dislike tersembunyi dan rasio suka dari video YouTube mana punMedia sosial
- Generator kode sematan YouTubeBuat kode sematan iframe responsif dengan waktu mulai, putar otomatis, dan mode privasiMedia sosial
- Generator font YouTubeUbah teks menjadi font Unicode yang unik untuk judul, komentar, dan nama kanalMedia sosial
- Generator hashtag YouTubeTemukan hashtag YouTube yang sedang tren menurut kategori dan campurkan kata kunci Anda sendiriMedia sosial
- Kalkulator pendapatan YouTubePerkirakan penghasilan YouTube dari jumlah tayangan dan RPM berdasarkan nicheMedia sosial
- Generator tautan berlangganan YouTubeBuat tautan kanal yang terbuka dengan popup konfirmasi berlanggananMedia sosial
- Penghitung subscriber YouTubePantau jumlah subscriber kanal mana pun secara langsung dengan penyegaran otomatisMedia sosial
- Pengekstrak tag YouTubeUngkap tag tersembunyi dari video YouTube mana pun dan salin dengan sekali klikMedia sosial
- Pengunduh thumbnail YouTubeUnduh thumbnail video YouTube apa pun dalam HD dan semua resolusi lainnyaMedia sosial