¿Qué son las metaetiquetas?

Las meta-etiquetas son etiquetas HTML utilizadas para proporcionar información meta sobre el documento HTML. Esta información no se muestra en la página, pero es utilizada por navegadores, motores de búsqueda y otros servicios web.

Principales tipos de meta-etiquetas:

Descripción de la página: meta name="description" proporciona una breve descripción del contenido de la página para los motores de búsqueda.
Palabras clave: meta name="keywords" (obsoleto, pero aún en uso) enumera palabras clave relacionadas con el contenido.
Autor: meta name="author" indica el autor del documento.
Codificación de caracteres: meta charset define la codificación del documento, por ejemplo, UTF-8.
```
<meta charset="UTF-8">
```
Vista: meta name="viewport" controla el tamaño y el escalado del área de vista en dispositivos móviles.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
Robots: meta name="robots" indica a los robots de búsqueda cómo indexar la página (por ejemplo, noindex, nofollow).

Otros meta-etiquetas comunes incluyen etiquetas para redes sociales (Open Graph para Facebook/VKontakte, Twitter Cards), etiquetas para gestionar el almacenamiento en caché y redirecciones.

Ejemplo de uso en un 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="Descripción de la página para motores de búsqueda.">
  <meta name="author" content="Nombre del Autor">
  <title>Título de la Página</title>
</head>
<body>
  <!-- Contenido de la página -->
</body>
</html>