Generator metadanych SEO

Generator metadanych SEO: co tworzy

Generator metadanych SEO składa z jednego formularza kod do sekcji <head>: title, meta description, rel canonical, meta robots, znaczniki Open Graph i Twitter Card, a na życzenie także dane strukturalne JSON-LD. Zalecana długość tytułu to 30–60 znaków, opisu 110–160 znaków, a licznik przy każdym polu pokazuje, czy się w nich mieścisz.

Metadane decydują, jak strona wygląda w wynikach wyszukiwania i w udostępnieniach społecznościowych. Same nie podnoszą pozycji, ale od dobrze napisanego tytułu i opisu zależy, czy ktoś kliknie wynik (współczynnik klikalności, CTR).

Open Graph i Twitter Card

• og:title, og:description, og:image — wygląd udostępnienia na Facebooku, LinkedInie i w WhatsAppie. Generator wypełnia je automatycznie tymi samymi wartościami co title i description, więc karta jest spójna z wynikiem w Google.
• W sekcji „Więcej opcji” ustawiasz og:type (website, article, profile, book, video.movie, video.other, music.song), og:site_name i og:locale w formacie pl_PL lub en_US.
• Styl karty na X wybierasz w polu twitter:card: summary_large_image to duży obraz, summary to mała miniatura z boku. Kod dostaje też twitter:title, twitter:description, twitter:image oraz twitter:site, jeśli podasz konto (znak @ jest dodawany sam).

Przykład

Formularz startuje z przykładem, który możesz wczytać ponownie przyciskiem „Przywróć przykład”. Title „Kalkulatory i generatory online” ma 31 znaków, opis 122 znaki, a adres strony i obraz są podane. Spełnione są wszystkie 4 warunki, więc ocena wynosi 100%, a kod liczy 15 znaczników (przykład zawiera też meta keywords i og:site_name).

Jak działa generator metadanych

Wpisujesz tekst w pola formularza, a narzędzie na bieżąco liczy znaki w tytule i opisie, porównuje wynik z przedziałami 30–60 i 110–160 znaków i od razu przebudowuje kod. Spacje na początku i końcu są pomijane, a kilka spacji lub złamań wiersza z rzędu liczy się jako jedna spacja. Pozostałe znaki — litery, cyfry, spacje między słowami i interpunkcja — liczą się jednakowo.

Ocena metadanych to cztery warunki po 25%: tytuł 30–60 znaków, opis 110–160 znaków, podany adres strony i podany obraz udostępnienia. Opis liczący 180 znaków przekracza górną granicę o 20 znaków (180 − 160 = 20), więc ocena spada o 25 punktów, a w podglądzie Google tekst kończy się wielokropkiem. Opis krótszy niż 110 znaków też nie spełnia warunku: to nie błąd, ale wykorzystujesz mniej miejsca w wynikach.

Pod kodem widzisz orientacyjny podgląd wyniku w Google, podgląd karty udostępnienia i listę kontrolną, która ostrzega m.in. przed adresem z http zamiast https i przed ustawionym noindex. Adres strony trafia jednocześnie do rel canonical i og:url, a obraz do og:image i twitter:image. Oba adresy muszą być pełne, z http:// lub https://, bo adresu względnego (/img/og.png) Facebook i X nie wczytają, więc formularz go nie przyjmie.

Przykład: od pustego formularza do gotowego kodu

1. Klikasz „Wyczyść” i wpisujesz tytuł: „Kalkulator VAT: przelicz kwoty brutto i netto”. Licznik pokazuje 45 znaków, czyli wartość z przedziału 30–60.
2. W polu opisu wklejasz tekst: „Policz podatek VAT, kwotę netto i brutto w kilka sekund. Wpisz wartość, wybierz stawkę i skopiuj gotowy wynik.” To dokładnie 110 znaków, czyli dolna granica przedziału 110–160. Do górnej granicy zostaje 50 znaków zapasu (160 − 110 = 50).
3. Wpisujesz adres strony, np. https://twojadomena.pl/kalkulator-vat. Ten sam adres trafi do canonical i og:url.
4. Podajesz pełny adres obrazu, np. https://twojadomena.pl/og-vat.png, przygotowanego w rozmiarze 1200 × 630 px. Ocena rośnie do 100%, bo spełnione są 4 z 4 warunków.
5. Zostawiasz kartę summary_large_image, żeby na X pokazał się duży obraz, a nie mała miniatura.
6. Kopiujesz kod. Ma 13 znaczników: title, description, canonical, sześć znaczników Open Graph (og:type, og:title, og:description, og:url, og:image, og:locale) i cztery dla X. Wklejasz go w sekcji <head> przed </head>.

Tabela referencyjna pól

Praktyczne wskazówki

• Celuj w środek przedziału: dla title to 45 znaków, dla description 135 znaków. Zostawiasz sobie wtedy margines na drobną korektę bez wypadnięcia poza granice.
• Description pisz pełnym zdaniem. W 110–160 znakach zmieścisz najważniejszą korzyść i wezwanie do działania, a zdanie urwane w połowie wygląda w wynikach jak błąd.
• Obraz OG przygotuj przed wklejeniem adresu: 1200 × 630 px, JPG lub PNG, najlepiej lekki plik (do ok. 1 MB). Tytuł i logo trzymaj z dala od krawędzi, bo część serwisów kadruje grafiki.
• Rel canonical ustaw zawsze, gdy ta sama treść ma kilka adresów: wersje z parametrami w adresie albo strona dostępna z www i bez www.
• Dla wpisów blogowych wybierz og:type „article”. Po zaznaczeniu JSON-LD kod dostanie wtedy typ Article z polem headline i wydawcą (publisher) zamiast typu WebPage.
• Opcję charset i viewport zaznacz tylko wtedy, gdy budujesz sekcję head od zera. Gotowy szablon zwykle już je ma.

Czego narzędzie nie sprawdza

• Nie ocenia treści ani słów kluczowych. Liczy znaki i składa kod, a o tym, czy tytuł jest atrakcyjny i zgodny z zawartością strony, decydujesz sam.
• Podgląd w Google jest orientacyjny. Narzędzie ucina tytuł po 60 znakach i opis po 160, a Google ucina według szerokości tekstu w pikselach i czasem zastępuje description fragmentem treści strony.
• Nie weryfikuje obrazu OG. Sprawdza tylko, czy adres jest pełny; nie wie, czy plik istnieje, ma właściwy rozmiar i format.
• Nie testuje gotowej strony. Po wdrożeniu odśwież podgląd w narzędziu do debugowania udostępnień Facebooka i w Post Inspectorze LinkedIna, bo serwisy zapamiętują starą wersję karty.
• Nie zastąpi pozostałych elementów SEO: poprawne metadane to jeden z czynników obok treści, szybkości strony i linków.