OG & Twitter Card Generator — Meta Siltide Ehitaja, Audiitor ja Eelvaade
Koosta vormi põhjal valmis Open Graph ja Twitter Card <meta> sildid või kleebi olemasolev <head>, et auditeerida seda puuduvate siltide, pealkirja/kirjelduse pikkuse ja twitter:card kehtivuse osas – seejärel vaata mõlemat tõetruult ümber kujundatud Twitter/X-i, Facebooki, LinkedIni ja Discordi lingikaardi makettides.
🔒 Töödeldud täielikult teie brauseris – midagi, mida siia sisestate, ei laadita kunagi üles.
Tulemus
Open Graph ja Twitter Card meta sildid määravad selle, milline näeb link välja sel hetkel, kui see kleebitakse Slacki, iMessage'isse, säutsu või Discordi kanalisse – need on pealkiri, kirjeldus ja pilt, mille valib lehe enda <head>, mitte see, mida platvorm juhuslikult nähtavast sisutekstist kraabib. See tööriist on nii ehitaja kui ka audiitor, mitte üldine mallitäitja. BUILD-režiimis täida pealkiri, kirjeldus, pildi URL, kanooniline URL, sisu tüüp ja Twitteri kaardi tüüp ning see koostab täpse <meta property="og:..."> ja <meta name="twitter:..."> sildiploki, mis on valmis lehe <head>-sse kleepimiseks, jättes kõik tühjaks jäetud väljad vahele, selle asemel et väljastada tühje silte tühja sisuga.
AUDIT-režiimis kleebi oma olemasolev <head> märgistus või terve lehe HTML ja tööriist parsib selle brauseri DOMParseri abil, et tuvastada kõik juba olemasolevad og: ja twitter: meta sildid, ning seejärel teostab kontrollid, mis tõeliselt olulised on: nelja tavaliselt nõutud silti (og:title, og:description, og:image, og:url) märgitakse, kui need puuduvad; og:title mõõdetakse umbes 60-tähemärgilise punkti suhtes, kus mõned platvormid seda kärpima hakkavad, ja umbes 90-tähemärgilise punkti suhtes, kus enamik platvorme seda teeb; og:description mõõdetakse umbes 155–200 tähemärgise vahemiku suhtes, mida enamik platvorme lubab enne selle lühemaks lõikamist; twitter:card kontrollitakse nelja reaalse väärtuse suhtes, mida Twitteri kaardivalidaator aktsepteerib – summary, summary_large_image, app, player – ja märgitakse, kui see on midagi muud; ning duplikaatsed sildid (sama atribuut deklareeritud kaks korda, mis on üllatavalt levinud kopeeri-kleebi viga) tuuakse nimepidi välja.
Pildi mõõtmeid käsitletakse ausalt: see tööriist ei saa kontrollida su pildi tegelikku pikslisuurust ilma seda alla laadimata ning ta ei tee seda meelega kunagi, järgides selle saidi väliste päringute mittetegemise põhimõtet. Kui su HTML deklareerib juba og:image:width ja og:image:height, kontrollitakse neid deklareeritud numbreid laialt soovitatud 1200×630 miinimumi suhtes; kui mitte, saad selge juhise, mitte väljamõeldud läbimise või mitteläbimise tulemuse. Mõlemad režiimid renderdavad samu nelja lingi eelvaate maketti – Twitter/X (lülitudes sõltuvalt twitter:card väärtusest oma kompaktse "summary" pisipildi paigutuse ja täislaiuses "summary_large_image" paigutuse vahel), Facebook, LinkedIn ja Discord – igaüks tõetruult ümber kujundatud, et vastata selle platvormi enda tüpograafiale ja paigutusreeglitele, mitte üks kast erineva logoga, ja igaüks on selgelt märgitud kui illustratiivne lähendus planeerimise eesmärgil, sest reaalsed platvormid kujundavad oma eelvaate kroomi aja jooksul ümber ja see tööriist ei laadi neid kunagi alla ega kraabi, et seda kontrollida.