Meta description w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest meta description?

Meta description to metainformacja umieszczana w sekcji <head> dokumentu HTML. Jej zadaniem jest krótki opis zawartości strony.

Przykład:

<head>
  <meta name="description" content="Strona zawiera poradniki HTML, CSS i JavaScript dla początkujących.">
</head>

W pytaniach egzaminacyjnych zapis może wystąpić także jako Description, ale w praktyce najczęściej stosuje się małe litery: description.

Do czego służy?

Meta description:
- opisuje temat i zawartość strony,
- może być wyświetlana przez wyszukiwarki w wynikach wyszukiwania,
- pomaga użytkownikowi ocenić, czy strona odpowiada na jego potrzeby,
- jest elementem związanym z SEO, czyli optymalizacją strony pod wyszukiwarki.

Czym meta description nie jest?

Nie należy mylić jej z innymi metainformacjami:

  • author — informacja o autorze strony,
  • keywords — lista słów kluczowych,
  • generator — nazwa programu lub systemu, w którym utworzono stronę.

Przykłady:

<meta name="author" content="Jan Kowalski">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="generator" content="Visual Studio Code">

Najważniejsze na egzamin

Jeżeli w kodzie HTML pojawia się:

<meta name="description" content="...">

to atrybut content powinien zawierać opis zawartości strony. Nie jest to lista słów kluczowych, autor ani nazwa aplikacji.