","err_audit_input_required":"Tempelkan HTML yang berisi meta tag Anda terlebih dahulu.","mockups_heading":"Tampilannya seperti pratinjau tautan","mockups_disclaimer":"Keempat kartu ini merupakan perkiraan gaya dari chrome pratinjau tautan asli masing-masing platform, dibuat hanya untuk tujuan perencanaan — kartu tersebut bukan merupakan pengambilan langsung atau tangkapan layar dari Twitter/X, Facebook, LinkedIn, atau Discord, dan platform dapat mengubah gaya UI pratinjaunya sendiri seiring berjalannya waktu.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Perselisihan","mockup_image_alt":"Gambar pratinjau tautan","mockup_no_image":"Tidak ada gambar yang disediakan","mockup_no_image_short":"Tidak ada gambar","domain_default_fallback":"contoh.com","audit_missing_title":"Hilang og:judul — sebagian besar platform menampilkan judul umum atau kosong tanpa judul.","audit_missing_description":"og:deskripsi tidak ada — kartu pratinjau tidak akan menampilkan teks ringkasan.","audit_missing_image":"og:image tidak ada — sebagian besar platform tidak menampilkan gambar, atau kembali ke gambar pertama yang ditemukan di halaman.","audit_missing_url":"og:url tidak ada — tanpanya, pembagian URL alternatif (dengan parameter pelacakan, versi AMP, dll.) tidak dapat digabungkan ke halaman kanonis.","audit_title_too_long":"og:title terdiri dari {length} karakter — di atas titik ~{max}-karakter yang akan dipotong oleh sebagian besar platform.","audit_title_long":"og:title terdiri dari {length} karakter — di atas titik ~{max}-karakter ketika beberapa platform mulai memotongnya, meskipun mungkin masih ditampilkan sepenuhnya di tempat lain.","audit_title_ok":"og:title terdiri dari {length} karakter — dalam rentang aman untuk sebagian besar platform.","audit_description_too_long":"og:description terdiri dari {length} karakter — di atas titik ~{max}-karakter yang sebagian besar platform akan memotongnya.","audit_description_long":"og:description berisi {length} karakter — pada titik ~{max}-karakter tempat beberapa platform mulai memotongnya.","audit_description_ok":"og:description terdiri dari {length} karakter — dalam rentang aman untuk sebagian besar platform.","audit_url_not_absolute":"og:url value \"{value}\" bukan URL http(s) absolut — melainkan URL kanonis lengkap laman tersebut.","audit_image_not_absolute":"og:nilai gambar \"{value}\" bukan URL http mutlak — sebagian besar platform memerlukan URL gambar yang sepenuhnya memenuhi syarat.","audit_image_dims_small":"og:image:width/height yang dinyatakan adalah {w}×{h} — di bawah batas minimum yang direkomendasikan secara luas, yaitu 1200×630 untuk pratinjau tautan.","audit_image_dims_ok":"Dideklarasikan og:image:width/height adalah {w}×{h} — memenuhi minimum 1200×630 yang direkomendasikan secara luas.","audit_image_dims_unparseable":"og:image:width/og:image:height ada tetapi bukan angka yang valid.","audit_image_dims_unknown":"Tidak ada og:image:width/og:image:height yang dideklarasikan — dimensi piksel sebenarnya tidak dapat diverifikasi tanpa mengambil gambar, yang memang tidak pernah dilakukan oleh alat ini, demi privasi. Minimum yang disarankan: 1200×630.","audit_twitter_card_missing":"Tidak ada tag twitter:card — Twitter/X umumnya akan kembali ke tag og: yang setara, tetapi twitter:card eksplisit lebih dapat diandalkan.","audit_twitter_card_invalid":"twitter:nilai kartu \"{value}\" bukan salah satu dari empat nilai yang diterima validator Kartu Twitter: ringkasan, ringkasan_large_image, aplikasi, pemutar.","audit_twitter_card_ok":"twitter:card adalah \"{value}\", nilai yang valid.","audit_large_image_needs_image":"twitter:card adalah ringkasan_large_image tetapi tidak ada og:image atau twitter:image yang ditemukan — jenis kartu ini memerlukan gambar untuk dirender dengan benar.","audit_twitter_title_fallback":"Tidak ada twitter:judul yang disetel — Twitter/X akan kembali ke og:judul.","audit_twitter_description_fallback":"Tidak ada twitter:deskripsi yang disetel — Twitter/X akan kembali ke og:deskripsi.","audit_twitter_image_fallback":"Tidak ada twitter:image yang disetel — Twitter/X akan kembali ke og:image.","audit_duplicate_tag_item":"\"{tag}\" dideklarasikan {count} kali — hanya penguraian terakhir yang dilakukan sebagian besar platform yang benar-benar akan berlaku."};
⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

