","err_audit_input_required":"Tampalkan HTML yang mengandungi tag meta anda terlebih dahulu.","mockups_heading":"Bagaimana rupanya sebagai pratonton pautan","mockups_disclaimer":"Empat kad ini ialah anggaran bergaya bagi krom pratonton pautan sebenar setiap platform, dibina untuk tujuan perancangan sahaja — ia bukan ambilan langsung atau tangkapan skrin Twitter/X, Facebook, LinkedIn atau Discord, dan platform mungkin mengubah suai UI pratonton mereka sendiri dari semasa ke semasa.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discord","mockup_image_alt":"Imej pratonton pautan","mockup_no_image":"Tiada imej disediakan","mockup_no_image_short":"Tiada imej","domain_default_fallback":"example.com","audit_missing_title":"og:title tiada — kebanyakan platform memaparkan tajuk generik atau kosong tanpanya.","audit_missing_description":"og:description tiada — kad pratonton tidak akan memaparkan teks ringkasan.","audit_missing_image":"og:image tiada — kebanyakan platform tidak memaparkan imej, atau kembali kepada imej pertama yang ditemui pada halaman.","audit_missing_url":"og:url tiada — tanpanya, kongsian URL alternatif (dengan parameter penjejakan, versi AMP, dll.) mungkin tidak disatukan ke halaman kanonikal.","audit_title_too_long":"og:title adalah {length} aksara — melebihi titik ~{max} aksara di mana kebanyakan platform akan memotongnya.","audit_title_long":"og:title adalah {length} aksara — melebihi titik ~{max} aksara di mana sesetengah platform mula memotongnya, walaupun ia mungkin masih dipaparkan sepenuhnya di tempat lain.","audit_title_ok":"og:title adalah {length} aksara — dalam julat selamat untuk kebanyakan platform.","audit_description_too_long":"og:description adalah {length} aksara — melebihi titik ~{max} aksara di mana kebanyakan platform akan memotongnya.","audit_description_long":"og:description adalah {length} aksara — melebihi titik ~{max} aksara di mana sesetengah platform mula memotongnya.","audit_description_ok":"og:description adalah {length} aksara — dalam julat selamat untuk kebanyakan platform.","audit_url_not_absolute":"Nilai og:url \"{value}\" bukan URL http(s) mutlak — ia sepatutnya URL kanonikal penuh halaman.","audit_image_not_absolute":"Nilai og:image \"{value}\" bukan URL http(s) mutlak — kebanyakan platform memerlukan URL imej yang layak sepenuhnya.","audit_image_dims_small":"og:image:width/height yang diisytiharkan adalah {w}×{h} — di bawah minimum 1200×630 yang disyorkan secara meluas untuk pratonton pautan.","audit_image_dims_ok":"og:image:width/height yang diisytiharkan adalah {w}×{h} — memenuhi minimum 1200×630 yang disyorkan secara meluas.","audit_image_dims_unparseable":"og:image:width/og:image:height hadir tetapi bukan nombor yang sah.","audit_image_dims_unknown":"Tiada og:image:width/og:image:height diisytiharkan — dimensi piksel sebenar tidak dapat disahkan tanpa mengambil imej, yang tidak pernah dilakukan oleh alat ini, secara sengaja, demi privasi. Minimum yang disyorkan: 1200×630.","audit_twitter_card_missing":"Tiada tag twitter:card — Twitter/X secara amnya akan kembali kepada tag og: yang setara, tetapi twitter:card yang eksplisit adalah lebih boleh dipercayai.","audit_twitter_card_invalid":"Nilai twitter:card \"{value}\" bukan salah satu daripada empat nilai yang diterima oleh pengesah Kad Twitter: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card adalah \"{value}\", nilai yang sah.","audit_large_image_needs_image":"twitter:card adalah summary_large_image tetapi tiada og:image atau twitter:image ditemui — jenis kad ini memerlukan imej untuk dipaparkan dengan betul.","audit_twitter_title_fallback":"Tiada twitter:title ditetapkan — Twitter/X akan kembali kepada og:title.","audit_twitter_description_fallback":"Tiada twitter:description ditetapkan — Twitter/X akan kembali kepada og:description.","audit_twitter_image_fallback":"Tiada twitter:image ditetapkan — Twitter/X akan kembali kepada og:image.","audit_duplicate_tag_item":"\"{tag}\" diisytiharkan {count} kali — hanya yang terakhir yang dihuraikan oleh kebanyakan platform akan benar-benar berkuat kuasa."};
⭐ 0
🔍
Teks Imej PDF & Dokumen Audio Muzik elektronik Masa Utiliti Pengesah Esoterik Permainan

