","err_audit_input_required":"Lipiți mai întâi HTML care conține metaetichetele dvs.","mockups_heading":"Cum arată ca o previzualizare a linkului","mockups_disclaimer":"Aceste patru carduri sunt aproximări stilate ale cromului real de previzualizare a link-ului a fiecărei platforme, construite doar în scopuri de planificare - nu sunt o preluare în direct sau o captură de ecran a Twitter/X, Facebook, LinkedIn sau Discord, iar platformele își pot modifica propria interfață de previzualizare în timp.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Discordia","mockup_image_alt":"Link imaginea de previzualizare","mockup_no_image":"Nu este furnizată nicio imagine","mockup_no_image_short":"Nicio imagine","domain_default_fallback":"exemplu.com","audit_missing_title":"Lipsește og:title — majoritatea platformelor arată un titlu generic sau gol fără el.","audit_missing_description":"Lipsește og:description — cardul de previzualizare nu va afișa niciun text rezumativ.","audit_missing_image":"Lipsește og:image — majoritatea platformelor nu afișează nicio imagine sau revin la prima imagine găsită pe pagină.","audit_missing_url":"Lipsește og:url — fără acesta, este posibil ca acțiunile de adrese URL alternative (cu parametri de urmărire, versiuni AMP etc.) să nu se consolideze în pagina canonică.","audit_title_too_long":"og:title are {length} caractere — peste punctul ~{max}-caracter unde majoritatea platformelor îl vor trunchia.","audit_title_long":"og:title are {length} caractere — peste punctul ~{max}-caracter unde unele platforme încep să-l trunchieze, deși este posibil să se afișeze complet în altă parte.","audit_title_ok":"og:title are {length} caractere — în intervalul de siguranță pentru majoritatea platformelor.","audit_description_too_long":"og:description are {length} caractere — peste punctul ~{max}-caracter unde majoritatea platformelor îl vor întrerupe.","audit_description_long":"og:description are {length} caractere — peste punctul ~{max}-caracter unde unele platforme încep să o trunchieze.","audit_description_ok":"og:description are {length} caractere — în intervalul de siguranță pentru majoritatea platformelor.","audit_url_not_absolute":"Valoarea og:url „{value}” nu este o adresă URL absolută http(e) — ar trebui să fie adresa URL canonică completă a paginii.","audit_image_not_absolute":"og:valoarea imaginii „{value}” nu este o adresă URL absolută a http(e) - majoritatea platformelor necesită o adresă URL a imaginii complet calificată.","audit_image_dims_small":"Og:image:width/height declarată este de {w}×{h} — sub minimul recomandat larg de 1200×630 pentru previzualizările linkurilor.","audit_image_dims_ok":"Og:image:width/height declarată este {w}×{h} — îndeplinește minimul recomandat de 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height sunt prezente, dar nu sunt numere valide.","audit_image_dims_unknown":"Nu au fost declarate og:image:width/og:image:height — dimensiunile reale ale pixelilor nu pot fi verificate fără a prelua imaginea, ceea ce acest instrument nu o face niciodată, prin proiectare, pentru confidențialitate. Minim recomandat: 1200×630.","audit_twitter_card_missing":"Fără etichetă twitter:card — Twitter/X va reveni, în general, la etichetele og: echivalente, dar un twitter:card explicit este mai de încredere.","audit_twitter_card_invalid":"twitter:valoarea cardului „{value}” nu este una dintre cele patru valori pe care validatorul de carduri de pe Twitter le acceptă: rezumat, summary_large_image, aplicație, player.","audit_twitter_card_ok":"twitter:card este „{value}”, o valoare validă.","audit_large_image_needs_image":"twitter:card este summary_large_image, dar nu a fost găsit og:image sau twitter:image — acest tip de card are nevoie de o imagine pentru a fi redat corect.","audit_twitter_title_fallback":"Fără set twitter:title — Twitter/X va reveni la og:title.","audit_twitter_description_fallback":"Fără set twitter:description — Twitter/X va reveni la og:description.","audit_twitter_image_fallback":"Fără set twitter:image — Twitter/X va reveni la og:image.","audit_duplicate_tag_item":"„{tag}” este declarat de {count} ori — doar ultima analizată de majoritatea platformelor va avea efectiv efect."};
⭐ 0
🔍
Text Imagine PDF și Documente Audio Muzică Electronică Timp Utilitare Validatoare Ezoterism Jocuri

Generator de carduri OG și Twitter — Generator de etichete meta, auditor și previzualizare

Creați etichete Open Graph și Twitter Card <meta> gata de lipit dintr-un formular sau inserați un <head> existent pentru a-l audita pentru etichete lipsă, lungimea titlului/descrierea și validitatea twitter:cardului - apoi previzualizați-le pe ambele în modele cu adevărat re-stilizate Twitter/X, Facebook, LinkedIn și Discord.

Buy Me a Coffee at ko-fi.com
Procesare... 0%
Intrare de citire
Construirea/auditarea etichetelor
Redarea previzualizărilor
Gata

Rezultat

Metaetichetele Open Graph și Twitter Card decid cum arată un link în momentul în care este lipit în Slack, iMessage, un tweet sau un canal Discord - un titlu, descriere și imagine alese de propriul <head> al paginii, nu de orice platformă se întâmplă să răzuiască din textul corpului vizibil. Acest instrument este atât un generator, cât și un auditor, nu o umplere de șabloane generice. În modul BUILD, completați un titlu, o descriere, o adresă URL a imaginii, o adresă URL canonică, un tip de conținut și un tip de card Twitter, iar acesta compune blocul de etichete <meta property="og:..."> și <meta name="twitter:..."> gata de lipit în <head> al paginii dvs., sărind peste orice câmp pe care îl lăsați gol, în loc să emită etichete goale cu conținut gol.

