Znaczniki meta wyjaśnione

Czym są meta tagi?

Meta tagi to elementy HTML, które znajdują się w sekcji nagłówka strony internetowej (w <head>) i dostarczają informacji o stronie, tzw. metadanych. Nie są widoczne dla odwiedzającego na samej stronie, ale są przeznaczone dla przeglądarek, wyszukiwarek i innych systemów, takich jak sieci społecznościowe. Mówiąc prościej, meta tagi to dodatkowe informacje działające w tle, które informują, o czym jest strona i jak powinna być traktowana.

W kontekście optymalizacji dla wyszukiwarek (SEO) meta tagi są klasycznym tematem. Ważne jest jednak ich zróżnicowane podejście, ponieważ nie wszystkie meta tagi są dziś nadal istotne. Niektóre wpływają na wygląd w wynikach wyszukiwania lub zachowanie podczas indeksowania, inne są od dawna ignorowane przez Google.

Gdzie znajdują się meta tagi?

Wszystkie meta tagi znajdują się w sekcji <head> dokumentu HTML, czyli jeszcze przed widoczną treścią. Typowa sekcja nagłówka może wyglądać na przykład tak:

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Przykładowa strona</title>
  <meta name="description" content="Krótki opis strony.">
</head>

Najważniejsze meta tagi – przegląd

Meta Description: Krótki opis zawartości strony, który często pojawia się jako tekst podglądu w wynikach wyszukiwania. Nie jest bezpośrednim czynnikiem rankingowym, ale wpływa na współczynnik klikalności (CTR) i posiada własny wpis w słowniku.
Meta Robots: Steruje tym, jak wyszukiwarki traktują stronę, np. czy ma być indeksowana (index), czy nie (noindex), oraz czy mają być śledzone linki na niej (follow lub nofollow). Jest to jeden z najważniejszych meta tagów dla technicznego SEO.
Meta Charset: Określa kodowanie znaków (najczęściej utf-8), aby prawidłowo wyświetlać znaki diakrytyczne i symbole specjalne.
Meta Viewport: Zapewnia dostosowanie strony do rozmiaru ekranu, co jest podstawą responsywnego designu i wyświetlania na urządzeniach mobilnych.

Dokładniejsze spojrzenie na meta tag Robots

Meta tag Robots zasługuje na szczególną uwagę, ponieważ bezpośrednio steruje indeksowaniem. Przykład:

<meta name="robots" content="noindex, follow">

Ta instrukcja mówi wyszukiwarkom: Nie umieszczaj tej strony w indeksie, ale śledź linki na niej. Ważny jest związek z plikiem robots.txt: Aby Google mogło odczytać noindex, strona musi być dostępna do indeksowania. Jeśli jednocześnie zablokujemy ją w robots.txt, uniemożliwimy odczytanie tej instrukcji. Dla plików innych niż HTML, takich jak PDF, tę samą funkcję pełni tag X-Robots.

Najważniejszy błąd: meta tag Keywords jest martwy

Uporczywym mitem jest meta tag Keywords, do którego kiedyś wpisywano docelowe słowa kluczowe strony. Ważne jest jasne określenie: Google całkowicie ignoruje ten tag od wielu lat. Nie ma on żadnego wpływu na ranking. W przeszłości był masowo nadużywany do spamu, dlatego od dawna stracił na znaczeniu. Wypełnianie meta tagu Keywords to strata czasu, a nawet może ujawnić konkurencji własną strategię słów kluczowych. Jeśli natrafisz na stare poradniki zalecające użycie tego tagu, powinieneś zignorować tę radę.

Meta tagi dla sieci społecznościowych: Open Graph

Specjalna grupa meta tagów kontroluje, jak wygląda link, gdy jest udostępniany w sieciach społecznościowych. Najbardziej znane są tagi Open Graph (rozpoznawalne po prefiksie og:), które pierwotnie wprowadził Facebook, a dziś są szeroko stosowane. Określają one, jaki tytuł, opis i obrazek podglądu mają się pojawić przy udostępnianiu:

<meta property="og:title" content="Tytuł przy udostępnianiu">
<meta property="og:description" content="Opis przy udostępnianiu">
<meta property="og:image" content="https://www.przyklad.pl/obraz.jpg">

Choć te tagi nie są bezpośrednim czynnikiem rankingowym, wpływają na to, jak atrakcyjnie wygląda udostępniony link, a tym samym na to, jak często jest klikany. Dla marketingu w mediach społecznościowych są więc bardzo cenne.

Które meta tagi są dziś naprawdę ważne?

Ważne i istotne: Meta Description (dla współczynnika klikalności), Meta Robots (do sterowania indeksowaniem), Meta Charset i Meta Viewport (podstawy techniczne) oraz tagi Open Graph (do udostępniania).
Bez znaczenia: Meta tag Keywords.

Ważne wyjaśnienie na marginesie: Tytuł strony (<title>) formalnie nie jest meta tagiem, lecz osobnym elementem HTML. Ponieważ jednak znajduje się w <head> i jest bardzo ważny dla SEO, często jest wymieniany w tym samym kontekście.

Podsumowanie

Meta tagi to niewidoczne informacje w sekcji nagłówka strony internetowej, które przekazują przeglądarkom, wyszukiwarkom i sieciom społecznościowym, o czym jest strona i jak powinna być traktowana. Kluczowe jest rozróżnienie między istotnymi a przestarzałymi: Meta Description, Meta Robots, Charset i Viewport oraz tagi Open Graph są dziś ważne, podczas gdy meta tag Keywords jest całkowicie bez znaczenia. Prawidłowo użyte, meta tagi zapewniają, że strona jest technicznie poprawnie wyświetlana, właściwie indeksowana, atrakcyjnie prezentowana w wynikach wyszukiwania i zachęcająco udostępniana w sieciach społecznościowych. Stanowią tym samym podstawę technicznie dobrze przygotowanej strony internetowej.