Przegląd / Programowanie i kod / Generator znaczników meta
Programowanie i kod 100% w przeglądarce i offline

Generator znaczników meta

Utwórz znaczniki tytułu, opisu, canonical, Open Graph i karty Twittera dla strony i zobacz podgląd w wyszukiwarce oraz w sieciach społecznościowych.

Wklej lub wpisz dane; wynik pojawia się od razu, a błędy są pokazane pod polem. Pola zawierają przykład: kliknij i wpisuj, aby go zastąpić.

Twoje pliki i dane nigdy nie opuszczają przeglądarki – nic nie jest wysyłane.

Podgląd

Wstaw te wiersze do elementu <head> strony. Obraz musi być pełnym adresem URL, najlepiej 1200 × 630 pikseli. Podgląd jest orientacyjny; prawdziwy wygląd zależy od platformy.

Zanim strona znajdzie się wysoko w wynikach, człowiek musi wybrać ją z listy wyników albo z linku w czacie, a kilka znaczników w nagłówku strony decyduje o tym, co zobaczy. Ten generator pisze je za ciebie: tytuł i opis dla wyszukiwarek, adres canonical oraz znaczniki Open Graph i karty Twittera, które sterują wyglądem udostępnionego linku. Podgląd na żywo pokazuje oba widoki, a liczniki ostrzegają, gdy tytuł lub opis mogą zostać ucięte.

Tworzenie znaczników w trzech krokach

  1. Wpisz tytuł strony, opis i adres strony.
  2. Dodaj adres obrazu do udostępniania i nazwę witryny, jeśli chcesz bogatszy podgląd linku, i wybierz styl karty.
  3. Sprawdź oba podglądy, potem naciśnij Kopiuj i wklej wiersze do nagłówka strony.

Co jest generowane

  • Znaczniki title i description, które wyszukiwarki pokazują w wynikach.
  • Link canonical, który wskazuje preferowany adres, gdy strona jest dostępna pod kilkoma.
  • Znaczniki Open Graph (og:title, og:description, og:image, og:url, og:type), które czytają Facebook, LinkedIn, WhatsApp, Slack i inni.
  • Znaczniki karty Twittera dla dużego lub małego podglądu na X.
  • Opcjonalne znaczniki robots, koloru motywu, charset i viewport.

Długości, które działają

Wyszukiwarki ucinają tytuły około 60 znaków, a opisy około 160, choć prawdziwy limit zależy od szerokości w pikselach. Liczniki zaznaczają tekst, który jest trochę krótki, ma dobrą długość albo prawdopodobnie zostanie ucięty. Dobry tytuł najpierw nazywa temat, a na końcu markę, a dobry opis odpowiada, co odwiedzający znajdzie na stronie, prostymi słowami, a nie listą słów kluczowych.

Obrazy do udostępniania i testy

Obraz do udostępniania o wymiarach 1200 na 630 pikseli działa w prawie każdej sieci. Użyj pełnego adresu zaczynającego się od https, bo ścieżki względne nie są śledzone. Po publikacji sieci zapamiętują to, co zobaczyły, więc użyj ich własnych narzędzi do debugowania, aby odświeżyć link. Podgląd tutaj korzysta z wpisanego tekstu i nie ładuje twojego obrazu, więc żadne zapytania nie trafiają do innych serwerów.

Często zadawane pytania (FAQ)

Około 70 do 160 znaków. Dłuższy tekst jest skracany w wynikach. Napisz zdanie, które mówi odwiedzającym, co znajdą na stronie.