Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Tagi meta i atrybuty obsługiwane przez Google

Na tej stronie wyjaśniamy, czym są tagi meta, jakie tagi meta i atrybuty HTML obsługuje Google w celu sterowania indeksowaniem, a także inne ważne kwestie, o których warto pamiętać podczas implementacji tagów meta w witrynie.

Tagi meta

Tagi meta to tagi HTML służące do udostępniania wyszukiwarkom i innym klientom dodatkowych informacji o stronie. Klienty przetwarzają metatagi i ignorują te, których nie obsługują. Tagi meta są dodawane do sekcji <head> strony HTML i zazwyczaj wyglądają tak:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price:  £9.24, Length: 784 pages">
    <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=">
    <title>Example Books - high-quality used books for children</title>
    <meta name="robots" content="noindex,nofollow">
  </head>
</html>

Google obsługuje te tagi meta:

Lista tagów meta obsługiwanych przez Google
<meta name="description" content="A description of the page"> Użyj tego tagu, by podać krótki opis strony. Czasami tekst ten jest wykorzystywany w krótkim opisie strony pokazywanym na stronie z wynikami wyszukiwania.
<meta name="robots" content="..., ...">

<meta name="googlebot" content="..., ...">

Te tagi meta sterują zachowaniem wyszukiwarek w zakresie skanowania i indeksowania stron.

Tag <meta name="robots" ... odnosi się do wszystkich wyszukiwarek, a tag <meta name="googlebot ... dotyczy tylko Google.

W przypadku kolidujących ze sobą tagów robots (lub googlebot) i meta zastosowanie ma bardziej restrykcyjny tag. Jeśli na przykład strona zawiera zarówno tag max-snippet:50, jak i nosnippet, zostanie zastosowany tag nosnippet.

Wartości domyślne, których nie trzeba deklarować, to index, follow. Pełną listę wartości obsługiwanych przez Google znajdziesz na liście prawidłowych dyrektyw.

Tę samą informację możesz też umieścić w nagłówku strony, używając dyrektywy nagłówka HTTP „X-Robots-Tag”. Jest to szczególnie przydatne, gdy chcesz ograniczyć indeksowanie plików w formacie innym niż HTML, takich jak pliki graficzne lub inne dokumenty. Więcej informacji o tagach meta pliku robots

<meta name="google" content="nositelinkssearchbox"> Gdy użytkownicy szukają Twojej witryny, w wynikach wyszukiwania Google czasami wyświetla się pole wyszukiwania, które jej dotyczy, a także inne bezpośrednie linki do niej. Ten metatag informuje Google, że pole wyszukiwania linków do podstron nie powinno się wyświetlać. Więcej informacji o polu wyszukiwania z linkami do podstron
<meta name="googlebot" content="notranslate"> Gdy wykryjemy, że treść strony jest w innym języku niż ten, z którego chce korzystać użytkownik, możemy w wynikach wyszukiwania podać link z przetłumaczonym tytułem i krótkim opisem. Jeśli użytkownik go kliknie, cała dalsza interakcja ze stroną będzie odbywać się przy użyciu Tłumacza Google, który będzie automatycznie tłumaczyć wszystkie linki klikane przez użytkownika. Dzięki temu masz szansę dotrzeć ze swoją unikatową i ciekawą witryną do znacznie szerszej grupy odbiorców. Jednak w niektórych sytuacjach takie działanie może być niepożądane. Ten tag meta informuje Google, że nie należy oferować tłumaczenia danej strony.
<meta name="google" content="nopagereadaloud"> Uniemożliwia różnym usługom zamiany tekstu na mowę Google odczytywanie stron internetowych na głos.
<meta name="google-site-verification" content="..."> Możesz użyć tego tagu na głównej stronie witryny, żeby potwierdzić jej własność w Search Console. Pamiętaj, że o ile wartości z atrybutami namecontent muszą dokładnie odpowiadać wyświetlanej zawartości (łącznie z użyciem małych lub dużych liter), nie ma znaczenia, czy zamienisz tag XHTML na HTML ani czy format tagu będzie odpowiadał formatowi strony.
<meta http-equiv="Content-Type" content="...; charset=...">
<meta charset="...">
Ten zapis określa typ zawartości strony i zestaw używanych na niej znaków. Pamiętaj, aby wartość atrybutu „content” znajdowała się w cudzysłowie. W przeciwnym razie może dojść do nieprawidłowej interpretacji wartości atrybutu „charset”. W miarę możliwości zalecamy używanie kodowania Unicode/UTF-8. Więcej informacji
<meta http-equiv="refresh" content="...;url=..."> Ten tag, powszechnie określany jako metaodświeżanie, po pewnym czasie odsyła użytkownika pod nowy adres URL. Czasem jest wykorzystywany jako prosta forma przekierowania. Nie jest on jednak obsługiwany przez niektóre przeglądarki i może dezorientować użytkowników. Jako alternatywę polecamy przekierowania 301 realizowane po stronie serwera.
<meta name="viewport" content="..."> Ten tag informuje przeglądarkę, jak renderować stronę na urządzeniu mobilnym. Jego obecność wskazuje Google, że strona jest dostosowana do urządzeń mobilnych. Więcej informacji o konfigurowaniu tagu viewport meta

