📇 Społeczne i współdzielenie SEO

Otwórz Graf & Twitter Card Generator

Wypełnij szczegóły swojej strony i obejrzyj prawdziwy Facebook, LinkedIn i X karty wyświetla na żywo, jak wpisujesz. Otrzymaj zweryfikowany zestaw kopii tagi Open Graph i Twitter Card Meta tagi — dokładne platformy rozróżniania czytaj aby zbudować podgląd odnośnika.

✓ Podgląd karty na żywo Uruchamia w przeglądarce Brak rejestracji
Celuj w około 60 znaków, aby nie było skrócone.
Około 110 znaków pokazuje się w całości na większości kart społecznych.
Bezwzględny URL https, zalecane 120×630.
Podgląd Facebook / LinkedIn
Brak obrazu — dodać og:image URL
example.com
Podgląd X (Twitter)
Brak obrazu — dodać og:image URL
example.com
Zbudowane metatagi

Jak generować Open Graph i Twitter Card tagi

Cztery kroki od szczegółów strony do zatwierdzonego podglądu społecznego w pamięci kopii.

1

Podaj adres, tytuł i opis strony

Wklej bezwzględny URL strony, którą dzielisz, a następnie wpisz tytuł i opis, który chcesz zobaczyć na kartach społecznych.

2

Dodaj obrazek udostępniania i ustaw typy

Zapewnij absolutne https og:image (idealnie 1200x630), wybierz swój og:type i typ karty Twittera i dodaj swój @handle.

3

Sprawdź podglądy Facebook i X na żywo

Patrz na wyświetlanie kart Facebook/LinkedIn i X podczas wpisywania i rozwiązuj wszystkie ostrzeżenia o walidacji obrazów lub długości poniższych.

4

Kopiuj znaczniki do swojej strony

Kopiuj generowane Open Graph i meta tagi Twittera i wklej je do środka <head> Twoich stron, a następnie ponowne przełamanie z debuggerem platformy.

Zapytania o kartę Open Graph & Twitter

Otwórz Graft (og:) jest protokołem udostępnionym Facebook, LinkedIn, Slack, WhatsApp, Pinterest i większość platform czytanych do budowania podglądu linku. Twitter Card (twitter:) jest słownikiem X, który kontroluje układ karty – na przykład streszczenie vs streszczenie_large_image. Pokrywają one się w dużej mierze: tytuł, opis i obraz mogą pochodzić z og: tagi. Twitter-specyfikacja dodaje tylko to, co og: nie może wyrazić, jak np. styl kart i uchwyt @site.
Użyj 1200x630 pikseli (a 1.91:1) dla dużej karty, którą Facebook, LinkedIn i X streszczenie_large_image wszystkie użytki – która wypełnia ramkę bez uszczelnienia. Zachowaj plik poniżej 5 MB i podawaj go na bezwzględnym URL https, ponieważ platformy nie będą zyskać wiarygodnego obrazu względnego lub http. Minimalny Facebook akceptuje 200x200, ale małe obrazy wyświetlają jako małą miniaturę zamiast karty bohatera.
Każda platforma podłącza pierwszą wersję karty, którą ona zdrapała, czasami przez tygodnie, więc stare tytuły i obrazy utrzymują się po naprawieniu tagów. Wymuś ponownie skrapu: wklej URL do debuggera udostępniania Facebooka i kliknij Scrape Ponownie, użyj LinkedIn Inspektora pocztowego i udostępnij link raz na X, aby odświeżyć jego pamięć. Potwierdź, że tagi są rzeczywiście w serwowanej głowie HTML i nie wstrzykiwane później przez JavaScript, który większość zdragaczy nie wykona.
Nie w pełni. Kiedy brakuje tagu Twittera, X wraca do dopasowania tagu Open Graph — og:title, og:description i og:image cover większość karty. Więc praktyczny minimum jest kompletny zestaw og: tagów plus tylko twitter:card do wyboru układu i twitter:site do atrybucji. Dodajenie og: tagów oznacza również ten sam podgląd działa na Facebook, LinkedIn, Slack i wszędzie inne, więc poprowadź z og: i dodaj tylko kilka tagów twitter: tagów, które og: nie mogą wyrazić.

Potrzebujesz znaczek towarzyskich generowanych na skali?

Narzędzie to działa w całości w przeglądarce – nie ma nic do dzwonienia i nic nie pozostaje na stronie. Dla wtyczek CMS, CI i stron masowych, programematyczne Open Graph API jest dostępny w planach płatnych.

✓ Darmowe narzędzie: 100% klient na stronie Otwarty wykres API: plany płatne

Generuj zwalidowany wykres Open Graph i Twitter Card bloki na stronę z jednego punktu końcowego i prześledź je prosto do swojej budowy. Zobacz plany i kwoty na stronie cenowej.

Zobacz plany API →