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ą tagi meta
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 | |
---|---|
opis |
<meta name="description" content="A description of the page"> |
roboty i Googlebot |
<meta name="robots" content="..., ..."> <meta name="googlebot" content="..., ..."> Te tagi Tag W przypadku kolidujących ze sobą tagów Wartości domyślne, których nie trzeba deklarować, to Tę samą informację możesz też umieścić w nagłówku strony, używając reguły nagłówka HTTP |
nositelinkssearchbox |
<meta name="google" content="nositelinkssearchbox"> Gdy użytkownicy szukają Twojej witryny, w wynikach wyszukiwania Google czasami wyświetla się pole wyszukiwania dotyczące Twojej witryny, a także inne bezpośrednie linki do niej. Ten tag informuje Google, że pole wyszukiwania z linkami do podstron nie powinno się wyświetlać. Więcej informacji o polu wyszukiwania z linkami do podstron |
notranslate |
<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 |
nopagereadaloud |
<meta name="google" content="nopagereadaloud"> Uniemożliwia różnym usługom zamiany tekstu na mowę Google odczytywanie stron internetowych na głos. |
google-site-verification |
<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 |
Typ treści i zestaw znaków |
<meta http-equiv="Content-Type" content="...; charset=..."> <meta charset="...">
Te tagi określają odpowiednio typ treści strony i zestaw znaków. Pamiętaj, aby wartość atrybutu |
odśwież |
<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 |
widoczny obszar |
<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 |
ocena |
<meta name="rating" content="adult"> <meta name="rating" content="RTA-5042-1996-1400-1577-RTA"> Oznacza etykietą stronę zawierającą treści o charakterze jednoznacznie seksualnym 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 tagachmeta
. -
Możesz też skorzystać z innych tagów
meta
, jeśli są one ważne dla witryny, ale Google zignoruje tagimeta
, 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ówmeta
, 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 | |
---|---|
Metatag słowa kluczowego |
<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 . |
Wartości next i prev atrybutu rel
|
<link rel="next" href="..."> <link rel="prev" href="..."> Google nie używa już tych tagów HTML |