Generator meta tagów
Title, description, Open Graph i Twitter, z podglądem karty społecznościowej.
- Natychmiast
- Za darmo
- Prywatnie (przetwarzane lokalnie)
- Bez rejestracji
Link, który aż prosi się o kliknięcie
Bez meta tagów udostępniony link pokazuje tylko goły adres URL. Z nimi staje się kartą z obrazem, tytułem i opisem — znacznie bardziej angażującą. To narzędzie je generuje i pokazuje wygląd przed publikacją.
-
Wypełnij pola
Tytuł, opis, URL strony i obrazka, nazwa witryny.
-
Sprawdź podgląd
Karta społecznościowa aktualizuje się na żywo, jak w sieciach.
-
Skopiuj tagi
Wklej je do <head> swojej strony HTML.
Wygenerowane tagi
| Tag | Rola |
|---|---|
| <title> / description | Tytuł i streszczenie dla wyszukiwarek |
| og:title / og:description | Tekst wyświetlany przez Facebooka, LinkedIn itp. |
| og:image | Obraz karty (zalecane 1200 × 630) |
| twitter:card | Format karty na X (duży obraz lub podsumowanie) |
Wszystko jest obliczane w przeglądarce. Pamiętaj o użyciu bezwzględnych adresów URL obrazka, inaczej sieci nie zdołają go wczytać.
Najczęstsze pytania
Czym jest Open Graph?
Open Graph to protokół stworzony przez Facebooka, który opisuje stronę internetową za pomocą tagów „og:”. Gdy link jest udostępniany, sieci czytają te tagi, by pokazać tytuł, opis i obraz zamiast surowego adresu URL.
Jaki rozmiar obrazka do udostępniania?
Dla karty „duży obrazek” celuj w 1200 × 630 pikseli (proporcja 1,91:1). To rozmiar zalecany przez Facebooka, LinkedIn i X. Użyj bezwzględnego adresu URL (https://…), bo sieci nie podążają za ścieżkami względnymi.
Czy potrzeba tagów Twitter oprócz Open Graph?
X (Twitter) czyta najpierw Open Graph, ale „twitter:card” wciąż przydaje się do wyboru formatu (duży obrazek lub podsumowanie). Pozostałe tagi twitter:* przy braku korzystają z og:. Ich dodanie zapobiega przykrym niespodziankom.
Jak długie mają być tytuł i opis?
Celuj w około 60 znaków dla tytułu i 110 do 160 dla opisu. Powyżej tego sieci i wyszukiwarki przycinają tekst. Podgląd na żywo od razu pokazuje rzeczywisty wygląd.