Generator meta tagów

Co robi to narzędzie

Generator meta tagów tworzy tagi umieszczane w <head> strony HTML: <title>, meta description, słowa kluczowe i autora, dyrektywę robots, link kanoniczny, kolor motywu, deklaracje viewport i charset, pełny zestaw tagów Open Graph (og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale) oraz tagi kart X / Twittera.

Podczas wpisywania pokazuje, jak strona może wyglądać w wynikach wyszukiwania i na karcie w mediach społecznościowych, oraz sprawdza typowe błędy: tytuł dłuższy niż ok. 60 znaków, brakujący, zbyt krótki lub dłuższy niż ok. 160 znaków opis, względny kanoniczny URL, obraz bez bezwzględnego URL, źle zapisane ustawienia regionalne lub kolor. Wszystko dzieje się w przeglądarce, a podgląd celowo nie wczytuje twojego obrazu, więc strona nie wysyła żadnych żądań sieciowych.

Jak używać

1. Uzupełnij dane strony. Najważniejsze są tytuł i opis; liczniki pokazują ich długość względem typowych limitów wyświetlania. Kliknij Przykład, aby zobaczyć kompletny przypadek.
2. Podaj kanoniczny URL strony i obraz do udostępniania. Ścieżka względna, np. /images/cover.jpg, jest rozwiązywana względem kanonicznego URL.
3. W opcjach wybierz typ Open Graph (website dla większości stron, article dla wpisów na blogu), rozmiar karty, czy wyszukiwarki mogą indeksować stronę i podążać za linkami oraz które grupy tagów uwzględnić.
4. Przeczytaj ostrzeżenia pod HTML, sprawdź podglądy i skopiuj HTML do szablonu strony.

Opcje są zapisane w adresie strony, a formularz w przeglądarce, więc możesz do niego wrócić lub udostępnić link z tymi samymi ustawieniami.

Przykład

Przykładowa strona daje takie tagi (skrócone):

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sourdough Bread for Beginners — Step-by-Step Guide</title>
<meta name="description" content="Bake your first sourdough loaf at home: …">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/recipes/sourdough-for-beginners">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Sourdough Bread for Beginners — Step-by-Step Guide">
<meta property="og:image" content="https://example.com/images/sourdough-loaf.jpg">
<meta property="og:locale" content="en_US">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplekitchen">

Wartości są escapowane dla HTML, więc cudzysłowy i znaki & w tytule nie psują znaczników, a ustawienia regionalne en-US są zamieniane na format en_US, którego oczekuje Open Graph.

Wskazówki

• Pisz unikalny tytuł i opis dla każdej strony; powtórzenia w witrynie utrudniają odróżnienie wyników.
• Najważniejsze słowa umieszczaj na początku tytułu, bo długie tytuły są ucinane na końcu.
• Kanoniczny URL powinien być dokładnym adresem do zaindeksowania, z protokołem i preferowanym wariantem z www lub bez.
• Ustawienie robots na noindex usuwa stronę z wyników, ale tylko wtedy, gdy roboty nadal mogą ją pobrać: nie blokuj jej jednocześnie w robots.txt.