OG ja Twitteri kaardigeneraator – metasiltide koostaja, audiitor ja eelvaade
Looge vormilt kleepimiseks valmis avatud graafiku ja Twitteri kaardi <meta> märgendid või kleepige olemasolev <head>, et kontrollida seda puuduvate siltide, pealkirja/kirjelduse pikkuse ja twitter:kaardi kehtivuse osas – seejärel vaadake mõlemat ehedalt ümber kujundatud Twitteri/X, Facebooki, LinkedIni ja Discordi lingikaardi makettides.
Tulemus
Open Graphi ja Twitteri kaardi metasildid määravad, milline link välja näeb, kui see Slacki, iMessage'i, säutsu või Discordi kanalisse kleepitakse – pealkirja, kirjelduse ja pildi valib lehe enda <head>, mitte selle järgi, mida platvorm nähtavast põhitekstist välja kraapib. See tööriist on nii ehitaja kui ka audiitor, mitte üldine mallitäitja. Ehitamise režiimis sisestage 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 teie lehe <head> kleepimiseks, jättes vahele kõik tühjaks jäetud väljad, selle asemel et väljastada tühja sisuga õõnsaid silte.
AUDIT-režiimis kleepige oma olemasolev märgistus <head> või terve lehe HTML ja tööriist analüüsib seda brauseri natiivse DOMParseriga, et ekstraktida kõik juba olemasolevad og: ja twitter: metasildid, seejärel käivitatakse kontrollid, mis on tegelikult olulised: neli tavaliselt nõutavat märgendit (og:title, og:description, ogged:ull; on lipu all, kui puudub;). og:title'i mõõdetakse ligikaudu 60-märgilise punktiga, kus mõned platvormid hakkavad seda kärpima, ja ligikaudu 90-märgilise punktiga, kus enamik platvorme seda teeb; og:kirjeldust mõõdetakse ligikaudu 155–200 tähemärgi vahemikuga, mida enamik platvorme lubab enne selle katkestamist; twitter:kaarti kontrollitakse nelja tegeliku väärtusega, mida Twitteri kaardi valideerija aktsepteerib – kokkuvõte, summary_large_image, app, player – ja märgitakse, kui see on midagi muud; ja topeltsildid (sama omadus deklareeritud kaks korda, üllatavalt levinud kopeerimis-kleebi viga) kutsutakse välja nimepidi.
Pildi mõõtmeid käsitletakse ausalt: see tööriist ei saa teie pildi tegelikku piksli suurust ilma seda toomata kontrollida ja see ei tee seda kunagi tahtlikult, järgides selle saidi välise päringu keelamise eeskirju. Kui teie HTML-is on juba deklareeritud og:image:width ja og:image:height, kontrollitakse neid deklareeritud numbreid laialdaselt soovitatud 1200 × 630 miinimumiga; kui mitte, saate väljamõeldud passi või ebaõnnestumise asemel selge juhise. Mõlemad režiimid renderdavad samu nelja lingi eelvaate maketti – Twitter/X (lülitub selle kompaktse "kokkuvõtte" pisipildi paigutuse ja täislaiuse "summary_large_image" paigutuse vahel olenevalt twitter:kaardi väärtusest), Facebook, LinkedIn ja Discord - igaüks neist on ehedalt ümber kujundatud, et see sobiks selgelt selle platvormi enda tüpograafia ja kujundusega, mitte ühe kasti tüpograafia ja kujundusega. illustreeriva ligikaudsusena planeerimise eesmärgil, kuna tõelised platvormid muudavad oma eelvaate kroomi aja jooksul ümber ja see tööriist ei too ega kraabi neid kunagi kontrollimiseks.