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 |
|
---|---|
|
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. |
|
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 |
|
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 |
|
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. |
|
Uniemożliwia różnym usługom zamiany tekstu na mowę Google odczytywanie stron internetowych na głos. |
|
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 name i content 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. |
|
Ten zapis określa typ zawartości strony i zestaw używanych na niej znaków. Pamiętaj, by 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 |
|
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.
|
|
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
|
|
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
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ó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 | |
---|---|
<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. |