Generator meta tagów
Uzupełnij dane strony i skopiuj gotowy do wklejenia kod HTML dla sekcji head: tytuł, opis, canonical, robots oraz tagi Open Graph i Twitter card.
Działa w całości w Twojej przeglądarce
Puste pola są pomijane w wyniku. Podglądy to makiety narysowane na podstawie Twojego tekstu; nigdy nie ładują adresu obrazu, a prawdziwe wyszukiwarki i serwisy społecznościowe sformatują wszystko po swojemu.
Jak wygenerować meta tagi
- Wpisz tytuł i opis strony. Liczniki dają orientacyjną wskazówkę, ile z każdego zwykle jest wyświetlane.
- Dodaj adres canonical, wybory dla robots oraz potrzebne pola Open Graph i Twitter. Ostrzeżenia wskazują adresy, które nie są pełnymi adresami URL z
https://. - Sprawdź makiety wyszukiwarki i mediów społecznościowych, kliknij Kopiuj HTML i wklej tagi do sekcji
<head>swojej strony.
Do czego służy każdy tag
Znacznik <title> i meta opis to zwykle to, z czego budowany jest wynik wyszukiwania. Link canonical mówi wyszukiwarkom, który adres jest główny, gdy tę samą stronę można otworzyć na kilka sposobów, na przykład z parametrami śledzącymi. Tag robots jest potrzebny tylko wtedy, gdy chcesz zmienić domyślne zachowanie polegające na indeksowaniu strony i podążaniu za jej linkami.
Tagi Open Graph wprowadzono dla podglądów linków i dziś odczytuje je większość komunikatorów i serwisów społecznościowych. Najważniejsze są cztery: tytuł, opis, obraz i URL; og:image:alt daje obrazowi opis tekstowy, a og:type to zwykle website lub article. Tag karty X wybiera między małą kwadratową miniaturą (summary) a szerokim obrazem (summary_large_image).
Tekst jest escapowany w trakcie zapisu, więc ampersand staje się &, a cudzysłów podwójny ". Dzięki temu strona pozostaje poprawna, a zbłąkane cudzysłowy nie kończą atrybutu przedwcześnie. Gotową stronę sprawdź w prawdziwym podglądzie udostępniania, zanim na nim polegasz, ponieważ każdy serwis zapamiętuje podgląd, który pobrał jako pierwszy.
Wskazówki
- Dokładniej policz znaki w narzędziu Licznik znaków.
- Utwórz czysty adres dla canonical URL w narzędziu Generator slugów.
- Uporządkuj sekcję head, do której wklejasz, w narzędziu Formatuj i upiększaj HTML.
Najczęstsze pytania
Jak długi powinien być tytuł lub opis?
Nie ma stałego limitu. Wyszukiwarki przycinają tekst według szerokości w pikselach, a nie liczby znaków, i mogą go przepisać. Orientacyjnie tytuły o długości około 50–60 znaków i opisy około 150–160 znaków zwykle są wyświetlane w całości. Liczniki tutaj to wskazówka, a nie reguła.
Czy potrzebuję zarówno tagów Open Graph, jak i Twitter?
Często wystarczy sam Open Graph. X (Twitter) odczytuje tytuł, opis i obraz Open Graph, gdy brakuje jego własnych tagów, ale nadal potrzebuje twitter:card, by wybrać układ karty. Dodaj twitter:site, jeśli konto ma być wskazane jako autor.
Dlaczego og:image musi być pełnym adresem?
Serwisy społecznościowe pobierają obraz ze swoich serwerów, więc ścieżka względna, taka jak /img/card.png, nie ma względem czego się rozwiązać. Użyj bezwzględnego adresu https://. Typowy rozmiar karty to 1200 na 630 pikseli.
Co robi wybór dla robots?
noindex prosi wyszukiwarki, by nie indeksowały strony, a nofollow prosi, by nie podążały za jej linkami. Domyślnie strona bez tagu robots jest indeksowana i linki są śledzone, więc wybranie obu tych opcji nie zapisuje żadnego tagu.
Czy znaki specjalne są escapowane?
Tak. Ampersandy, nawiasy ostre i cudzysłowy podwójne w Twoim tekście są zamieniane na encje HTML, więc tytuł taki jak Q&A "live" nie może wyjść poza swój atrybut ani dodać znaczników do strony.
Czy cokolwiek jest wysyłane na serwer albo czy mój obraz jest ładowany?
Nie. Tagi są budowane w Twojej przeglądarce, a adres obrazu jest tylko wypisany jako tekst w makiecie społecznościowej i nigdy nie jest żądany. Serwisy społecznościowe pobiorą go później, gdy ktoś udostępni stronę.