OG & Pembuat Kartu Twitter — Pembuat Meta Tag, Auditor & Pratinjau

Buat tag <meta> Open Graph dan Twitter Card yang siap ditempel dari formulir, atau tempelkan <head> yang sudah ada untuk mengaudit tag yang hilang, panjang judul/deskripsi, dan validitas twitter:card — lalu pratinjau keduanya dalam maket kartu tautan Twitter/X, Facebook, LinkedIn, dan Discord yang benar-benar ditata ulang.

Buy Me a Coffee at ko-fi.com
Memproses... 0%
masukan bacaan
Tag bangunan/audit
Merender pratinjau
Selesai

Hasil

Tag meta Open Graph dan Twitter Card menentukan tampilan tautan saat ditempelkan ke Slack, iMessage, tweet, atau saluran Discord — judul, deskripsi, dan gambar yang dipilih oleh <head> halaman itu sendiri, bukan oleh platform apa pun yang mengambil teks isi yang terlihat. Alat ini merupakan pembuat dan auditor, bukan pengisi templat umum. Dalam mode BUILD, isi judul, deskripsi, URL gambar, URL kanonik, tipe konten, dan tipe kartu Twitter, dan ini akan menyusun blok tag <meta property="og:..."> dan <meta name="twitter:..."> yang tepat dan siap ditempelkan ke <head> laman Anda, lewati bidang apa pun yang Anda biarkan kosong daripada memancarkan tag kosong dengan konten kosong.

Dalam mode AUDIT, tempelkan markup <head> yang ada atau HTML seluruh halaman dan alat akan menguraikannya dengan DOMParser asli browser untuk mengekstrak setiap tag meta og: dan twitter: yang sudah ada, lalu menjalankan pemeriksaan yang benar-benar penting: empat tag yang umum dibutuhkan (og:title, og:description, og:image, og:url) ditandai jika tidak ada; og:title diukur terhadap titik sekitar 60 karakter saat beberapa platform mulai memotongnya dan titik sekitar 90 karakter di mana sebagian besar platform akan memotongnya; og:deskripsi diukur berdasarkan rentang karakter sekitar 155 hingga 200 karakter yang diizinkan sebagian besar platform sebelum memotongnya; twitter:card diperiksa berdasarkan empat nilai sebenarnya yang diterima validator Kartu Twitter — ringkasan, ringkasan_gambar_besar, aplikasi, pemutar — dan ditandai jika ada hal lain; dan tag duplikat (properti yang sama dideklarasikan dua kali, sebuah bug salin-tempel yang sangat umum) dipanggil berdasarkan namanya.