Penjana OG & Twitter Card — Pembina Tag Meta, Pengaudit & Pratonton

Bina tag <meta> Open Graph dan Twitter Card yang sedia untuk ditampal daripada borang, atau tampal <head> sedia ada untuk mengauditnya bagi tag yang hilang, panjang tajuk/perihalan dan kesahihan twitter:card — kemudian pratonton kedua-duanya dalam mockup kad pautan Twitter/X, Facebook, LinkedIn dan Discord yang digayakan semula secara tulen.

🔒 Diproses sepenuhnya dalam penyemak imbas anda — tiada apa yang anda masukkan di sini pernah dimuat naik.

Memproses... 0%
Membaca input
Membina/mengaudit tag
Memaparkan pratonton
Selesai

Keputusan

Tag meta Open Graph dan Twitter Card menentukan rupa pautan sebaik sahaja ia ditampal ke dalam Slack, iMessage, tweet atau saluran Discord — tajuk, perihalan dan imej yang dipilih oleh <head> halaman itu sendiri, bukan oleh apa sahaja yang mungkin dikikis oleh platform daripada teks badan yang kelihatan. Alat ini merupakan pembina dan pengaudit, bukan pengisi templat generik. Dalam mod BINA, isikan tajuk, perihalan, URL imej, URL kanonikal, jenis kandungan dan jenis kad Twitter, dan ia akan menggubah blok tag <meta property="og:..."> dan <meta name="twitter:..."> yang tepat, sedia untuk ditampal ke dalam <head> halaman anda, dengan melangkau mana-mana medan yang anda biarkan kosong dan bukannya mengeluarkan tag kosong dengan kandungan kosong.

Dalam mod AUDIT, tampalkan penanda <head> sedia ada anda atau HTML seluruh halaman dan alat akan menghuraikannya dengan DOMParser asli pelayar untuk mengekstrak setiap tag meta og: dan twitter: yang sedia ada, kemudian menjalankan pemeriksaan yang benar-benar penting: empat tag yang lazimnya wajib (og:title, og:description, og:image, og:url) ditanda jika hilang; og:title diukur pada titik sekitar 60 aksara di mana sesetengah platform mula memotongnya dan titik sekitar 90 aksara di mana kebanyakan platform akan memotongnya; og:description diukur pada julat sekitar 155 hingga 200 aksara yang dibenarkan oleh kebanyakan platform sebelum memotongnya; twitter:card diperiksa berdasarkan empat nilai sebenar yang diterima oleh pengesah Kad Twitter — summary, summary_large_image, app, player — dan ditanda jika ia adalah apa-apa yang lain; dan tag pendua (properti yang sama diisytiharkan dua kali, pepijat salin-dan-tampal yang menghairankan lazim) dipanggil namanya.

Dimensi imej dilayan dengan jujur: alat ini tidak dapat mengesahkan saiz piksel sebenar imej anda tanpa mengambilnya, dan ia sengaja tidak pernah berbuat demikian, sejajar dengan polisi tiada-permintaan-luaran laman ini. Jika HTML anda telah mengisytiharkan og:image:width dan og:image:height, nombor yang diisytiharkan itu diperiksa berdasarkan minimum 1200×630 yang disyorkan secara meluas; jika tidak, anda akan mendapat nota panduan yang jelas dan bukannya lulus atau gagal yang direka-reka. Kedua-dua mod memaparkan empat mockup pratonton pautan yang sama — Twitter/X (bertukar antara reka letak lakaran kenit "ringkasan" padat dan reka letak "summary_large_image" lebar penuh bergantung pada nilai twitter:card), Facebook, LinkedIn dan Discord — setiap satunya digayakan semula secara tulen untuk sepadan dengan konvensyen tipografi dan reka letak platform itu sendiri, bukannya satu kotak dengan logo berbeza, dan setiap satunya dilabel dengan jelas sebagai anggaran ilustrasi untuk tujuan perancangan, kerana platform sebenar mengubah suai krom pratonton mereka dari semasa ke semasa dan alat ini tidak pernah mengambil atau mengikisnya untuk diperiksa.

