OG ir Twitter Card generatorius – Meta žymų kūrimas, auditas ir peržiūra
Kurkite paruoštas įklijuoti Open Graph ir Twitter Card <meta> žymas iš formos arba įklijuokite esamą <head>, kad patikrintumėte, ar nėra trūkstamų žymų, pavadinimo/aprašymo ilgio ir twitter:card tinkamumo – tada peržiūrėkite abu tikroviškai atkurtuose Twitter/X, Facebook, LinkedIn ir Discord nuorodų kortelių maketuose.
🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.
Rezultatas
Open Graph ir Twitter Card meta žymos nulemia, kaip atrodo nuoroda tą pačią akimirką, kai ji įklijuojama į Slack, iMessage, tviterį ar Discord kanalą – pavadinimą, aprašymą ir vaizdą parenka paties puslapio <head>, o ne tai, ką platforma atsitiktinai nugramdo iš matomo teksto. Šis įrankis yra ir kūrimo, ir audito įrankis, o ne šablonų pildytuvas. KŪRIMO režime užpildykite pavadinimą, aprašymą, vaizdo URL, kanoninį URL, turinio tipą ir Twitter kortelės tipą, ir jis sukomponuos tikslų <meta property="og:..."> ir <meta name="twitter:..."> žymų bloką, paruoštą įklijuoti į jūsų puslapio <head>, praleisdamas bet kurį neužpildytą lauką, užuot generavęs tuščias žymas be turinio.
AUDITO režime įklijuokite savo esamą <head> žymėjimą arba viso puslapio HTML, ir įrankis išanalizuos jį naudodamas naršyklės DOMParser, kad išgautų visas jau esančias og: ir twitter: meta žymas, tada atliks iš tikrųjų svarbius patikrinimus: keturios dažniausiai būtinos žymos (og:title, og:description, og:image, og:url) pažymimos, jei jų trūksta; og:title matuojamas pagal maždaug 60 simbolių ribą, kai kai kurios platformos pradeda jį trumpinti, ir maždaug 90 simbolių ribą, kurią viršijus trumpos dauguma platformų; og:description matuojamas pagal maždaug 155–200 simbolių intervalą, kurį dauguma platformų leidžia prieš nukirsdamos; twitter:card tikrinama pagal keturias realias reikšmes, kurias priima Twitter Card tikrintuvas – summary, summary_large_image, app, player – ir pažymima, jei yra kas nors kita; o pasikartojančios žymos (ta pati savybė deklaruota du kartus, stebėtinai dažna kopijavimo-įklijavimo klaida) įvardijamos konkrečiai.
Vaizdo matmenys vertinami sąžiningai: šis įrankis negali patikrinti tikrojo jūsų vaizdo dydžio pikseliais jo neatsisiuntęs, ir jis sąmoningai niekada to nedaro, laikydamasis šios svetainės politikos nesikreipti į išorę. Jei jūsų HTML jau deklaruoja og:image:width ir og:image:height, šie deklaruoti skaičiai tikrinami pagal plačiai rekomenduojamą 1200×630 minimumą; jei ne, gaunate aiškią rekomendaciją, o ne sufabrikuotą rezultatą. Abu režimai atvaizduoja tuos pačius keturis nuorodų peržiūros maketus – Twitter/X (persijungiant tarp kompaktiško „summary“ miniatiūros išdėstymo ir viso pločio „summary_large_image“ išdėstymo, priklausomai nuo twitter:card reikšmės), Facebook, LinkedIn ir Discord – kiekvienas tikroviškai atkurtas, kad atitiktų tos platformos tipografiką ir išdėstymo principus, o ne vieną langelį su skirtingu logotipu, ir kiekvienas aiškiai pažymėtas kaip iliustracinis apytikslis vaizdas planavimo tikslams, nes realios platformos laikui bėgant keičia savo peržiūros išvaizdą, o šis įrankis niekada jų neatsisiunčia ir negramdo, kad patikrintų.