La etiqueta <meta> en HTML es un elemento que se utiliza para proporcionar información adicional, también conocida como metadatos, sobre un documento HTML. Esta información no es visible para los usuarios que visitan la página web, pero es importante para los navegadores, los motores de búsqueda y otras herramientas que procesan la página.
Hablemos sobre la etiqueta...
A continuación se muestran ejemplos de como emplear esta etiqueta...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Define cómo se debe adaptar la página web a diferentes dispositivos y tamaños de pantalla.
<meta charset="utf-8">
Especifica la codificación de caracteres del documento HTML, permitiendo una correcta visualización de los caracteres especiales.
<meta name="description" content="Info...">
Proporciona una breve descripción del contenido de la página web, útil para los motores de búsqueda y para mostrar información en las redes sociales.
<meta name="keywords" content="palabra1, palabra2, palabra3">
Indica las palabras clave relevantes para el contenido de la página web, ayudando a los motores de búsqueda a indexarla correctamente.
<meta name="robots" content="index,follow">
Indica a los robots de búsqueda cómo deben indexar la página web. En este caso, se les permite indexarla y seguir los enlaces que contiene.
<meta name="author" content="Nombre del autor">
Especifica el nombre del autor del contenido de la página web.
<meta name="copyright" content="© 2024 Nombre del autor">
Indica el año y el nombre del propietario de los derechos de autor del contenido de la página web.
<meta http-equiv="refresh" content="5;url=https://www.ejemplo.com">
Redirige automáticamente al usuario a otra página web después de 5 segundos.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Similar a la etiqueta 'charset', define el tipo de contenido y la codificación de caracteres del documento HTML.
<meta http-equiv="pragma" content="no-cache"> .
Indica al navegador que no debe almacenar en caché la página web.