O que são meta-tags?

As meta-tags são tags HTML usadas para fornecer informações meta sobre o documento HTML. Essas informações não são exibidas na página, mas são usadas por navegadores, motores de busca e outros serviços web.

Principais tipos de meta-tags:

Descrição da página: meta name="description" fornece uma breve descrição do conteúdo da página para motores de busca.
Palavras-chave: meta name="keywords" (obsoleto, mas ainda usado) enumera palavras-chave relacionadas com o conteúdo.
Autor: meta name="author" indica o autor do documento.
Codificação de caracteres: meta charset define a codificação do documento, por exemplo, UTF-8.
```
<meta charset="UTF-8">
```
Viewport: meta name="viewport" controla o tamanho e o escalonamento da área de visualização em dispositivos móveis.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
Robots: meta name="robots" indica aos robôs de busca como indexar a página (por exemplo, noindex, nofollow).

Outras meta-tags comuns incluem tags para redes sociais (Open Graph para Facebook/VK, Twitter Cards), tags para gestão de cache e redirecionamentos.

Exemplo de uso num documento 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="Descrição da página para motores de busca.">
  <meta name="author" content="Nome do Autor">
  <title>Título da Página</title>
</head>
<body>
  <!-- Conteúdo da página -->
</body>
</html>