Berapa ukuran gambar Open Graph yang benar?

Gunakan 1200×630 piksel, rasio kira-kira 1,91:1, yang merupakan ukuran yang ditampilkan penuh oleh hampir semua platform. Gambar yang jauh lebih kecil akan tampak buram, sedangkan gambar dengan rasio berbeda akan dipotong di bagian atas dan bawah.

Apakah saya masih perlu tag Twitter Card?

Sebagian besar isian akan diambil dari tag Open Graph jika tag Twitter Card tidak ada, sehingga yang benar-benar berpengaruh hanyalah twitter:card yang menentukan tata letak kartunya. Menuliskan keduanya tetap berguna karena membuat masalah lebih mudah ditelusuri.

Kenapa kartu tautan saya masih menampilkan gambar lama?

Platform menyimpan hasil pembacaan tag di cache selama beberapa waktu, sehingga perubahan tidak selalu langsung terlihat. Sebagian platform menyediakan alat debug tautan yang bisa memaksa pembacaan ulang; jika tidak, perubahan akan muncul setelah cache-nya kedaluwarsa.

Apakah alat ini memeriksa halaman saya?

Tidak, alat ini hanya menyusun teks tag dari isian yang kamu ketik dan tidak pernah mengunjungi alamat yang kamu masukkan. Semuanya berjalan di browser-mu.

SEO & Berbagi

Generator Tag Open Graph

Isi judul, deskripsi, dan gambarnya untuk mendapat blok tag meta yang siap disalin.

Alamat halaman * Nama situs

Judul * Deskripsi *

Alamat gambar (absolut) Teks alternatif gambar Jenis konten Akun X (opsional)

Apa ini

Open Graph adalah kumpulan tag meta yang memberi tahu aplikasi lain cara menampilkan tautan ke halamanmu: judul apa yang dipakai, deskripsi apa yang ditampilkan, dan gambar mana yang muncul di kartunya. Tanpa tag ini, aplikasi menebak sendiri dari isi halaman — dan tebakannya sering berupa potongan teks navigasi dengan gambar logo kecil yang tidak diinginkan siapa pun. Tag ini dibaca oleh hampir semua platform sosial dan aplikasi perpesanan, jadi satu blok yang sama melayani semuanya.

Cara kerja

Gambar adalah bagian yang paling sering salah. Ukuran yang bekerja di mana-mana adalah 1200×630 piksel, dan alamatnya harus absolut — dimulai dengan https:// dan berisi nama domain lengkap. Alamat relatif seperti /og.png tidak akan pernah termuat, karena aplikasi yang membacanya tidak berada di situsmu.

Twitter Card sebagian besar merupakan lapisan di atas Open Graph: jika tag og: ada, sebagian besar isian akan terisi sendiri, dan hanya twitter:card yang benar-benar perlu ditambahkan untuk memilih tata letak kartu besar atau kecil. Generator ini tetap menuliskan keduanya secara eksplisit karena tag eksplisit lebih mudah diperiksa saat ada yang tidak beres.

Aplikasi menyimpan hasil pembacaan tag di cache. Mengubah gambar setelah tautanmu pernah dibagikan sering kali tidak langsung terlihat sampai cache platform itu diperbarui, jadi periksa tagmu sebelum tautannya tersebar, bukan sesudahnya.

Cara pakai

Isi alamat, judul, dan deskripsi Ketiganya wajib ada; sisanya opsional tapi membantu.
Masukkan alamat gambar absolut Ukuran 1200×630 piksel bekerja di semua platform utama.
Salin blok tagnya Tempel ke dalam elemen head halamanmu, sebelum tag penutupnya.

Pertanyaan umum

Berapa ukuran gambar Open Graph yang benar?: Gunakan 1200×630 piksel, rasio kira-kira 1,91:1, yang merupakan ukuran yang ditampilkan penuh oleh hampir semua platform. Gambar yang jauh lebih kecil akan tampak buram, sedangkan gambar dengan rasio berbeda akan dipotong di bagian atas dan bawah.
Apakah saya masih perlu tag Twitter Card?: Sebagian besar isian akan diambil dari tag Open Graph jika tag Twitter Card tidak ada, sehingga yang benar-benar berpengaruh hanyalah twitter:card yang menentukan tata letak kartunya. Menuliskan keduanya tetap berguna karena membuat masalah lebih mudah ditelusuri.
Kenapa kartu tautan saya masih menampilkan gambar lama?: Platform menyimpan hasil pembacaan tag di cache selama beberapa waktu, sehingga perubahan tidak selalu langsung terlihat. Sebagian platform menyediakan alat debug tautan yang bisa memaksa pembacaan ulang; jika tidak, perubahan akan muncul setelah cache-nya kedaluwarsa.
Apakah alat ini memeriksa halaman saya?: Tidak, alat ini hanya menyusun teks tag dari isian yang kamu ketik dan tidak pernah mengunjungi alamat yang kamu masukkan. Semuanya berjalan di browser-mu.

Catatan

Tag disusun di browser-mu; tidak ada halaman yang diambil atau diperiksa.