Meta tagi użyte w kodzie strony

Co to są meta tagi i które z nich mogą wpływać na pozycje strony?

Hasło “meta tag” lub – w spolszczonej wersji – “znacznik meta” niewiele mówi osobom, które nie są web developerami lub specjalistami w jakikolwiek sposób związanymi z branżą SEO. Tymczasem meta tagi są ważnym elementem kodu stron internetowych, który niestety często pozostaje zaniedbany, niewykorzystany lub niezoptymalizowany. W niektórych przypadkach może się to przełożyć na niższe pozycje lub brak widoczności strony w wynikach wyszukiwania, a nawet na jej negatywny odbiór przez użytkowników, a więc w konsekwencji i na mniejszą liczbę odwiedzin.

Gdzie znajdują się meta tagi?

Znaczniki meta znajdują się w sekcji nagłówkowej kodu HTML (<head />) i, najprościej mówiąc, ich zadaniem jest przekazać robotom wyszukiwarek najważniejsze informacje o odwiedzanej przez nich podstronie. 

Tylko część informacji zawartych w znacznikach meta jest widoczna dla użytkownika, na dodatek nie bezpośrednio na stronie docelowej, a pośrednio – w formie tytułu i opisu meta widocznego w wynikach wyszukiwania lub grafiki wyświetlanej po dodaniu linka do strony w mediach społecznościowych. 

Których zatem meta tagów warto używać? Które z nich pomagają w optymalizacji strony pod kątem wyszukiwarek, a które nie mają wpływu na pozycję strony, ale przyczyniają się bezpośrednio do zwiększenia u użytkownika zainteresowania stroną?

Meta tag title

To jeden z najważniejszych znaczników meta, który dobrze zoptymalizowany dokłada swoją cegiełkę do wyższych pozycji strony.  Dzięki meta title w kilkudziesięciu znakach strona przekazuje robotom wyszukiwarek, czego dotyczy dana podstrona. 

Ale to nie wszystko. To co umieścimy w tym znaczniku może być widoczne dla użytkownika w wynikach wyszukiwania, dlatego meta tytuł nie powinien być mylący. Można natomiast w meta title wykorzystać elementy, które zachęcą internautów do kliknięcia w link, np. przez ciekawą grę słów, użycie CTA lub emotikonek, które w ostatnich latach coraz częściej pojawiają się w tym znaczniku, o czym pisaliśmy w artykule Pokaż mi kim jesteś – wrzuć emoji do <title>!

Warto zaznaczyć, że jeszcze do niedawna to, co deweloper umieścił w meta title, było dla Google święte. W sierpniu 2021 r. Google wprowadził jednak aktualizację algorytmu, pozwalającą mu na wybranie i wyświetlenie innego tytułu strony, niż wskazany przez użytkownika. Nie oznacza to, że właściciele stron całkowicie stracili kontrolę nad tym, co wyświetli się w tym znaczniku. Wręcz przeciwnie, raczej świadczy to o tym, jak ważnym czynnikiem rankingowym jest on dla Google. 

Dodatkowo Google rozszerzył swoje wytyczne odnośnie do tego, jak prawidłowo stworzyć meta title, w których znajdują się m.in. informacje z jakich źródeł wyszukiwarka Google korzysta przy automatycznym ustalaniu linków z tytułami oraz jak rozwiązać najpopularniejsze problemy z elementem <title>. Zalecenia znajdziecie tutaj.

Meta tag description

Ten znacznik meta to po prostu zwięzły opis zawartości danej podstrony, który również wyświetla się w wynikach wyszukiwania i jest widoczny zaraz pod jej tytułem i adresem

Zadaniem meta description jest przykucie uwagi użytkownika, przekonanie go, że informacja, usługa lub produkt, którego szuka znajduje się pod naszym linkiem i zachęcenie go do kliknięcia. Szerzej o meta description pisaliśmy w artykule Meta description – czym jest opis meta i jak go napisać, by był skuteczny?.

Google może, ale nie musi, skorzystać z dodanego do strony zoptymalizowanego znacznika meta description. Wykorzysta go wtedy, kiedy uzna, że zawarte w nim informacje lepiej opisują zawartość strony niż umieszczone na niej treści lub jeśli w przygotowanym meta description znajdą się frazy wpisane przez użytkownika w pasku przeglądarki. 

