📇 Social & Sharing SEO

Deschide generatorul de carduri Graph & Twitter

Completează detaliile de pagina și uită-te la un real Facebook, LinkedIn și X card render în direct pe măsură ce tastați. Obțineți un set de etichete meta Open Graph și Twitter Card validat și copia-paste – platformele de marcaj exact citite pentru a construi previzualizarea link-ului.

✓ Previzualizare cardului de direct Se rula în browser-ul tău Nicio înscriere
Scopul pentru aproximativ 60 de caractere, astfel încât nu este truncat.
Aproximativ 110 de personaje arată în întregime pe cele mai multe cărți sociale.
URL absolut https, 1200×630 recomandat.
Previzualizare Facebook / LinkedIn
Nicio imagine — adaugă o og:image URL
example.com
Previzualizare X (Twitter)
Nicio imagine — adaugă o og:image URL
example.com
Metaetiche generate

Cum să generați etichete Open Graph și Twitter Card

Patru paşi de la detaliile de pagină la o avans social validat copia-paste.

1

Introduceți URL pagina, titlul și descrierea

Pedeți URL-ul absolut al paginii pe care le împărtășești, apoi scrieți titlul și descrierea pe care doriți să le afișați pe cărțile sociale.

2

Adaugă o imagine de pondere și setați tipurile

Asigurați un absolut https og:image (ideal 1200x630), alegeți og:type și tipul de carte Twitter, și adaugă @handle.

3

Verificați previzuirea live Facebook și X

A se vedea randamentul Facebook/LinkedIn și X card pe măsură ce tastați și rezolva orice avertisment de validare a lungimii sau a imaginii prezentat mai jos.

4

Copiați etichetele în capul de pagina

Copii generate Open Graph și Twitter meta tag-uri și le colează în interiorul <head> de la pagina ta, apoi re-scrape cu debujator de platformă.

Deschide întrebări despre Graph & Twitter

Open Graph (og:) este protocolul comun Facebook, LinkedIn, Slack, WhatsApp, Pinterest și cele mai multe platforme citite pentru a construi o previzuire de link. Twitter Card (twitter:) este vocabularul X care controlează layoutul cardului — de exemplu rezumatul vs summimă_large_image. Ele se suprapun în mare măsură: titlu, descriere și imagine pot proveni din og: tag- tags. Etichete specifice Twitter-etichete adăugate doar ce og: nu pot exprima, cum ar fi stilul card și manevra @site.
Folosește 1200x630 pixeli (un raport 1.91:1) pentru cardul mare pe care Facebook, LinkedIn și X summary_large_image toate utilizările – care umple cadrul fără a se colecta. Păstrați fișierul sub 5 MB și serviți-l pe o URL absolută https, deoarece platformele nu vor obține un rude sau http imagine de încredere. Cel puțin Facebook acceptă este 200x200, dar imagini mici rand ca o miniatură mică în loc de o carte de eroi.
Fiecare platformă cache-ul primei versiuni ale cardului pe care le-a raspat, uneori pentru săptămâni, astfel că vechi titluri și imagini persistă după ce ați reparat tag-urile. Forțați o re-scrape: încuiți URL-ul în Debuggerul de Facebook Sharing și faceți clic pe Scrape din nou, utilizați Inspectorul Post LinkedIn, și împărtășește link-ul o dată pe X pentru a-și actualiza cache-ul. Confirmați tag-urile sunt de fapt în capul HTML servit și nu sunt injectate mai târziu de JavaScript, care majoritatea derapers nu execută.
Nu complet. Când lipsește un tag Twitter, X se întoarce la tag Open Graph – og:title, og:description și og:image acoperă majoritatea cardului. Astfel, minimul practic este un set complet de tag-uri: plus doar twitter:card pentru a alege layout și twitter:site pentru atribuție. Adăugarea og-ului: tag-uri înseamnă, de asemenea, aceeași previziune funcționează pe Facebook, LinkedIn, Slack și peste tot, așa că duce cu og: și adaugă doar putin de tag-uri twitter: tag-uri care og: nu poate exprima.

Ai nevoie de etichete sociale generate la scară?

Acest instrument rula complet în browser-ul dumneavoastră — nu există nimic de apel și nimic nu lasă pagina. Pentru plugin-urile CMS, CI și paginile de vrac, o API Open Graph programmatic este disponibilă pe planurile plătite.

✓ Unelte gratuite: 100% client-side API Open Graph: planuri plătite

Generați blocuri Open Graph și Twitter Card validate pe pagina de la un singur punct de vedere și le fire direct în construcția dumneavoastră. A se vedea planuri și cote pe pagina de preț.

A se vedea planurile API →