Sobes.tech
Intern

Czym są meta-tagi?

sobes.tech AI

Odpowiedź od AI

Meta-tagi to tagi HTML używane do dostarczania informacji meta o dokumencie HTML. Te informacje nie są wyświetlane na stronie, ale są używane przez przeglądarki, wyszukiwarki i inne usługi internetowe.

Główne rodzaje meta-tagów:

  • Opis strony: meta name="description" zapewnia krótki opis zawartości strony dla wyszukiwarek.
  • Słowa kluczowe: meta name="keywords" (przestarzałe, ale czasami używane) wymienia słowa kluczowe związane z treścią.
  • Autor: meta name="author" wskazuje autora dokumentu.
  • Kodowanie znaków: meta charset określa kodowanie dokumentu, np. UTF-8.
    <meta charset="UTF-8">
    
  • Widok: meta name="viewport" kontroluje rozmiar i skalowanie obszaru widoku na urządzeniach mobilnych.
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
  • Roboty: meta name="robots" wskazuje robotom wyszukiwarek, jak indeksować stronę (np. noindex, nofollow).

Inne popularne meta-tagi obejmują tagi dla mediów społecznościowych (Open Graph dla Facebooka/VK, Twitter Cards), tagi do zarządzania pamięcią podręczną i przekierowaniami.

Przykład użycia w dokumencie HTML:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Opis strony dla wyszukiwarek.">
  <meta name="author" content="Imię autora">
  <title>Tytuł strony</title>
</head>
<body>
  <!-- Zawartość strony -->
</body>
</html>