<meta name="rating" content="adult">

<meta name="rating" content="RTA-5042-1996-1400-1577-RTA">

Oznacza etykietą stronę zawierającą treści dla dorosłych, aby zasygnalizować, że powinna ona zostać odfiltrowana w wynikach SafeSearch. Więcej informacji o oznaczaniu stron na potrzeby filtra SafeSearch

Atrybuty tagów HTML

Atrybuty tagów HTML to dodatkowe wartości tagów HTML, które konfigurują tag nadrzędny. Na przykład atrybut href tagu <a> konfiguruje zasób wskazywany przez tag kotwicy: <a href="https://example.com/"...>.

Na potrzeby indeksowania wyszukiwarka Google obsługuje ograniczoną liczbę atrybutów HTML. Atrybuty takie jak src i href są używane do wykrywania zasobów takich jak obrazy i adresy URL. Google obsługuje też różne atrybuty rel, które pozwalają właścicielom witryn na kwalifikowanie linków wychodzących.

Atrybut data-nosnippet tagów div, span i section pozwala wykluczyć fragmenty strony HTML z krótkich opisów.

Pozostałe uwagi

  • Google odczytuje tagi meta zapisane zarówno w formacie HTML, jak i XHTML, niezależnie od kodu przyjętego dla całej strony.
  • Aby umożliwić odczyt maszynowy, w sekcji head musisz używać prawidłowego kodu HTML, a w przypadku użycia atrybutów wszystkie tagi nadrzędne muszą być odpowiednio zamknięte.
  • Z wyjątkiem tagu google-site-verification wielkość liter zwykle nie ma znaczenia w tagach meta.
  • Możesz też skorzystać z innych tagów meta, jeśli są one ważne dla witryny, ale Google zignoruje tagi meta tagi, których nie obsługuje.
  • Jeśli rozważasz użycie kodu JavaScript do wstawiania lub zmiany tagów meta, zachowaj ostrożność. Zalecamy, aby w miarę możliwości nie korzystać z kodu JavaScript do wstawiania lub zmiany tagów meta, a jeśli jednak będzie to konieczne, należy dokładnie przetestować implementacje.
  • Aby sprawdzić tagi meta i atrybuty na swoich stronach, użyj narzędzia do sprawdzania adresów URL.

Nieobsługiwane tagi i atrybuty

Poniższe tagi i atrybuty nie są obsługiwane przez wyszukiwarkę Google i są ignorowane. Uwzględniliśmy je tutaj, ponieważ są bardzo popularne w języku HTML lub obsługiwaliśmy je w przeszłości.

Nieobsługiwane tagi i atrybuty
<meta name="keywords" content="..."> Metatag słowa kluczowego nie jest wykorzystywany przez wyszukiwarkę Google i nie ma żadnego wpływu na indeksowanie i ranking.
Atrybuty lang tagów HTML Wyszukiwarka Google wykrywa język strony na podstawie jej zawartości tekstowej. Nie zależy on od adnotacji w kodzie takich jak lang.
<link rel="next" href="...">

<link rel="prev" href="...">
Google nie używa już tych tagów HTML <link> i nie mają one wpływu na indeksowanie.