","err_audit_input_required":"Tempel HTML yang berisi tag meta Anda terlebih dahulu.","mockups_heading":"Bagaimana tampilannya sebagai pratinjau tautan","mockups_disclaimer":"Empat kartu ini adalah perkiraan bergaya dari tampilan pratinjau tautan masing-masing platform sungguhan, dibuat hanya untuk keperluan perencanaan — ini bukan pengambilan langsung atau tangkapan layar dari Twitter/X, Facebook, LinkedIn, atau Discord, dan platform dapat mengubah tampilan UI pratinjau mereka sendiri dari waktu ke waktu.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Gambar pratinjau tautan","mockup_no_image":"Tidak ada gambar yang diberikan","mockup_no_image_short":"Tanpa gambar","domain_default_fallback":"contoh.com","audit_missing_title":"og:title hilang — sebagian besar platform akan menampilkan judul generik atau kosong tanpanya.","audit_missing_description":"og:description hilang — kartu pratinjau tidak akan menampilkan teks ringkasan.","audit_missing_image":"og:image hilang — sebagian besar platform tidak menampilkan gambar, atau jatuh kembali ke gambar pertama yang ditemukan di halaman.","audit_missing_url":"og:url hilang — tanpanya, pembagian URL alternatif (dengan parameter pelacakan, versi AMP, dll.) mungkin tidak akan terkonsolidasi ke halaman kanonis.","audit_title_too_long":"og:title terdiri dari {length} karakter — melebihi titik sekitar {max} karakter di mana sebagian besar platform akan memotongnya.","audit_title_long":"og:title terdiri dari {length} karakter — melebihi titik sekitar {max} karakter di mana beberapa platform mulai memotongnya, meski mungkin masih bisa 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 — melebihi titik sekitar {max} karakter di mana sebagian besar platform akan memotongnya.","audit_description_long":"og:description terdiri dari {length} karakter — melebihi titik sekitar {max} karakter di mana beberapa platform mulai memotongnya.","audit_description_ok":"og:description terdiri dari {length} karakter — dalam rentang aman untuk sebagian besar platform.","audit_url_not_absolute":"Nilai og:url \"{value}\" bukan URL absolut http(s) — harus berupa URL kanonis lengkap halaman tersebut.","audit_image_not_absolute":"Nilai og:image \"{value}\" bukan URL absolut http(s) — sebagian besar platform memerlukan URL gambar yang sepenuhnya berkualifikasi.","audit_image_dims_small":"og:image:width/height yang dideklarasikan adalah {w}×{h} — di bawah minimum 1200×630 yang banyak direkomendasikan untuk pratinjau tautan.","audit_image_dims_ok":"og:image:width/height yang dideklarasikan adalah {w}×{h} — memenuhi minimum 1200×630 yang banyak direkomendasikan.","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 sesungguhnya tak dapat diverifikasi tanpa mengambil gambar, dan alat ini secara sengaja tak pernah melakukannya demi privasi. Minimum yang direkomendasikan: 1200×630.","audit_twitter_card_missing":"Tidak ada tag twitter:card — Twitter/X umumnya akan jatuh kembali ke tag og: yang setara, tetapi twitter:card eksplisit lebih andal.","audit_twitter_card_invalid":"Nilai twitter:card \"{value}\" bukan salah satu dari empat nilai yang diterima validator Card Twitter: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card adalah \"{value}\", nilai yang valid.","audit_large_image_needs_image":"twitter:card adalah summary_large_image tetapi tidak ada og:image atau twitter:image yang ditemukan — tipe kartu ini memerlukan gambar agar tampil dengan benar.","audit_twitter_title_fallback":"Tidak ada twitter:title yang diatur — Twitter/X akan jatuh kembali ke og:title.","audit_twitter_description_fallback":"Tidak ada twitter:description yang diatur — Twitter/X akan jatuh kembali ke og:description.","audit_twitter_image_fallback":"Tidak ada twitter:image yang diatur — Twitter/X akan jatuh kembali ke og:image.","audit_duplicate_tag_item":"\"{tag}\" dideklarasikan {count} kali — hanya yang terakhir yang diurai sebagian besar platform yang akan benar-benar berlaku."};
⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

OG & Twitter Card Generator — Pembangun, Pengaudit & Pratinjau Tag Meta

Bangun tag <meta> Open Graph dan Twitter Card siap tempel dari formulir, atau tempel <head> yang ada untuk mengaudit tag hilang, panjang judul/deskripsi, dan validitas twitter:card — lalu pratinjau keduanya dalam mockup kartu tautan Twitter/X, Facebook, LinkedIn, dan Discord yang gayanya sungguh dibuat ulang.

🔒 Diproses sepenuhnya di browser Anda — apa pun yang Anda masukkan di sini tidak akan pernah diunggah.

Memproses... 0%
Membaca masukan
Membangun/mengaudit tag
Merender pratinjau
Selesai

Hasil

Tag meta Open Graph dan Twitter Card menentukan tampilan tautan begitu ditempel ke Slack, iMessage, twit, atau kanal Discord — judul, deskripsi, dan gambar yang dipilih oleh <head> halaman itu sendiri, bukan hasil kikisan platform dari teks badan yang terlihat. Alat ini adalah pembangun sekaligus pengaudit, bukan sekadar pengisi templat generik. Dalam mode BUILD, isi judul, deskripsi, URL gambar, URL kanonis, tipe konten, serta tipe kartu Twitter, dan alat akan merangkai blok tag <meta property="og:..."> dan <meta name="twitter:..."> persis yang siap ditempel ke dalam <head> halaman Anda, melewatkan kolom yang Anda biarkan kosong alih-alih menelurkan tag hampa dengan konten kosong.

