OG ir „Twitter“ kortelių generatorius – metažymų kūrimo priemonė, auditorius ir peržiūra
Iš formos sukurkite paruoštas įklijuoti „Open Graph“ ir „Twitter“ kortelių <meta> žymas arba įklijuokite esamą <head>, kad patikrintumėte, ar joje trūksta žymų, pavadinimo / aprašo ilgio ir „Twitter:card“ galiojimo – tada peržiūrėkite juos iš tikrųjų pakeistuose „Twitter/X“, „Facebook“, „LinkedIn“ ir „Discord“ nuorodų kortelių maketuose.
Rezultatas
„Open Graph“ ir „Twitter“ kortelių metažymos nusprendžia, kaip nuoroda atrodo, kai ji įklijuojama į „Slack“, „iMessage“, „twitter“ arba „Discord“ kanalą – pavadinimą, aprašymą ir vaizdą pasirenka paties puslapio <head>, o ne pagal tai, ką platforma nubraukia iš matomo pagrindinio teksto. Šis įrankis yra ir kūrėjas, ir auditorius, o ne bendras šablonų užpildas. KŪRIMO režimu įveskite pavadinimą, aprašą, vaizdo URL, kanoninį URL, turinio tipą ir „Twitter“ kortelės tipą ir jis sudarys tikslų <meta property="og:..."> ir <meta name="twitter:..."> žymų bloką, paruoštą įklijuoti į jūsų puslapio <head>, praleidžiant bet kurį lauką, kurį paliekate tuščią, o ne išleidžiant tuščias žymes su tuščiu turiniu.
AUDIT režimu įklijuokite esamą žymėjimą <head> arba viso puslapio HTML, o įrankis išanalizuoja jį su naršyklės savuoju DOMParser, kad išgautų kiekvieną jau esantį og: ir twitter: metažymą, tada atliks patikrinimus, kurie iš tikrųjų yra svarbūs: keturios dažniausiai reikalingos žymos (og:title, og:description, ogged:ull; nėra vėliavėlės, jei trūksta og:title matuojamas pagal apytiksliai 60 simbolių tašką, kuriame kai kurios platformos pradeda jį sutrumpinti, ir maždaug 90 simbolių tašką, kur tai daroma dauguma platformų; og:description matuojamas pagal apytiksliai 155–200 simbolių diapazoną, kurį leidžia dauguma platformų prieš jį nutraukiant; „Twitter:card“ tikrinama pagal keturias tikras „Twitter“ kortelių tikrinimo reikšmes – santrauką, suvestinės_didelis_vaizdą, programą, grotuvą – ir pažymima, jei tai dar kas nors; ir pasikartojančios žymos (ta pati savybė, deklaruota du kartus, stebėtinai dažna kopijavimo ir įklijavimo klaida) yra vadinamos vardu.
Su vaizdo matmenimis elgiamasi sąžiningai: šis įrankis negali patikrinti tikrojo vaizdo pikselio dydžio jo nepateikęs ir sąmoningai niekada to nedaro, nes atitinka šios svetainės be išorinių užklausų politiką. 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, gausite aiškų nurodymą, o ne sugalvotą leidimą arba nesėkmę. Abu režimai pateikia tuos pačius keturis nuorodų peržiūros maketus – „Twitter/X“ (perjungiamas tarp kompaktiško „suvestinės“ miniatiūros išdėstymo ir viso pločio „suvestinis_didelis_vaizdas“, atsižvelgiant į „Twitter:card“ vertę), „Facebook“, „LinkedIn“ ir „Discord“ – kiekvienas iš jų yra tikrai pertvarkytas, kad aiškiai atitiktų tos platformos etiketes ir logotipus, o ne logotipus. kaip iliustracinį apytikslį planavimo tikslą, nes tikros platformos laikui bėgant keičia peržiūros chromą ir šis įrankis niekada jų nepaima ir nenubraukia, kad patikrintų.
Jūsų failai ir įvestis niekada nepalieka šio įrenginio. Apdorojimas vykdomas visiškai neprisijungus. 100% saugus.
Priimami formatai ir taisyklės
- BUILD režimu sudaromos og:title, og:description, og:image, og:url, og:type, og:site_name ir atitinkamos twitter:card/twitter:site/twitter:title/description/image žymos, praleidžiant bet kurį tuščią lauką ir vienu spustelėjimu paruošto įklijuoti bloko kopiją.
- AUDIT režimas ištraukia kiekvieną og:/twitter: <meta> žymą iš įklijuoto HTML per naršyklės DOMParser, pažymi, kad trūksta reikalingų žymų (og:title/description/image/url), pasikartoja žymos ir netinkamos twitter:card reikšmės.
- Ilgio gairėse naudojami tikri dažniausiai cituojami slenksčiai: og:title apie 60 simbolių, kol kai kurios platformos pradeda jį trumpinti (iki maždaug 90 leistiniausiose), og:description apie 155–200 simbolių.
- Pateikiama „Twitter“ / X kortelė teisingu deklaruoto tipo kortelės išdėstymu – kompaktiška „suvestinės“ kortelė su maža kvadratine miniatiūra arba viso pločio „summary_large_image“ išdėstymu – kartu su „Facebook“, „LinkedIn“ ir „Discord“ peržiūromis.
Pagrindiniai privalumai
Naudojimo atvejai
- • Išsiųskite naują tinklaraščio įrašą su tinkamomis socialinėmis kortelėmis: įveskite pavadinimą, aprašą ir priglobto viršelio vaizdą, sugeneruokite og:/twitter: žymų bloką ir įklijuokite jį tiesiai į puslapio <head>.
- • Po TVS perkėlimo patikrinkite esamo nukreipimo puslapio <head>, kad gautumėte trūkstamą og:image, og:title, kuris yra pakankamai ilgas, kad būtų sutrumpintas kai kuriose platformose, arba likusią netinkamą twitter:card reikšmę.
- • Prieš nuspręsdami, kurį twitter:kortelės tipą deklaruoti, palyginkite, kaip tas pats pavadinimas ir vaizdas skaitomas kompaktiškoje „Twitter/X“ suvestinės kortelėje, su viso pločio summary_large_image išdėstymu.
Įvertinkite šį įrankį