Często jednak w SERPach zamiast naszego opisu meta pojawi się “snippet” wybrany przez robota Google. Dzieje się tak wtedy, gdy Google uzna, że dany fragment treści strony bezpośrednio odpowiada na zapytanie użytkownika i będzie miał dla niego większą wartość informacyjną niż napisany przez autora strony opis meta. Oznacza to, że np. w przypadku obszernych artykułów naukowych, które szeroko opisują konkretny problem, Google – w zależności od zapytania wprowadzonego w wyszukiwarce – może wybrać i zaprezentować użytkownikom wiele różnych jego fragmentów. Tworząc własne snippety Google korzysta również z danych strukturalnych, dlatego warto dodać je do swojej strony

Więcej informacji o danych strukturalnych znajdziesz w artykule Co to są dane strukturalne i dlaczego warto je stosować?. Z kolei w artykule Google uwzględni nasze preferencje dotyczące snippetów opisaliśmy, jak kontrolować sposób wyświetlania się snippetu w wynikach wyszukiwania.

Meta tag robots

Ten znacznik meta związany jest z indeksowaniem i udostępnianiem strony. Z jego pomocą można wskazać robotom wyszukiwarek, aby nie indeksowały lub nie śledziły treści, które się na danej podstronie znajdują

W ramach meta tagu robots można użyć deklaracji:

  • “noindex” – czyli wskazówki dla robota, że zabraniamy mu indeksować treść znajdującą się na danej podstronie (np. koszyk zakupowy w sklepie internetowym, panel logowania do konta na stronie, treść regulaminu czy polityki prywatności itp.);
  • “nofollow” – to z kolei sygnał dla robota, że ma nie podążać za linkami wychodzącymi, które napotka na tak oznaczonej podstronie.

A co z meta tagami “index” i “follow”? W zasadzie ich obecność w kodzie witryny jest zbędna, ponieważ roboty wyszukiwarek, o ile nie otrzymają sygnału o zakazie indeksowania konkretnych stron w pliku robots.txt, automatycznie traktują każdą stronę jako dostępną do indeksowania i śledzenia. 

Stosując je należy natomiast pamiętać, aby nie dawać robotom sprzecznych dyrektyw, np. zakazując indeksacji podstrony w pliku robots.txt, a jednocześnie pozostawiając w jej kodzie tag “index”. Taka sytuacja będzie skutkować pojawieniem się błędów krytycznych w Google Search Console.

Meta tag viewport

Obserwowany od blisko 20 lat błyskawiczny rozwój urządzeń mobilnych nie pozostał bez wpływu na internet i to, jak z niego korzystamy. Współcześnie większość wejść na strony www wykonywana jest z komórek i tabletów, które są zwykle pierwszym wyborem przeciętnego użytkownika internetu. 

Google do indeksacji i ustalania pozycji strony w wynikach wyszukiwania od lipca 2019 r. korzysta przeważnie z treści widocznej w jej mobilnej wersji (tutaj dowiedz się więcej o Mobile-First Indexing). Stąd tak istotne podczas tworzenia stron internetowych jest użycie meta tagu viewport, który przekazuje przeglądarce wytyczne dotyczące preferowanych wymiarów wyświetlania i skalowania strony na urządzeniach przenośnych

W ramach znacznika viewport można określić:

  • width – określa szerokość strony (np. width=device-width ustawi preferowaną szerokość strony równą szerokości ekranu urządzenia, na którym jest ona w danym momencie wyświetlana);
  • initial-scale – określa z kolei początkowy stopień powiększenia w chwili pierwszego ładowania strony w przeglądarce.

Meta tag open graph

To kolejny meta znacznik, który nie ma wpływu na pozycje strony w wynikach wyszukiwania, ale w świecie zdominowanym przez social media może przyczynić się do zwiększenia ruchu na stronie. W jaki sposób? 

Podczas dzielenia się z użytkownikami Facebooka, Twittera czy LinkedIn treścią, którą uważamy za wartościową lub ciekawą, nie wystarcza już wrzucenie samego linku na profil społecznościowy naszej firmy. 