În modul AUDIT, inserați marcajul <head> existent sau HTML-ul unei întregi pagini, iar instrumentul îl analizează cu DOMParser-ul nativ al browserului pentru a extrage fiecare metaetichetă og: și twitter: deja prezentă, apoi execută verificările care contează de fapt: cele patru etichete solicitate în mod obișnuit (og:title, og:description, og:image, og:ur dacă lipsesc); og:title este măsurat în raport cu punctul de aproximativ 60 de caractere în care unele platforme încep să-l trunchieze și cu punctul de aproximativ 90 de caractere în care o vor face majoritatea platformelor; og:description este măsurată față de intervalul de aproximativ 155 până la 200 de caractere pe care majoritatea platformelor îl permit înainte de a o întrerupe; twitter:card este verificat în comparație cu cele patru valori reale pe care validatorul de carduri de pe Twitter le acceptă — rezumat, summary_large_image, aplicație, jucător — și marcat dacă este altceva; și etichetele duplicate (aceeași proprietate declarată de două ori, o eroare surprinzător de comună de tip copy-paste) sunt numite după nume.

Dimensiunile imaginii beneficiază de un tratament onest: acest instrument nu poate verifica dimensiunea reală a pixelilor imaginii dvs. fără a o prelua și nu face niciodată asta în mod deliberat, respectând politica de interzicere a solicitărilor externe a acestui site. Dacă HTML-ul dvs. declară deja og:image:width și og:image:height, acele numere declarate sunt verificate în raport cu minimul recomandat de 1200×630; dacă nu, veți primi o notă de ghidare clară în loc de o trecere sau eșuare fabricată. Ambele moduri redă aceleași patru machete de previzualizare a link-ului - Twitter/X (comutarea între aspectul miniaturii compact „rezumat” și aspectul „summary_large_image” pe lățime completă, în funcție de valoarea twitter:cardului), Facebook, LinkedIn și Discord - fiecare re-stilizat cu adevărat pentru a se potrivi cu tipografie proprie a platformei respective și cu convenții de aspect diferite, deoarece fiecare etichetă și o casetă sunt mai degrabă o siglă ilustrativă și o convenție de aspect diferită aproximare în scopuri de planificare, deoarece platformele reale își modifică cromul de previzualizare în timp și acest instrument nu le preia și nu le răzuiește niciodată pentru a le verifica.

🛡️
Rulat în browser

Fișierele și datele introduse nu părăsesc niciodată acest dispozitiv. Procesarea rulează complet offline. 100% sigur.

Formate și reguli acceptate

  • Modul BUILD compune og:title, og:description, og:image, og:url, og:type, og:site_name și etichetele twitter:card/twitter:site/twitter:title/description/image care se potrivesc, sărind peste orice câmp lăsat necompletat, cu o copie cu un singur clic a blocului gata de lipit.
  • Modul AUDIT extrage fiecare etichetă og:/twitter: <meta> din HTML lipit prin DOMParser-ul browserului, semnalează etichetele necesare lipsă (og:title/description/image/url), etichetele duplicate și valorile twitter:cardului nevalide.
  • Îndrumarea lungimii folosește pragurile reale citate în mod obișnuit: og:title cu aproximativ 60 de caractere înainte ca unele platforme să înceapă să-l trunchieze (până la aproximativ 90 pe cel mai permisiv), og:description în jur de 155-200 de caractere.
  • Redă cardul Twitter/X în aspectul său corect pentru tipul de card declarat – un card compact „rezumat” cu o miniatură pătrată mică sau aspectul „summary_large_image” pe lățime completă – alături de previzualizările Facebook, LinkedIn și Discord.

Beneficii cheie

✓ Două instrumente reale într-unul singur: un mod BUILD care generează eticheta HTML exactă og: și twitter: <meta> dintr-un formular și un mod AUDIT care analizează codul HTML lipit pentru a găsi și a evalua etichetele existente.
✓ Validare reală, nu o listă de verificare cosmetică: etichetele obligatorii lipsesc, lungimea og:title/og:description verificată în raport cu limitele reale la care platformele se trunesc și twitter:card verificat cu cele patru valori permise reale.
✓ Sincer despre ceea ce nu poate fi verificat offline: dimensiunile pixelilor imaginii sunt doar orientative, cu excepția cazului în care HTML-ul dvs. declară deja og:image:width/og:image:height, deoarece acest instrument nu preia niciodată imaginea dvs. - prin design, pentru confidențialitate.
✓ Patru modele de platformă cu adevărat diferite (rezumatul lui Twitter/X vs aspectul summary_large_image, Facebook, LinkedIn, Discord) construite din același titlu/descriere/imagine, etichetate clar ca ilustrative.

Cazuri de utilizare

  • • Trimiteți o nouă postare pe blog cu carduri sociale adecvate: completați titlul, descrierea și o imagine de copertă găzduită, generați blocul de etichete og:/twitter: și inserați-l direct în <head> al paginii.
  • • Auditați <head>-ul unei pagini de destinație existente după o migrare CMS pentru a identifica o og:image lipsă, un og:title care este suficient de lung pentru a fi trunchiat pe unele platforme sau o valoare rămasă nevalidă twitter:card.
  • • Comparați modul în care se citesc același titlu și imagine în cardul de rezumat compact al Twitter/X cu aspectul summary_large_image pe lățime completă înainte de a decide ce tip de card twitter:declarați.