Analiza meta tagów

Sprawdzanie meta tagów online: co dokładnie analizuje narzędzie

Wklej adres strony, a narzędzie pobierze HTML w takiej postaci, w jakiej zwraca go serwer (z przejściem przez przekierowania), i przeanalizuje znaczniki w <head> oraz nagłówki H1–H6. JavaScript nie jest wykonywany. Jeśli title i meta description wstawia w przeglądarce React albo Vue, zobaczysz to, co jest w kodzie źródłowym. To cenna informacja, bo właśnie ten HTML jako pierwszy dostaje robot wyszukiwarki.

Ocena składa się z 14 równorzędnych testów, każdy wart około 7 punktów:

Meta keywords, robots, hreflang, Twitter Cards i JSON-LD są pokazywane informacyjnie i nie wpływają na wynik. 100 punktów nie oznacza dobrego snippetu: znacznik może mieć właściwą długość i nadal nie odpowiadać na zapytanie. Ocena wyłapuje braki, a jakość tekstu musisz ocenić sam.

Długość title i description: znaki czy piksele

Narzędzie liczy znaki, a Google przycina tytuł według szerokości. Na desktopie w linii mieści się około 600 pikseli, a oficjalnego limitu Google nie podaje. Dlatego 60 znaków to wskazówka, a nie sztywna granica. Tytuł z wąskich liter (i, l, t, r) zmieści się nawet przy 65 znakach, a tytuł z wielkimi i szerokimi literami (W, M, Ż) może zostać ucięty już przy 50. Praktyczna zasada: główną frazę i sedno strony umieść w pierwszych 40–45 znakach, a nazwę marki na końcu, żeby to ona była ucinana.

Opis ma jeszcze więcej swobody, bo nie ma stałej długości. Google pokazuje tyle tekstu, ile uzna za przydatne: na desktopie zwykle około 150–160 znaków, na telefonie mniej. Podgląd w raporcie ucina title na 70 znakach, a description na 160. To szybkie przybliżenie, a nie kopia wyników co do piksela. Widok mobilny sprawdzisz w podglądzie snippetu.

Dlaczego Google przepisuje title i description

Od aktualizacji z 2021 roku Google częściej sam tworzy tytuł linku w wynikach. Według jego danych oryginalny <title> trafia do wyników w około 87% przypadków. Najczęstsze powody zmiany:

• Jeden szablon na cały serwis. „Kup | Sklep” na setkach kart produktu: Google nie odróżnia stron i bierze H1 albo anchor linków.
• Upychanie słów kluczowych. „Buty tanie, buty sklep, kup buty, buty promocja”.
• Nieaktualne dane. „Ceny 2024” na stronie odświeżonej w 2026 roku.
• Niezgodność z H1. Tytuł obiecuje jedno, a główny nagłówek mówi co innego.
• Zbyt długi lub prawie pusty title, na przykład sama nazwa marki albo „Strona główna”.

Opis bywa podmieniany jeszcze częściej i to normalne: Google wybiera fragment, który najlepiej odpowiada na konkretne zapytanie. Twój opis ma większe szanse, gdy jest unikalny dla strony, zawiera sformułowanie z zapytania i konkrety, takie jak cena, termin, liczba czy grupa docelowa. Ten sam description na wszystkich podstronach jest niemal zawsze ignorowany. Zasady opisuje dokumentacja Google o tytułach.

Przykłady: źle i lepiej

Open Graph i Twitter Cards: jak wygląda link w social media

Facebook, LinkedIn, Messenger, WhatsApp i Slack budują kartę linku na podstawie tagów Open Graph. Minimalny zestaw:

<meta property="og:title" content="Naprawa iPhone w 1 dzień">
<meta property="og:description" content="Oryginalne części, 6 miesięcy gwarancji">
<meta property="og:image" content="https://example.com/og/naprawa.jpg">
<meta property="og:url" content="https://example.com/naprawa-iphone/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Obraz przygotuj w rozmiarze 1200×630 z bezwzględnym adresem https. Bez tagów twitter: serwis X zwykle bierze tytuł, opis i obraz z Open Graph, więc samo twitter:card najczęściej wystarczy. Platformy zapamiętują kartę. Po zmianie odśwież ją w Sharing Debuggerze Facebooka lub w Post Inspectorze LinkedIn. Wygląd karty w różnych serwisach pokaże OG Debugger.

Analiza meta tagów: błędy, które raport pokazuje najczęściej

• W wierszu Robots jest noindex. Zwykle to pozostałość po wersji testowej albo zaznaczona w WordPressie opcja „Proś wyszukiwarki o nieindeksowanie tej witryny”. Taka strona wypadnie z wyników niezależnie od jakości title i description.
• Canonical wskazuje inny adres. Na przykład wszystkie strony paginacji wskazują pierwszą albo canonical prowadzi do wersji http. Google może uznać sprawdzaną stronę za duplikat.
• Dwa H1. Logo w nagłówku jest opakowane w <h1>, a drugim H1 jest tytuł artykułu. Zostaw H1 tylko dla głównego nagłówka.
• Brak viewport. Na telefonie strona wygląda jak pomniejszona wersja desktopowa, a Google indeksuje serwisy w wersji mobilnej.
• Opis tylko w og:description. Tekst dla social media jest, a zwykły meta name="description" jest pusty. To osobne znaczniki i potrzebne są oba.

Meta tagi sprawdzisz też bez narzędzia: Ctrl+U w przeglądarce pokazuje kod źródłowy, a curl -s https://example.com/ | grep -i "<title\|description" robi to samo w terminalu. Analizator zbiera wszystko w jednej tabeli i od razu liczy długości.

Jak poprawić meta tagi w WordPressie, Shoperze i PrestaShopie

• WordPress + Yoast SEO: w edytorze wpisu panel Yoast → „Tytuł SEO” i „Opis meta”. Domyślny szablon %%title%% %%sep%% %%sitename%% zmienisz w ustawieniach wyglądu w wyszukiwarce. Rank Math działa tak samo. Jeśli tytuł się dubluje, sprawdź, czy motyw nie wypisuje własnego <title>. Poprawny motyw korzysta z add_theme_support('title-tag').
• PrestaShop: w karcie produktu zakładka SEO z polami „Meta tytuł” i „Meta opis”. Puste pola oznaczają, że sklep wstawi nazwę produktu, a to szybko daje duplikaty.
• Shoper i inne platformy SaaS: pola SEO są zwykle w edycji produktu lub kategorii. Szablon domyślny dla pustych pól ustawia się w konfiguracji SEO sklepu.
• Własny CMS: title i description generuj w szablonie z pól rekordu i zawsze zdefiniuj wartość zastępczą. Inaczej setki stron dostaną ten sam znacznik.

To narzędzie sprawdza jedną stronę, a błąd w szablonie powtarza się na setkach adresów. Duplikaty i brakujące tagi w całym serwisie znajdzie techniczny audyt całej witryny. Jak czytać takie wyniki, wyjaśnia artykuł o problemach z meta w audycie.