Dimensi gambar mendapat perlakuan yang jujur: alat ini tidak dapat memverifikasi ukuran piksel sebenarnya dari gambar Anda tanpa mengambilnya, dan alat ini sengaja tidak pernah melakukan hal itu, sesuai dengan kebijakan tanpa permintaan eksternal di situs ini. Jika HTML Anda sudah mendeklarasikan og:image:width dan og:image:height, angka-angka yang dideklarasikan tersebut diperiksa berdasarkan jumlah minimum yang direkomendasikan secara luas yaitu 1200×630; jika tidak, Anda akan mendapatkan catatan panduan yang jelas, bukan pernyataan lulus atau gagal yang dibuat-buat. Kedua mode tersebut menampilkan empat maket pratinjau tautan yang sama — Twitter/X (beralih antara tata letak thumbnail "ringkasan" yang ringkas dan tata letak "summary_large_image" lebar penuh tergantung pada twitter:nilai kartu), Facebook, LinkedIn, dan Discord - masing-masing ditata ulang secara asli agar sesuai dengan tipografi dan konvensi tata letak platform itu sendiri, bukan satu kotak dengan logo berbeda, dan masing-masing diberi label jelas sebagai perkiraan ilustratif untuk tujuan perencanaan, karena platform sebenarnya mengubah gayanya pratinjau chrome dari waktu ke waktu dan alat ini tidak pernah mengambil atau menghapusnya untuk diperiksa.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Mode BUILD menyusun og:title, og:description, og:image, og:url, og:type, og:site_name dan mencocokkan tag twitter:card/twitter:site/twitter:title/description/image, melewati kolom apa pun yang dibiarkan kosong, dengan salinan blok siap tempel dalam satu klik.
  • Mode AUDIT mengekstrak setiap tag og:/twitter: <meta> dari HTML yang ditempelkan melalui DOMParser browser, menandai tag yang tidak diperlukan (og:title/description/image/url), tag duplikat, dan nilai twitter:card yang tidak valid.
  • Panduan panjang menggunakan ambang batas yang umum dikutip: og:title sekitar 60 karakter sebelum beberapa platform mulai memotongnya (hingga sekitar 90 karakter paling permisif), og:description sekitar 155-200 karakter.
  • Merender kartu Twitter/X dalam tata letak yang benar untuk jenis kartu yang dinyatakan — kartu "ringkasan" ringkas dengan thumbnail persegi kecil, atau tata letak "summary_large_image" lebar penuh — bersama pratinjau Facebook, LinkedIn, dan Discord.

Manfaat Utama

✓ Dua alat nyata dalam satu: mode BUILD yang menghasilkan tag HTML og: dan twitter: <meta> yang tepat dari formulir, dan mode AUDIT yang mem-parsing HTML yang ditempelkan untuk menemukan dan menilai tag Anda yang ada.
✓ Validasi nyata, bukan daftar periksa kosmetik: tag yang diperlukan tidak ada, panjang og:title/og:deskripsi diperiksa berdasarkan batas aktual yang dipotong platform, dan twitter:card diperiksa berdasarkan empat nilai sebenarnya yang diizinkan.
✓ Jujurlah tentang apa yang tidak dapat diverifikasi secara offline: dimensi piksel gambar hanya sebagai panduan kecuali HTML Anda sudah menyatakan og:image:width/og:image:height, karena alat ini tidak pernah mengambil gambar Anda — memang dirancang untuk privasi.
✓ Empat maket platform yang benar-benar berbeda (rangkuman Twitter/X vs tata letak ringkasan_large_gambar, Facebook, LinkedIn, Discord) dibuat dari judul/deskripsi/gambar yang sama, diberi label jelas sebagai ilustratif.

Kasus Penggunaan

  • • Kirimkan postingan blog baru dengan kartu sosial yang tepat: isi judul, deskripsi, dan gambar sampul yang dihosting, buat blok tag og:/twitter:, dan tempelkan langsung ke <head> halaman.
  • • Audit <head> laman landas yang ada setelah migrasi CMS untuk menemukan og:image yang hilang, og:title yang cukup panjang sehingga terpotong di beberapa platform, atau sisa nilai twitter:card yang tidak valid.
  • • Bandingkan bagaimana judul dan gambar yang sama dibaca di kartu ringkasan ringkas Twitter/X versus tata letak ringkasan_large_gambar lebar penuh sebelum memutuskan jenis kartu twitter: mana yang akan dideklarasikan.