Penjana Kad OG & Twitter — Pembina Teg Meta, Juruaudit & Pratonton
Bina teg <meta> Grafik Terbuka dan Kad Twitter yang sedia untuk ditampal daripada borang, atau tampal <head> sedia ada untuk mengauditnya untuk teg yang tiada, tajuk/perihalan panjang dan kesahihan twitter:kad — kemudian pratonton kedua-duanya dalam mockup kad pautan Twitter/X, Facebook, LinkedIn dan Discord yang digayakan semula.
Hasilnya
Teg meta Graf dan Kad Twitter Terbuka menentukan rupa pautan sebaik sahaja ia ditampal ke dalam Slack, iMessage, tweet atau saluran Discord — tajuk, penerangan dan imej yang dipilih oleh <head> halaman itu sendiri, bukan oleh apa sahaja platform yang berlaku untuk mengikis daripada teks badan yang boleh dilihat. Alat ini adalah pembina dan juruaudit, bukan pengisi templat generik. Dalam mod BINA, isikan tajuk, perihalan, URL imej, URL berkanun, jenis kandungan dan jenis kad Twitter, dan ia mengarang blok teg <meta property="og:..."> dan <meta name="twitter:..."> yang tepat sedia untuk tampal ke dalam <head> halaman anda, melangkau mana-mana medan yang anda biarkan kosong daripada mengeluarkan teg kosong dengan kandungan kosong.
Dalam mod AUDIT, tampal penanda <head> sedia ada anda atau HTML keseluruhan halaman dan alat menghuraikannya dengan DOMParser asli penyemak imbas untuk mengekstrak setiap teg meta og: dan twitter: yang sudah ada, kemudian jalankan semakan yang sebenarnya penting: empat teg yang biasa diperlukan (og:title, og:description, og:image, og:url) dibenderakan jika tiada; og:title diukur terhadap titik kira-kira 60 aksara di mana sesetengah platform mula memotongnya dan titik kira-kira 90 aksara di mana kebanyakan platform akan; og:description diukur terhadap julat kira-kira 155 hingga 200 aksara yang kebanyakan platform membenarkan sebelum memotongnya; twitter:card disemak terhadap empat nilai sebenar yang diterima oleh Pengesah Kad Twitter — ringkasan, summary_large_image, apl, pemain — dan dibenderakan jika perkara lain; dan tag pendua (sifat yang sama diisytiharkan dua kali, pepijat salin-tampal yang mengejutkan) dipanggil dengan nama.
Dimensi imej mendapat layanan yang jujur: alat ini tidak boleh mengesahkan saiz piksel sebenar imej anda tanpa mengambilnya dan ia sengaja tidak melakukannya, sepadan dengan dasar tiada permintaan luaran tapak ini. Jika HTML anda sudah mengisytiharkan og:image:width dan og:image:height, nombor-nombor yang diisytiharkan itu disemak terhadap minimum 1200×630 yang disyorkan secara meluas; jika tidak, anda mendapat nota panduan yang jelas dan bukannya lulus yang direka atau gagal. Kedua-dua mod memberikan empat mockup pratonton pautan yang sama — Twitter/X (bertukar antara reka letak lakaran kecil "ringkasan" yang padat dan reka letak "summary_large_image" lebar penuh bergantung pada twitter:nilai kad), Facebook, LinkedIn dan Discord — masing-masing digayakan semula untuk dipadankan dengan tipografi dan susun atur platform itu sendiri, kerana setiap konvensyen berlogo dan reka letak adalah berbeza dengan jelas dan bukannya satu logo. anggaran untuk tujuan perancangan, kerana platform sebenar menggayakan semula krom pratonton mereka dari semasa ke semasa dan alat ini tidak pernah mengambil atau mengikisnya untuk diperiksa.