Seronok menggunakan alat ini? Rasa produk ini berguna? Nampak potensi di dalamnya dan ingin menyokongnya?

🛡️
Dilaksanakan Dalam Pelayar

Fail dan input anda tidak pernah meninggalkan peranti ini. Pemprosesan berjalan sepenuhnya luar talian. 100% Selamat.

Format & Peraturan Diterima

  • Mod BINA menggubah og:title, og:description, og:image, og:url, og:type, og:site_name dan tag twitter:card/twitter:site/twitter:title/description/imej yang sepadan, melangkau mana-mana medan yang dibiarkan kosong, dengan salinan satu klik bagi blok yang sedia untuk ditampal.
  • Mod AUDIT mengekstrak setiap tag <meta> og:/twitter: daripada HTML yang ditampal melalui DOMParser pelayar, menanda tag wajib yang hilang (og:title/description/image/url), tag pendua dan nilai twitter:card yang tidak sah.
  • Panduan panjang menggunakan ambang sebenar yang lazim disebut: og:title sekitar 60 aksara sebelum sesetengah platform mula memotongnya (sehingga kira-kira 90 pada platform yang paling permisif), og:description sekitar 155-200 aksara.
  • Memaparkan kad Twitter/X dalam reka letak yang betul untuk jenis kad yang diisytiharkan — kad "ringkasan" padat dengan lakaran kenit kecil segi empat sama, atau reka letak "summary_large_image" lebar penuh — berserta pratonton Facebook, LinkedIn dan Discord.

Faedah Utama

✓ Dua alat sebenar dalam satu: mod BINA yang menjana HTML tag <meta> og: dan twitter: yang tepat daripada borang, dan mod AUDIT yang menghuraikan HTML yang ditampal untuk mencari dan menilai tag sedia ada anda.
✓ Validasi sebenar, bukan senarai semak kosmetik: tag wajib yang hilang, panjang og:title/og:description diperiksa berdasarkan had sebenar yang digunakan platform untuk memotong, dan twitter:card diperiksa berdasarkan empat nilai sah yang sebenar.
✓ Jujur tentang perkara yang tidak boleh disahkan di luar talian: dimensi piksel imej hanyalah panduan melainkan HTML anda telah mengisytiharkan og:image:width/og:image:height, kerana alat ini tidak pernah mengambil imej anda — secara sengaja, demi privasi.
✓ Empat mockup platform yang benar-benar berbeza (reka letak ringkasan vs summary_large_image Twitter/X, Facebook, LinkedIn, Discord) yang dibina daripada tajuk/perihalan/imej yang sama, dilabel dengan jelas sebagai ilustrasi.

Kes Penggunaan

  • • Terbitkan kiriman blog baharu dengan kad sosial yang betul: isi tajuk, perihalan dan imej muka depan yang dihoskan, jana blok tag og:/twitter:, dan tampal terus ke dalam <head> halaman.
  • • Audit <head> halaman pendaratan sedia ada selepas migrasi CMS untuk mengesan og:image yang hilang, og:title yang terlalu panjang hingga dipotong pada sesetengah platform, atau nilai twitter:card yang tidak sah yang tertinggal.
  • • Bandingkan cara tajuk dan imej yang sama dipaparkan dalam kad ringkasan padat Twitter/X berbanding reka letak summary_large_image lebar penuh sebelum memutuskan jenis twitter:card yang mahu diisytiharkan.