Najważniejsze meta tagi w SEO i jak je wykorzystać
Czym są meta tagi w SEO?
Meta tagi lub metadane – to małe fragmenty kodu, które kontrolują działania wyszukiwarek i przeglądarek. Zawierają one kluczowe polecenia, związane z indeksowaniem strony, formatem jej wyświetlania i przekierowaniami do innych linków. Jeśli chcesz, aby Twoja witryna uzyskała wysoką pozycję w wynikach wyszukiwania i przyciągnęła uwagę odwiedzających, każda z jej stron powinna mieć metadane dla SEO.
Znaczniki są umieszczane w pierwszej sekcji kodu HTML, oznaczonej nagłówkiem <head>. Zazwyczaj są one zapisane w formacie <meta name=”AAA” content=”BBB”>. AAA – to nazwa używanej funkcji. BBB – to konkretne polecenie dla wyszukiwarki lub przeglądarki.
Tagi nie są wyświetlane na stronie. Jednak użytkownik może odczytać metadane, jeśli ma dostęp do kodu źródłowego witryny. Dlatego nie warto traktować tych tagów jako sposobu na przesyłanie zaszyfrowanych wiadomości i żartów – znaczniki można zobaczyć bardzo łatwo. Poza tym nie należy umieszczać niepotrzebnych materiałów w nagłówku <head>. Chociaż nie wpłynie to na indeksowanie i ranking, dodatkowe fragmenty kodu mogą wydawać się podejrzane dla wyszukiwarek, co zwiększy ryzyko zablokowania.
Dlaczego meta tagi SEO są ważne?
Metadane zawierają funkcje, które bezpośrednio wpływają na ranking witryny w wynikach wyszukiwania. Jeśli o nich zapomnisz lub popełnisz błąd, automatycznie stracisz szansę na zdobycie miejsca na pierwszej stronie Google. Istnieje również odwrotny przykład: niektóre polecenia sprawiają, że witryna jest nieakceptowana przez wyszukiwarki.
Kolejna grupa znaczników meta SEO wpływa na user experience (UX) strony. Błąd w tej sekcji nie sprawi, że witryna stanie się wygnańcem wśród wyszukiwarek, ale pogorszy postrzeganie treści. W rezultacie odwiedzający szybciej zamknie stronę lub kliknie przycisk “Wstecz”. To z kolei doprowadzi do spadku w rankingach. Jest to swego rodzaju tykająca bomba zegarowa, która może być ukryta w kodzie.
Znaczniki są narzędziem pomocniczym, które gwarantuje prawidłowe postrzeganie strony internetowej przez wyszukiwarki. Nie można ich jednak nazwać fundamentalną podstawą SEO. Znacznie więcej zależy od doboru słów kluczowych i stworzenia szeregu autorytatywnych linków. Poza tym metadane również zmieniają się w czasie. Niektóre funkcje straciły na znaczeniu, podczas gdy inne zyskały na wadze. Dlatego warto śledzić algorytmy wyszukiwania najpopularniejszych wyszukiwarek, aby być na bieżąco z trendami.
Chociaż same meta tagi nie wyniosą Twojej witryny na szczyt rankingów, ich nieprawidłowe użycie może strącić Cię z piedestału. Dlatego bardzo ważne jest zapoznanie się z każdą funkcją, sposobem jej użycia, najlepszymi praktykami SEO i typowymi błędami.
Najważniejsze meta tagi SEO
W nowoczesnej praktyce optymalizacji stron internetowych każda strona powinna zawierać metadane. Jednak ręczne dodawanie ich do dużych zasobów jest bardzo trudne i zawodne – istnieje bardzo duże prawdopodobieństwo, że pominiesz kilka rozdziałów, obniżając ogólny ranking. Dlatego zalecamy korzystanie z popularnych narzędzi do automatyzacji targetowania SEO, takich jak Yoast, SERPSim i Ahrefs.
Tag Title
Tytuł strony wyświetlany w wynikach wyszukiwania jako link do witryny. Jest on bezpośrednio wykorzystywany do pozycjonowania stron, więc został stworzony zgodnie ze ścisłymi zasadami:
- Treść tagu Title nie powinna być dłuższa niż 60 znaków ze spacjami. Zaleca się również trzymanie się minimum 40 znaków. Zbyt krótkie i zbyt długie fragmenty tekstu pogorszą skuteczność strategii SEO.
- Tekst powinien przyciągać uwagę użytkownika, ale nie nadużywać jej. Intryga jest mile widziana, ale jawny clickbait będzie postrzegany jako spam z odpowiednim rezultatem.
- Upewnij się, że w nagłówku znajduje się najważniejsze słowo kluczowe. Nie należy jednak przesadzać ze spamem. Jeśli to możliwe, nie używaj tego samego słowa dwa razy w tytule.
- Title powinien odpowiadać intencjom użytkownika. Jeśli wprowadzi ludzi w błąd, ranking Twojej witryny na pewno spadnie.
Eksperci Google twierdzą, że każda strona zasobu powinna mieć unikalny tytuł, który odpowiada jej treści i docelowemu działaniu. Kopiowanie tytułu może prowadzić do tego, że niektóre strony zostaną wykluczone z indeksowania wyszukiwania.
Praktyczne wskazówki
- Upewnij się, że Twoja strona ma odpowiedni znacznik SEO. Jeśli nie, Google automatycznie obniży jej pozycję w rankingu. A nawet jeśli witryna w jakiś sposób znajdzie się na szczycie wyników wyszukiwania, system sam wybierze fragment tekstu, którego potrzebuje. Jak możesz sobie wyobrazić, nie będzie to na twoją korzyść, ponieważ preferencje ludzi i robotów są zbyt różne.
- Sprawdź liczbę tagów Title. Jeśli przypadkowo zostawisz kilka tytułów, system znów podejmie własną decyzję.
- Koniecznie sprawdź długość tekstu. Optymalna długość to 40-60 znaków ze spacjami. Jeśli tekst jest krótszy lub dłuższy, Google uzna go za niewystarczająco informacyjny lub zbyt niejasny.
- Sprawdź swoją witrynę za pomocą wyspecjalizowanego crawlera. Na przykład Audyt Witryny Ahrefs pokazuje zduplikowane tytuły, które są trudne do wykrycia podczas wizualnego przeglądania kodu.
Dodawanie Title do strony
Do rozdziału <head> dodaj następujący fragment kodu:
<title>Example of a good site title for a search engine.</title>
Prawie wszystkie systemy CMS mają tę funkcję, w tym WordPress, Wix i Squarespace.
Tag Description
Opis strony, który wyszczególnia jej zawartość dla użytkownika. Ten meta tag witryny często zawiera wezwanie do działania, które motywuje użytkowników do otwarcia linku, przeczytania oferty i wykonania docelowej akcji.
W przeciwieństwie do tytułu opis nie jest używany w rankingach wyszukiwarek, więc możesz być nieco bardziej pomysłowy. Jednak błędy w użyciu tego tagu mogą mieć negatywne konsekwencje dla optymalizacji. Na przykład, jeśli celowo wprowadzisz użytkownika w błąd, szybko zamknie on witrynę i raczej nie wróci. Takie masowe zachowanie odwiedzających jest oznaką słabego UX. W dłuższej perspektywie obniży to ranking Twojej witryny.
Praktyczne wskazówki
- Optymalna długość opisu – 140-160 znaków ze spacjami. Zbyt krótki tag jest podejrzany. Zbyt długi się nie zmieści, więc tylko jego część zostanie wyświetlona w wynikach wyszukiwania. A jak wiadomo, jeśli zabierze się kilka słów z frazy, można ją przekręcić nie do poznania.
- Pisz krótko i na temat. Używaj słów kluczowych i skup się na intencjach użytkownika. Traktuj ten element kodu równie poważnie, jak dobór słów kluczowych.
- Stwórz unikalny tag dla każdej strony. Chociaż Google nie uwzględnia tego elementu w obowiązkowych wymaganiach optymalizacyjnych, masowe powtarzanie może być postrzegane jako spam i kradzież treści. Rezultaty wahają się od obniżenia rankingu do całkowitego bana.
- Unikaj bezpośrednich clickbaitów. Czas takich prymitywnych narzędzi minął wraz z erą Web 1.0. Ich skuteczność jest mniejsza niż ryzyko blokady.
Dodawanie Description do strony
Poniższy wiersz powinien znaleźć się w początkowym rozdziale strony:
<meta name=”description” content=”Your description meta tag must match page content and apply to users intent. Keep it short, simple and catchy, but avoid any risky clickbaits”>
Tag Robots
To jest najważniejszy znacznik dla SEO. Zawiera instrukcje dla wyszukiwarek, dotyczące indeksowania strony, analizowania linków i korzystania z dodatkowych narzędzi. Co ciekawe, w większości przypadków jest on po prostu nieużywany. Jego brak jest równoznaczny maksymalnemu poziomowi uprawnień – system będzie indeksował zarówno ten rozdział strony, jak i adresy URL, do których się odnosi.
Znacznik Robots ma dwie oddzielne funkcje, z których każda może zawierać dwie przeciwstawne wartości: index – sygnał, że strona musi zostać zaindeksowana, noindex – zakaz indeksowania; follow – potwierdzenie jakości linków na stronie i pozwolenie na ich badanie, nofollow – ograniczenie.
Ważne jest zrozumienie, jak łączyć te polecenia. Na przykład połączenie noindex i follow zabroni indeksowania sekcji witryny, ale pozwoli na przetwarzanie stron, do których się odnosi. Wyszukiwarka może przetwarzać adresy URL, nawet jeśli linki są również oznaczone tagiem noindex.
Praktyczne wskazówki
- Jeśli strona ma brać udział w rankingu witryny, usuń tag Robots lub odznacz odpowiednie pole w CMS. Jest to znacznie lepsze rozwiązanie niż ręczne nadawanie uprawnień – ryzyko popełnienia błędu jest znacznie mniejsze.
- Nie blokuj indeksowania linków w pliku robots.txt, jeśli zawierają one strony z tym tagiem. Wyszukiwarka otrzyma niewłaściwe polecenie, co spowoduje zamieszanie.
- Pamiętaj, aby sprawdzić obecność i wartość tagu Robots po zakończeniu programowania. Nie zapomnij wpisać prawidłowych poleceń. Jest to szczególnie ważne, jeśli otworzyłeś wersję testową strony, aby wyświetlić jej podgląd przed ostateczną publikacją.
Dodawanie Robots do strony
Jeśli nie zamierzasz blokować indeksowania, po prostu usuń tag – jest to łatwiejsze i niezawodne.
W innych przypadkach dodaj następujący fragment do kodu:
<meta name=”robots” content=”noindex, follow”>
Wartości noindex i nofollow można skrócić do jednego wspólnego polecenia:
<meta name=”robots” content=”none”>
W większości systemów CMS dostęp do tej funkcji jest dostępny w sekcji „Zaawansowane”.
Tag Googlebot
Zasadniczo jest to specyficzny dla Google meta tag Robots. Pozwala on ustawić ograniczenia tylko dla jednej wyszukiwarki, ignorując jej konkurentów, takich jak Bing i DuckDuckGo. Potrzeba jego użycia może być związana z adresowaniem do różnych odbiorców docelowych.
Jeśli tagi Robots i Googlebot wejdą w konflikt, wyszukiwarka Google automatycznie zastosuje bardziej rygorystyczne ograniczenia. Na przykład, pomiędzy follow i nofollow maszyna wybierze to drugie polecenie. Googlebot może również używać specyficznych poleceń:
- nosnippet – zakaz cytowania fragmentu tekstu w wynikach wyszukiwania;
- max-snippet:xx – maksymalna długość takiego cytatu w znakach ze spacjami;
- nositelinkssearchbox – wyłączenie pola wyszukiwania w Twojej witrynie;
- notranslate – ograniczenie automatycznego tłumaczenia;
- nopagereadaloud – zakaz transmisji tekstu w audio.
Praktyczne wskazówki
- Podobnie jak w przypadku Robots, jeśli zezwalasz wyszukiwarce swobodne indeksować strony i linki, natychmiast usuń ten tag.
- Unikaj sprzecznych metadanych w Googlebot i pliku Robots.txt. Może to prowadzić do spadku w rankingach i nieprawidłowego wyświetlania strony w wynikach wyszukiwania.
- Używaj tego tagu tylko wtedy, gdy jesteś w 100% pewien tego, co robisz. Nie wyłączaj “zbędnych” funkcji, jeśli nie jest to naprawdę konieczne.
Dodawanie Googlebot do strony
Aby kontrolować indeksowanie, dodaj następujący fragment do kodu HTML:
<meta name=”googlebot” content=”noindex, follow”>
Lub:
<meta name=”googlebot” content=”nosnippet”>
Aby wyłączyć określone funkcje, należy użyć następującej składni:
<meta name=”google” content=”nositelinkssearchbox”>
Tag Viewport
Instrukcje dotyczące wyświetlania strony na ekranach o różnych rozmiarach i rozdzielczościach. Google uznaje, że ten meta tag w HTML dla SEO ma bezpośredni wpływ na rankingi wyszukiwarek. Pokazuje on, że strona jest dostosowana do urządzeń mobilnych, które stanowią obecnie ponad 60% wyświetleń.
Tag Viewport ma podwójne znaczenie. Jeśli nie zostanie użyty, użytkownicy domyślnie zobaczą desktopową wersję treści. Bardzo często jest to niewygodne w odbiorze na małym ekranie, co prowadzi do wysokiego współczynnika odrzuceń. Jednocześnie to negatywnie wpływa na ogólny ranking strony.
Warto zauważyć, że sama obecność tagu Viewport nie gwarantuje poprawnego wyświetlania treści. Aby uniknąć błędów, należy używać CSS, unikać dużych obiektów o stałym rozmiarze i przeprowadzać dokładne testy produktu na różnych urządzeniach.
Praktyczne wskazówki
- Umieść ten znacznik na wszystkich stronach, aby wykazać ich zgodność z urządzeniami mobilnymi. Będzie to miało pozytywny wpływ na ranking Twojej witryny.
- Jeśli nie jesteś w 100% pewien swoich działań i ich konsekwencji, używaj tylko standardowych zmiennych dla tagu Viewport.
- Aby sprawdzić poprawność wyświetlania treści, skorzystaj z raportu Mobile Usability w Google Search Console.
Dodawanie Viewport do strony
Funkcja ze standardowymi zmiennymi wygląda następująco:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Polecenie width=device-width oznacza, że zawartość dostosowuje się do rzeczywistej szerokości i rozdzielczości ekranu. initial-scale=1.0 pozwala ustawić początkową skalę wyświetlania od 0.0 do 1.0, tj. od 0 do 100% z krokami co 1%.
Тag Refresh Redirect
Jest to “czarny” meta tag HTML w SEO. Jego użycie automatycznie obniża pozycję strony w wynikach wyszukiwania Google i Bing. Eksperci zalecają unikanie tego elementu i stosowanie zamiast niego nowoczesnych alternatyw. Podobne podejście rozwinęło się w stosunku do tagu Keywords. To właśnie jego użycie obniża ranking w Google i daje automatycznego bana w Bing.
Tag Refresh Redirect służy do przekierowania żądania na inną stronę po określonym czasie. Problem polega na tym, że był on zwykle używany do przekierowywania użytkowników na strony ze złośliwą zawartością lub spamem. Z tego powodu nowoczesne wersje przeglądarek mogą nie przetwarzać tego polecenia.
Praktyczne wskazówki
- Unikaj używania tagu Refresh Redirect.
- Użyj przekierowań HTTP 301 lub 302, jeśli chcesz przekierować użytkownika do aktualnej wersji witryny.
Dodawanie Refresh Redirect do strony
Jeśli chcesz poeksperymentować z działaniem tego tagu, możesz dodać następujący wiersz:
<meta http-equiv=”refresh” content=”N;url=”https://aaabbb.xyz/”>
N – liczba sekund przed przekierowaniem, url=”https://aaabbb.xyz/ – adres strony, która zostanie otwarta w przeglądarce użytkownika.
Tag Charset
Jest to jeden z najważniejszych meta tagów w SEO dla stron internetowych o złożonej i zróżnicowanej zawartości. Określa zestaw znaków, który będzie używany do wyświetlania tekstu. Zdecydowanie należy wstawić go do kodu, jeśli cytujesz z alfabetów innych niż łaciński.
Bez znacznika Charset, przeglądarka automatycznie zastąpi nieznane znaki analogami, które odbierze poprzez kodowanie. Prawie zawsze prowadzi to do błędów, które pogarszają UX i są negatywnie postrzegane przez roboty wyszukiwarek. Rezultatem jest znaczny spadek skuteczności SEO.
Nawet jeśli jesteś pewien, że cały tekst na Twojej stronie jest napisany po łacinie, należy wstawić link do zestawu znaków Unicode UTF-8. Można również skorzystać z alternatywy w postaci ISO-8859-1. Konkretne zestawy znaków są wybierane indywidualnie. Ważne jest, aby sprawdzić, czy są one obsługiwane przez popularne przeglądarki.
Praktyczne wskazówki
- Umieść znacznik Charset na każdej stronie. Pośrednio wpłynie to na pozycję w Google i innych popularnych wyszukiwarkach.
- Preferuj zestaw Unicode UTF-8. Statystyki pokazują, że jest on używany w 90% anglojęzycznych zasobów.
- Wybierz poprawną składnię zgodnie z wersją HTML.
Dodawanie Charset do strony
Przed rozpoczęciem pracy ze znacznikiem należy określić wersję HTML. Jest to łatwe do zrobienia. HTML5 wymaga identyfikatora <!doctype html>. W poprzednich wersjach był on nieobecny.
Do kodu w nowoczesnym środowisku programistycznym HTML5 dodawane jest:
<meta charset=”UTF-8″>
W poprzednich wersjach, w tym HTML4, jest używany analog:
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″>
Jeśli chcesz użyć innego zestawu znaków, po prostu określ jego kod w zmiennej znacznika:
<meta charset=”ISO-8859-1″>
Checklista optymalizacji metadanych SEO
Wiedząc, czym są meta tagi w SEO, co oznaczają i jak ich poprawnie używać, możesz przygotować swoją witrynę, aby osiągnąć szczyt wyników wyszukiwania. Aby odnieść sukces, zawsze sprawdzaj kod swoich stron pod kątem poniższej listy kontrolnej:
- Title jest ustawiony, jest unikalny, zawiera klucz i odpowiada intencjom użytkownika. Jego długość wynosi od 40 do 60 znaków ze spacjami.
- Description jest interesujący i dokładnie opisuje zawartość strony. Długość tekstu wynosi od 140 do 160 znaków ze spacjami. Nie zawiera ryzykownych clickbaitów.
- Robots i Googlebot umożliwiają indeksowanie strony i zapoznawanie się z materiałami za pośrednictwem linków, jeśli taki jest zamiar użytkownika. Strony z tymi znacznikami nie są blokowane przez plik Robots.txt.
- Viewport i Charset są oznaczone na każdej stronie. Jeśli nie jesteś zaznajomiony z ich składnią, pozostaw domyślne wartości zmiennych.
- W kodzie nie ma Refresh Redirect i Keywords. Są one uważane za oznakę «czarnego» SEO, a zatem automatycznie obniżają rankingi Twojej witryny i narażają Cię na ryzyko bana.
Pamiętaj również o innych zasobach optymalizacji technicznej, które nie są związane z metadanymi. Podziel tekst na bloki, oddzielone nagłówkami. Używaj alternatywnego tekstu dla obrazów i innych rodzajów treści multimedialnych. Sprawdź swoją witrynę pod kątem duplikatów stron i zawsze wybieraj spośród nich wersję kanoniczną.
Jednak nawet jeśli masz podręczną listę kontrolną, ręczne sprawdzanie będzie długie, czasochłonne i nie zawsze skuteczne. Dlatego zalecamy korzystanie z wielofunkcyjnych serwisów SEO. Na przykład crawler Ahrefs szybko zbiera informacje o wszystkich stronach witryny, podkreśla błędy i podaje zalecenia, dotyczące ich naprawy.
Meta tagi w optymalizacji technicznej: krótkie podsumowanie
Meta tagi HTML w SEO są narzędziem pomocniczym, które pozwala wyszukiwarkom indeksować witrynę, krótko opisuje zawartość strony i umożliwia prawidłowe wyświetlanie materiałów. Ważne jest, aby zapamiętać znaczenie każdego elementu, ponieważ poprawny kod zwiększa szanse na dotarcie witryny na szczyt, podczas gdy błędy stwarzają ryzyko obniżenia rankingu lub nawet zablokowania. Tagi nie są jednak całą istotą SEO, ani nawet jego najważniejszą częścią. Nie zapominaj, że sukces witryny zależy od kompleksowej optymalizacji, która obejmuje również badanie słów kluczowych, strukturę treści, budowanie linków oraz inne zadania.
FAQ
Czym są meta tagi SEO?
Krótkie fragmenty kodu, które są potrzebne do interakcji z wyszukiwarkami i przeglądarkami. Określają one potrzebę indeksowania treści i tworzą zasady jej wyświetlania.
Dlaczego meta tagi są ważne dla SEO?
Błąd w znacznikach może prowadzić do pogorszenia UX, spadku rankingu strony w wynikach wyszukiwania, a nawet jej zablokowania. Sukces projektu zależy od poprawności ich wypełnienia.
Jak wyszukiwarki wykorzystują meta tagi?
Metadane dają wyszukiwarkom uprawnienia do indeksowania strony. Jeśli odpowiednia funkcja jest wyłączona lub koliduje z innym fragmentem kodu, witryna nie pojawi się w wynikach wyszukiwania.
