¿Qué son las metaetiquetas y para qué sirven…

Las metaetiquetas son etiquetas HTML especiales que proporcionan metadatos (información sobre el documento) para navegadores y motores de búsqueda. Se colocan en la sección <head> del documento HTML.

Los principales tipos de metaetiquetas y su propósito:

charset: Indica la codificación de caracteres de la página, por ejemplo, UTF-8. Es importante para la correcta visualización del texto.
```
<meta charset="UTF-8">
```
name="description": Define una breve descripción del contenido de la página. Es utilizada por los motores de búsqueda en los resultados.
```
<meta name="description" content="Descripción breve de tu página para motores de búsqueda.">
```
name="keywords": Lista de palabras clave que describen el contenido de la página. Su impacto en SEO ha disminuido, pero puede ser utilizada por algunos sistemas antiguos.
```
<meta name="keywords" content="palabra clave1, palabra clave2, palabra clave3">
```
name="viewport": Controla el escalado y las dimensiones del área de vista en dispositivos móviles. Es crucial para el diseño adaptable.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: El ancho del área de vista es igual al ancho de la pantalla del dispositivo.
- initial-scale=1.0: Escala inicial de la página al cargar.

name="robots": Indica a los robots de búsqueda las reglas de indexación de la página.

Tabla de valores del atributo content:

Valor	Descripción
`index`	Permite la indexación de la página.
`noindex`	Prohíbe la indexación de la página.
`follow`	Permite seguir los enlaces en la página e indexarlos.
`nofollow`	Prohíbe seguir los enlaces en la página.
`all`	Equivale a `index, follow`. (Valor predeterminado)
`none`	Equivale a `noindex, nofollow`.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards): Se utilizan para definir cómo se mostrará el contenido de la página al publicarse en redes sociales.

<meta property="og:title" content="Título para redes sociales">
<meta property="og:description" content="Descripción para redes sociales">
<meta property="og:image" content="URL de la imagen para vista previa">
<meta property="og:url" content="URL de la página">
<meta name="twitter:card" content="summary_large_image">

La necesidad de las metaetiquetas se resume en:

SEO (Optimización para Motores de Búsqueda): Ayudan a los motores de búsqueda a entender la temática y contenido de la página, influyendo en el posicionamiento y en la visualización en los resultados de búsqueda (especialmente description, keywords, robots).
UX (Experiencia del Usuario): Mejoran la visualización e interacción con la página en diferentes dispositivos (viewport).
Redes sociales: Determinan la apariencia atractiva del enlace al publicarse, aumentando la tasa de clics (property - Open Graph, Twitter Cards).
Información técnica: Proporcionan datos técnicos importantes para el navegador (por ejemplo, codificación).

El uso de metaetiquetas es obligatorio para crear páginas web correctas, optimizadas y fáciles de usar.

¿Qué son las metaetiquetas y para qué sirven?