Drugą istotną zaletą korzystania ze znaczników open graph jest możliwość budowania spójnego wizerunku firmy – opracowanie unikalnego stylu publikacji wpisów i konsekwentne jego użycie z czasem ugruntuje się w świadomości użytkownika i będzie kojarzone tylko z naszą marką.

Przydatny artykuł o tym, w jaki sposób dostosować meta tagi open graph do poszczególnych portali social mediów, opublikował np. Moz.

Meta tag charset

Meta tag charset deklaruje kodowanie znaków dokumentu. Ten element musi znajdować się w całości w obrębie pierwszych 1024 bajtów dokumentu. Jego pominięcie może mieć wpływ na to, czy treść (a zwłaszcza znaki specjalne) na stronie będzie wyświetlała się prawidłowo w przeglądarce. 

Co ważne, nie można kodować poszczególnych elementów strony HTML w kilku różnych kodowaniach.

Meta tag weryfikujący dla Google Search Console

Dodanie tagu HTML do kodu strony jest jedną z dopuszczalnych, aczkolwiek rzadziej używanych, form weryfikacji własności witryny w Google Search Console. Możesz go zastosować, jeśli nie masz możliwości dodania i opublikowania pliku HTML z kodem weryfikacyjnym lub nie korzystasz na stronie z Managera tagów Google ani kodów śledzenia Google Analytics.  

Meta tag google-site-verification, w którym umieszczamy indywidualny kod weryfikacyjny powiązany z naszym kontem Gmail, osadza się w sekcji <head> strony głównej witryny.

Relikty przeszłości – tych znaczników meta już się nie używa

Z biegiem lat wiele z popularnych i użytecznych meta tagów przestało mieć jakiekolwiek znaczenie od strony SEO. Oto kilka z nich:

Meta tag keywords

Trudno uwierzyć, ale wciąż często spotyka się jeszcze strony, które korzystają z tego znacznika meta. W czasach, gdy Google nie miało takich możliwości rozpoznawania treści znajdującej się na stronie jak obecnie, tag keywords był głównym miejscem, z którego robot czerpał informację o zawartości i tematyce strony. 

Wraz z doskonaleniem swoich narzędzi rozpoznawania i rozumienia treści, Google już w 2009 r. zrezygnowało z opierania się na informacjach zawartych w meta tagu keywords, kierując swoja uwagę na rzeczywistą zawartość strony.

Żartobliwie można powiedzieć, że skuteczność meta tagu keywords jest podobna do skuteczności meta tagu GooglePray, który – gdyby istniał – wyglądałby tak:

<meta name="GooglePray" content="Google, please rate me high by keyword opony" /> ;) 

Meta tag refresh redirect

Ten znacznik meta powodował odświeżenie strony i przeniesienie użytkownika na inny adres po wskazanym w tagu czasie. 

Zdecydowanie lepszym rozwiązaniem alternatywnym dla tego meta tagu jest po prostu korzystanie ze stałych lub czasowych przekierowań 301 i 302.

Meta tag revisit after

To kolejny archaiczny już meta tag, którego celem było wskazanie robotom, po jakim czasie powinny powrócić na daną stronę

Obecnie ten znacznik jest ignorowany przez Google jak i inne roboty wyszukiwarek, które na podstawie wykrytej częstotliwości pojawiania się na stronie nowych treści oraz modyfikacji tych już opublikowanych, same określają jak często do niej powracać.

Meta tag author i meta tag copyright

Służy do osadzenia w kodzie informacji, kto jest autorem strony. Jeśli ta sama informacja zawarta jest np. w stopce strony, nie ma potrzeby jej powielać.

Meta tag cache control

Ten znacznik ma wskazywać, jak często strona ma być buforowana w pamięci przeglądarki. Zdecydowanie lepszym rozwiązaniem jest dodanie polecenia o opróżnianiu pamięci podręcznej w HTTP niż w znaczniku meta, ponieważ umieszczenie ich w meta tagu może wpływać nie tylko na przeglądarkę, ale również na serwery proxy i inne podmioty pośredniczące, buforujące informacje. Jeśli natomiast chcemy, aby strona za każdym razem ładowała się bezpośrednio z serwera www, nic nie stoi na przeszkodzie, aby wykorzystać tag “no-cache”.