Dalam mode AUDIT, tempel markup <head> Anda yang ada atau seluruh HTML halaman dan alat akan mengurainya dengan DOMParser bawaan browser untuk mengekstrak setiap tag meta og: dan twitter: yang sudah ada, lalu menjalankan pemeriksaan yang benar-benar penting: empat tag yang umumnya wajib (og:title, og:description, og:image, og:url) ditandai jika hilang; og:title diukur terhadap titik sekitar 60 karakter di mana beberapa platform mulai memotongnya dan titik sekitar 90 karakter di mana sebagian besar platform akan memotongnya; og:description diukur terhadap rentang sekitar 155 hingga 200 karakter yang diizinkan sebagian besar platform sebelum memotongnya; twitter:card diperiksa terhadap empat nilai nyata yang diterima validator Card Twitter — summary, summary_large_image, app, player — dan ditandai jika bernilai selain itu; serta tag ganda (properti yang sama dideklarasikan dua kali, bug salin-tempel yang mengejutkan sering terjadi) dipanggil berdasarkan namanya.

Dimensi gambar mendapat perlakuan jujur: alat ini tak dapat memverifikasi ukuran piksel sesungguhnya gambar Anda tanpa mengambilnya, dan secara sengaja tak pernah melakukannya, sesuai dengan kebijakan tanpa permintaan eksternal situs ini. Jika HTML Anda sudah mendeklarasikan og:image:width dan og:image:height, angka yang dideklarasikan itu diperiksa terhadap minimum 1200×630 yang banyak direkomendasikan; bila belum, Anda mendapat catatan panduan yang jelas, bukan hasil lulus/gagal yang dibuat-buat. Kedua mode merender empat mockup pratinjau tautan yang sama — Twitter/X (beralih antara tataan thumbnail summary yang ringkas dan tataan summary_large_image lebar penuh tergantung nilai twitter:card), Facebook, LinkedIn, dan Discord — masing-masing sungguh gayanya dibuat ulang agar cocok dengan konvensi tipografi dan tataan platform terkait, bukan sekadar satu kotak dengan logo berbeda, dan masing-masing diberi label jelas sebagai perkiraan ilustratif untuk keperluan perencanaan, karena platform sungguhan mengubah gaya tampilan pratinjau mereka dari waktu ke waktu dan alat ini tak pernah mengambil atau mengikis data dari mereka untuk memeriksanya.

Menikmati alat ini? Merasa produk ini bermanfaat? Melihat potensi di dalamnya dan ingin mendukungnya?

🛡️
Dijalankan di Browser

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

Format & Aturan yang Diterima

  • Mode BUILD merangkai og:title, og:description, og:image, og:url, og:type, og:site_name serta tag twitter:card/twitter:site/twitter:title/description/image yang cocok, melewatkan kolom apa pun yang dikosongkan, dengan salinan satu klik atas blok siap tempel.
  • Mode AUDIT mengekstrak setiap tag <meta> og:/twitter: dari HTML tempel lewat DOMParser browser, menandai tag wajib yang hilang (og:title/description/image/url), tag ganda, dan nilai twitter:card yang tidak valid.
  • Panduan panjang menggunakan ambang nyata yang umum dirujuk: og:title sekitar 60 karakter sebelum beberapa platform mulai memotongnya (hingga sekitar 90 pada yang paling longgar), og:description sekitar 155–200 karakter.
  • Merender kartu Twitter/X dalam tataan yang benar sesuai tipe kartu yang dideklarasikan — kartu summary ringkas dengan thumbnail persegi kecil, atau tataan summary_large_image lebar penuh — di samping pratinjau Facebook, LinkedIn, dan Discord.

Manfaat Utama

✓ Dua alat sungguhan dalam satu tempat: mode BUILD yang menghasilkan HTML tag <meta> og: dan twitter: dari formulir, dan mode AUDIT yang mengurai HTML tempel untuk menemukan dan menilai tag Anda yang sudah ada.
✓ Validasi sungguhan, bukan sekadar daftar periksa kosmetik: tag wajib yang hilang, panjang og:title/og:description diperiksa berdasarkan batas pemotongan nyata platform, dan twitter:card diperiksa berdasarkan empat nilai yang diizinkan.
✓ Jujur soal apa yang tak bisa diverifikasi secara luring: dimensi piksel gambar hanya panduan kecuali HTML Anda sudah mendeklarasikan og:image:width/og:image:height, karena alat ini tidak pernah mengambil gambar Anda — secara sengaja, demi privasi.
✓ Empat mockup platform yang benar-benar berbeda (tataan summary vs summary_large_image Twitter/X, Facebook, LinkedIn, Discord) dibuat dari judul/deskripsi/gambar yang sama, dengan label jelas sebagai ilustrasi.

Kasus Penggunaan

  • • Luncurkan postingan blog baru dengan kartu sosial yang tepat: isi judul, deskripsi, dan URL gambar sampul yang di-hosting, buat blok tag og:/twitter:, lalu tempelkan langsung ke dalam <head> halaman.
  • • Audit <head> laman landas yang sudah ada setelah migrasi CMS untuk mendeteksi og:image yang hilang, og:title yang terlalu panjang sehingga terpotong di beberapa platform, atau nilai twitter:card yang tidak valid dan tersisa.
  • • Bandingkan bagaimana judul dan gambar yang sama ditampilkan di kartu ringkasan ringkas Twitter/X versus tata letak summary_large_image lebar penuh sebelum memutuskan tipe twitter:card mana yang akan dideklarasikan.