¿Qué es una metaetiqueta? – Definición y ejemplos

Publicado el 8 mayo, 2021

Tipos de metaetiquetas

¿Le gustaría ver otros ejemplos de metaetiquetas? Buscamos en uno las palabras clave; También hay metaetiquetas para el autor de la página web, la descripción del sitio y la última versión revisada de la página (entre otros). Todas nuestras metaetiquetas van en la sección de encabezado (o <head>), no en la sección de cuerpo (o <body>). Aquí hay un ejemplo de los tres que acabamos de mencionar:


Algunos ejemplos de metaetiquetas
ejemplos de metaetiquetas

Como puede ver, dentro de la sección <head>, el meta nombre de ‘autor’ está emparejado con el contenido (o el nombre del autor en este caso) ‘Sammy Sue’. La metainformación para la descripción del sitio y los detalles de la revisión viene inmediatamente después de eso, seguida de la etiqueta de cierre </head>.

También podemos hacer algunas cosas complicadas con las metaetiquetas. Podemos decirle a nuestra página web que redirija al usuario a otro lugar, lo que puede ser muy útil:


La metaetiqueta de redireccionamiento
redireccionar metaetiqueta

Como puede ver, en la sección <head>, usamos la metaetiqueta ‘refresh’ y la configuramos en tres segundos. Después de tres segundos, el navegador del usuario lo redireccionará a la URL que especificamos.

Incluso podemos usar una metaetiqueta para configurar cookies (realizar un seguimiento de lo que hacen los usuarios mientras visitan nuestra página web y guardarlo en su computadora). De esa manera, cuando esos mismos usuarios visiten nuestra página nuevamente, pueden continuar justo donde lo dejaron:


La metaetiqueta de cookies
metaetiqueta de cookies

Cuando un usuario visita nuestra página, la metaetiqueta anterior establecerá una cookie, que tiene su nombre de usuario (aquí estamos usando ‘sammy’ para simplificar) y que vencerá en una fecha futura determinada.

Metaetiquetas especiales

Debemos mencionar que hay algunas etiquetas muy comunes que técnicamente no son metaetiquetas. Las metaetiquetas son opcionales, mientras que algunas etiquetas se consideran necesarias según el W3C (ese es el Consorcio World Wide Web; se aseguran de que tengamos algún tipo de estándar). Pero tenga en cuenta que los ‘requisitos’ del W3C son solo pautas estándar, y sus páginas no tienen que seguirlas (aunque es una buena idea intentarlo). El ejemplo más obvio de estas etiquetas especiales es la etiqueta <title> ubicada dentro de la sección <head>. Aquí lo tienes. ¿Observa que tiene una etiqueta de cierre (</title>)?


La metaetiqueta del título
metaetiqueta del título

¡Eso es! ¡Acaba de aprender la mayor parte de lo que necesita saber para comenzar a usar metaetiquetas!

Resumen de la lección

¿Revisaremos rápidamente lo que aprendimos hoy? HTML usa etiquetas para agrupar información, y las metaetiquetas son un tipo especial de etiqueta que enumera información sobre nuestras páginas. Esta es información que queremos compartir, pero que no queremos que todos la vean. Las etiquetas regulares generalmente vienen en pares abiertos y cerrados (por ejemplo, <head>, </head>), pero las metaetiquetas no (a menos que estemos usando XHTML, pero eso es para otra lección).

Las metaetiquetas utilizan pares de nombre / valor para asociar una etiqueta con un poco de información. Algunos de los tipos de metaetiquetas son para palabras clave , el autor del sitio , la descripción del sitio y la información de revisión de la página web . Algunos trucos ingeniosos que podemos hacer con las metaetiquetas incluyen redirigir a los visitantes del sitio y agregar cookies . ¡Eso es practicamente todo! Con las metaetiquetas, puede ser como Navidad todos los días, con una etiqueta oculta en cada paquete.

5/5 - (7 votes)