¿Alguna vez has oído hablar del metaelemento HTML? Es posible que no lo sepas, pero este pequeño pero poderoso elemento es esencial para el buen funcionamiento de cualquier sitio web. En este artículo de TIEngranaje, te explicaremos todo lo que necesitas saber sobre el metaelemento HTML, cómo utilizarlo y por qué es tan importante para el éxito de tu página web. ¡No te lo pierdas!
Los metadatos son simplemente, información sobre datos. En los documentos HTML, el <meta>
El elemento proporciona información a los navegadores sobre el documento HTML. La información de metadatos se no se mostrará en la página, pero será utilizado por el navegador web de alguna forma o manera.
Los metaelementos se utilizan para varias razones como agregar, palabras clave, una descripción de la página, el autor del documento, cuándo se modificó por última vez y otra información relacionada. El <meta>
elemento siempre se coloca dentro de la head
elemento como se muestra aquí:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page Title</title>
<meta name="description" content="a short description about this web page." />
<meta name="keywords" content="important words or phrases found on this page." />
</head>
<body>
<h1>Main heading</h1>
</body>
</html>
Estos son algunos de los más comunes. meta
elementos que incluirá en su documento HTML. Hay muchos más y puede definir el suyo propio en un esquema.
Derechos de autor
Esta etiqueta se utiliza para añadir información de derechos de autor a tu pagina
Descripción
Los motores de búsqueda a veces optan por utilizar descripciones para mostrarles los resultados de las búsquedas. Teniendo un la descripción ayudará sus usuarios tienen una mejor comprensión de la página, por lo que es más probable que hagan clic en su enlace.
Generador
Esta etiqueta no es obligatoria, pero si usas una aplicación de publicación web, la propia aplicación puede agregar esta etiqueta a su documento.
Robot de Google
Este atributo informa al motor de búsqueda de Google sobre indexación, archivandoy seguimiento de enlaces normas.
noarchive
– Evita que el motor de búsqueda de Google archive la página.nofollow
– Informa a Google que la página se puede indexar, pero no se deben seguir los enlaces.noindex
– Los robots de Google deben seguir los enlaces, pero no indexar la página.nosnippet
– Evite que el motor de búsqueda de Google guarde fragmentos y archive el documento.
Palabras clave
Las palabras clave le dicen al rastreador web cuál es el enfoque principal del documento. Puede ser utilizado por los motores de búsqueda, aunque muchos motores de búsqueda dejaron de usar palabras clave con respecto a la indexación de sus páginas.
Actualizar
La página web se mostrará durante un período de tiempo específico antes de actualizarse o cambiar a una nueva URL. Nota: para redirigir páginas, es preferible utilizar un Método de reescritura de URL.
Usando esto meta
atributo requiere el navegador para soportarlo. Puede que no funcione para todos sus visitantes.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web Page Title</title>
<meta http-equiv="refresh" content="0;URL='http://anotherhost.example.com/'" />
</head>
<body>
<p>
This page has moved to a <a href="http://anotherhost.example.com/">anotherhost.example.com</a>.
</p>
</body>
</html>
robots
Esta etiqueta no es obligatoria, pero puede usarse si desea instruir a las arañas web sobre cómo rastrear o no su sitio. Valores válidos para el CONTENT
atributo son: INDEX
, NOINDEX
, FOLLOW
, NOFOLLOW
.
Se permiten múltiples valores separados por comas, pero obviamente, solo algunas combinaciones tienen sentido. Si no hay robots <meta>
etiqueta, el valor predeterminado es INDEX,FOLLOW
, por lo que no es necesario utilizar esta etiqueta si esa es su intención. Otras posibilidades incluyen:
<meta name="ROBOTS" contnet="NOINDEX, FOLLOW">
<meta name="ROBOTS" contnet="INDEX, NOFOLLOW">
<meta name="ROBOTS" contnet="NOINDEX, NOFOLLOW">
Para obtener información más detallada sobre metadatos y atributos adicionales, visite W3.org’s pagina sobre este tema.