O tym narzędziu
Metatagi w HTML <head> kontrolują sposób, w jaki wyszukiwarki i platformy społecznościowe wyświetlają podgląd strony. Do najważniejszych tagów zaliczają się tagi <title>, <meta name="description">, tagi Open Graph (og:title, og:description, og:image) oraz tagi Twitter Card (twitter:title, twitter:description, twitter:image). Jeśli tych tagów brakuje, są one źle sformułowane lub są nieprawidłowe, fragmenty wyszukiwania i podglądy w mediach społecznościowych wyglądają na uszkodzone lub zawierają niezamierzoną treść.
Ten moduł sprawdzający pobiera adres URL i sprawdza wszystkie odpowiednie metatagi. Brakujące tagi są oznaczone. Tagi z treścią przekraczającą limity długości specyficzne dla platformy (obcięcie fragmentu kodu Google, wielkie litery na Twitterze) są podświetlone. Odniesienia do obrazów są weryfikowane — jeśli og:image wskazuje na błąd 404, podgląd społecznościowy nie będzie działać.
Wszystko to ma znaczenie, ponieważ większość kliknięć prowadzących do Twojej witryny pochodzi z wyników wyszukiwania i udostępnień w mediach społecznościowych. Metatagi to kopia marketingowa, która decyduje o tym, czy nastąpi kliknięcie. Właściwe ich wykonanie to jedno z zadań SEO i społecznościowych o najwyższym wpływie.
Po co sprawdzać metatagi
Błędy w metatagach są ciche. Strona bez og:image nadal ładuje się poprawnie; nic na tej stronie nie mówi, że udostępnianie w mediach społecznościowych wygląda na uszkodzone. Błąd jest widoczny dopiero wtedy, gdy ktoś udostępni stronę, a w tym momencie utracone pierwsze wrażenie jest już stracone. Rutynowe sprawdzanie stron pozwala wcześnie wykryć te problemy.
Po poważnych zmianach w witrynie — przeprojektowaniu, migracji CMS, aktualizacji szablonu — metatagi często ulegają regresji. Przejście kontroli jakości na ważnych stronach potwierdza, że w wyniku zmiany nie utracono niczego istotnego.
Jak używać
Wpisz adres URL, zobacz wszystkie metatagi.
- Wprowadź adres URL: Wpisz lub wklej adres URL, który chcesz sprawdzić. Zarówno http://, jak i https:// działają; Preferowany protokół HTTPS.
- Pobierz i przeanalizuj: Narzędzie pobiera stronę (lub prosi o wklejenie kodu HTML, jeśli problemy z różnymi źródłami uniemożliwiają pobranie) i analizuje sekcję nagłówka.
- Sprawdź tagi: Tytuł, metaopis, tagi Open Graph, tagi kart Twittera i inne istotne meta pojawiają się w widoku strukturalnym. Brakujące znaczniki krytyczne są oznaczane.
- Podgląd wyglądu strony: Niektóre moduły sprawdzające pokazują symulowany fragment kodu Google, udostępnienie na Facebooku i podgląd kart na Twitterze w oparciu o przeanalizowane tagi. Użyj ich, aby wykryć problemy, zanim pojawią się w rzeczywistych akcjach.
Szczegóły techniczne
Wymagane metatagi dla SEO: <title> (50-60 znaków; Google obcina poza tym we fragmentach wyszukiwania), <meta name="description"> (150-160 znaków; dłuższy tekst jest obcinany). Brak któregokolwiek z nich znacznie pogarsza wygląd wyszukiwania.
Tagi Open Graph (używane przez Facebooka, LinkedIn, Slacka i wiele innych): og:title, og:description, og:image, og:url, og:type. og: obraz powinien mieć rozmiar co najmniej 1200 × 630 pikseli, aby umożliwić renderowanie w wysokiej rozdzielczości. og:image:alt to etykieta dostępności.
Tagi karty Twittera: twitter:karta (zwykle podsumowanie_duży_obraz), twitter:tytuł, twitter:opis, twitter:obraz. Twitter wraca do tagów OG, jeśli brakuje tagów specyficznych dla Twittera, dlatego często wystarczy dobrze skonfigurowany OG.
Często zadawane pytania
- Jakie metatagi są najważniejsze dla SEO?
- Tag tytułu (najważniejsze — 50-60 znaków), meta opis (150-160 znaków), kanoniczny adres URL, meta robots, Open Graph (og:title, og:description, og:image) i viewport dla urządzeń mobilnych. Wpływają one bezpośrednio na rankingi wyszukiwania i współczynniki klikalności.
- Jak długi powinien być mój tag tytułowy?
- 50-60 znaków (lub ~580 pikseli) do pełnego wyświetlenia w wynikach wyszukiwania Google. Dłuższe tytuły są obcinane znakiem „…”. Ładuj ważne słowa kluczowe od początku, są one najbardziej widoczne i niosą ze sobą większą wagę SEO.
- Czy potrzebuję tagów Open Graph?
- Tak, jeśli Twoje strony są udostępniane w mediach społecznościowych. Bez og:image i og:title Facebook/LinkedIn automatycznie wygeneruje podglądy, które mogą wyglądać słabo. Odpowiednie tagi OG sprawią, że Twoje treści będą wyglądać świetnie po udostępnieniu.
- Do czego służy tag kanoniczny?
- Znacznik kanoniczny (rel="canonical") informuje wyszukiwarki, który adres URL jest „oficjalną” wersją strony. Zapobiega problemom z duplikacją treści, gdy ta sama strona jest dostępna pod wieloma adresami URL (z/bez www, HTTP/HTTPS, z parametrami zapytania).
- Dlaczego moje udostępnienie na Facebooku wyświetla nieprawidłowy obraz?
- Najczęściej Facebook korzysta z wersji buforowanej. Użyj debugera udostępniania Facebooka, aby wyczyścić pamięć podręczną i ponownie pobrać stronę.
- Czy w metatagach rozróżniana jest wielkość liter?
- Nazwy właściwości zgodnie z konwencją są pisane małymi literami. Większość parserów jest tolerancyjna, ale dla bezpieczeństwa trzymaj się małych liter.
- Czy mój adres URL jest pobierany z przeglądarki czy z serwera?
- Zależy od narzędzia. Pobieranie przeglądarki może powodować problemy z CORS; niektóre narzędzia korzystają z serwera proxy do pobierania i raportowania.
- A co z danymi strukturalnymi JSON-LD?
- JSON-LD to uporządkowane dane umożliwiające szczegółowe wyniki, niezależne od metatagów. Większość narzędzi do sprawdzania metatagów koncentruje się na meta nagłówku HTML; Walidatory danych strukturalnych stanowią osobną klasę narzędzi.