Meta Tags
Contenido
¿Qué son las Meta Tags o etiquetas meta?
Las meta tags, metaetiquetas o etiquetas meta son breves líneas de código HTML que se ubican en la sección head (cabecera) de las páginas web HTML o XHTML y sirven para especificar con mayor precisión el contenido de una página a los motores de búsqueda u otros servicios web.
Esta información adicional puede ser su autoría, la codificación de caracteres o una breve descripción de la página entre otras cosas.
Los siguientes atributos están disponibles para meta tags en HTML5: codificación de caracteres, nombre, contenido y http-equiv, mientras que el atributo esquema ("scheme") no es compatible.
W3C (World Wide Web Consortium) establece que las metaetiquetas deben colocarse en la cabecera de un documento HTML. Su estructura es siempre la misma:
<meta name="nombre-del-elemento" content="contenido">
En primer lugar, se especifica el nombre de etiqueta del elemento y, posteriormente, se le asigna un valor. Es obligatorio pasar etiquetas meta como pares de nombre/valor.
Meta tags que son relevantes para los buscadores
Aunque generalmente son invisibles para las y los visitantes de una página, las meta tags brindan información importante a los buscadores para que entiendan, categoricen e indexen las páginas de un sitio correctamente.
En el pasado, las meta tags eran un factor clave de posicionamiento y, en consecuencia, indispensables para el SEO. En aquellos entonces además era relativamente fácil influir en el ranking de una página en los resultados de búsqueda.
En la actualidad, sin embargo, la mayoría de las etiquetas meta han perdido gran parte de su importancia por este motivo. A pesar de ello, existen varias tags que todavía son esenciales a la hora de crear webs, entre las que encontramos:
Description
El meta elemento description, como su nombre indica, permite una descripción detallada del contenido de la página. Ejemplo:
<meta name="description" content="Comprueba tu web gratis con el Software SEO y las herramientas de Seobility: sigue los consejos de optimización on page para mejorar tu posicionamiento en Google">
La meta descripción se suele mostrar en los resultados de búsqueda, por lo que tiene un gran impacto en el CTR de una página.
Content type
La etiqueta Content Type (cabecera HTTP) indica qué conjunto de caracteres se usa en el documento.
Es muy importante especificarlo porque de lo contrario, y por poner un ejemplo, no se podrían visualizar las tildes y las diéresis que el idioma inglés no posee, pero que son muy importantes en el español o el alemán. Esta meta tag se coloca junto con los caracteres ISO si se usa el formato “text/html” o el “text/richtext”, separados por un punto y coma.
Ejemplo:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
- ISO-8859-1 corresponde a la codificación de caracteres del alfabeto latino como el español, el alemán y el inglés, entre otros idiomas sobre todo de Europa occidental.
- ISO-8859-2 se usa en el idioma eslavo y en algunos otros idiomas centroeuropeos.
- ISO-8859-3 está pensado para el turco y el maltés, entre otros.
En lugar del conjunto de caracteres ISO respectivo, también se puede especificar la codificación UTF-8. UTF-8 es la codificación más utilizada para caracteres Unicode, que es el juego de caracteres que contiene todos los conocidos del mundo.
En HTML5 solo se usa el atributo charset en lugar de metaetiquetas de tipo de contenido.
Robots
Gracias a ella se le notifica a las arañas web o rastreadores qué información de la página deben analizar y cual deben ignorar. Ejemplo:
<meta name="robots" content="nofollow">
El valor nofollow indica a los rastreadores que no sigan los enlaces de un sitio. Otros valores posibles para las metaetiquetas de robots son:
- Noindex: la página respectiva no debería aparecer en los resultados de búsqueda.
- noarchive: los resultados de búsqueda no deben mostrar la versión de una página almacenada en el Caché de Google.
- nosnippet: ningún extracto de una página (ni texto ni video) debe mostrarse en los resultados.
- noimageindex: las arañas web únicamente pueden indexar el texto, pero no las imágenes de una página.
- notranslate: Google no debería traducir una página a través de Google Translate.
Refresh
Refresh (refrescar) se usa para recargar/actualizar una página después de cierto tiempo o para conseguir la redirección de las visitas hacia otra. Ejemplo:
<meta http-equiv="refresh" content="5;url=https://www.seobility.net">
Al especificar 5 y la URL, se producirá un redireccionamiento al sitio de Seobility después de 5 segundos. Actualmente, no obstante, los navegadores permiten la desactivación de las etiquetas de actualización.
Revisit
Esta etiqueta contiene una petición de revisitar un sitio tras un período de tiempo definido. Ejemplo:
<meta name="revisit" content="10 days">
o también
<meta name="revisit-after" content="10 days">
“Revisit” y “revisit-after” indican el momento en que una página debe analizarse nuevamente para obtener actualizaciones. Esta etiqueta siempre debe especificarse si el contenido de un sitio web cambia regularmente, dado que así se evita que una versión desactualizada de una página se encuentre en el índice de un buscador y que se muestre en los resultados de ese modo.
Ampliar conocimientos
| Sobre las autoras y autores: |
 |
Contenidos relacionados