Narzędzie dla programistów

Generator tagów meta

Wypełnij pola i skopiuj tagi do sekcji head swojej strony.

Generator tagów meta Działa na twoim urządzeniu
  • Działa w przeglądarce — twój tekst nigdy nie jest nigdzie wysyłany
  • Bez rejestracji, bez limitów, za darmo, tak często, jak chcesz

Jak to działa

Istnieją trzy nakładające się zestawy tagów, które robią niemal to samo: klasyczne tagi SEO, Open Graph dla Facebooka, LinkedIna, WhatsAppa i Slacka oraz Twitter Cards. Pisanie ich ręcznie oznacza powtarzanie się trzy razy i zapomnienie o jednym.

Open Graph wykonuje większość pracy

To nie tylko Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage i większość innych usług, które rozwijają podgląd linku, czyta tagi Open Graph. Poprawne ich ustawienie naprawia podgląd niemal wszędzie naraz. Twitter Cards to niewielki dodatkowy zestaw dla X, który korzysta z Open Graph, gdy ich brakuje.

Długości są sprawdzane podczas pisania

Mniej więcej 60 znaków dla tytułu i 160 dla opisu, zanim wyniki wyszukiwania zostaną skrócone. To wskazówki, a nie sztywne limity — wyszukiwarki mierzą tytuły szerokością w pikselach, więc tytuł pełen wielkich liter i liter M skraca się wcześniej niż taki pełen małych liter l. Ostrzeżenie informuje cię, gdy jesteś w strefie ryzyka.

Obraz to część, o której ludzie zapominają

Link bez og:image wyświetla się jako goły szary prostokąt, co mierzalnie zmniejsza liczbę kliknięć. Adres URL musi być bezwzględny i zaczynać się od https, ponieważ strony, które go pobierają, nie mają pojęcia, jaki jest bazowy adres URL twojej strony. Około 1200 na 630 pikseli pasuje do karty z dużym obrazem.

Kanoniczny adres URL

Dodanie linku kanonicznego mówi wyszukiwarkom, który adres jest właściwy, gdy ta sama strona jest dostępna na kilka sposobów — z ukośnikiem na końcu i bez niego, z parametrami śledzącymi, przez http i https. To poprawka w jednym wierszu dla całej klasy problemów z zduplikowaną treścią.

Wszystko jest escapowane

Cudzysłowy i nawiasy ostre w twoim tekście są prawidłowo escapowane, więc opis zawierający apostrof lub cudzysłów nie może zepsuć tagu, w którym się znajduje.

FAQ

Generator tagów meta — pytania

Czy oprócz Open Graph potrzebuję też tagów Twitter Card?

Nie koniecznie — X korzysta z Open Graph jako rozwiązania zastępczego. Dodatkowe tagi dają kontrolę nad tym, jaki styl karty jest używany.

Jak długi powinien być tytuł?

Około 60 znaków. Wyszukiwarki skracają według szerokości w pikselach, więc traktuj to jako wskazówkę, a nie regułę.

Dlaczego podgląd mojego linku nie ma obrazu?

Albo brakuje og:image, albo jego adres URL jest względny. Musi być bezwzględny i zaczynać się od https.

Gdzie wstawić te tagi?

Wewnątrz <head> twojej strony.

Dlaczego mój podgląd się nie aktualizuje?

Platformy społecznościowe intensywnie buforują dane. Większość udostępnia debugger, który wymusza ponowne pobranie.