Hispanopedia Wiki
Articulo de referencia

Elemento meta

Los elementos meta son etiquetas que se utilizan en documentos HTML y XHTML para proporcionar metadatos estructurados sobre una página web . Forman parte de la head sección de u...

Hispanopedia WikiContenido en espanolLectura gratuita

Los elementos meta son etiquetas que se utilizan en documentos HTML y XHTML para proporcionar metadatos estructurados sobre una página web . Forman parte de la headsección de una página web, y el término meta indica que son una forma de autorreferencia. Se pueden utilizar varios elementos meta con diferentes atributos en la misma página. Los elementos meta se pueden usar para especificar la descripción de la página, palabras clave y cualquier otro metadato no proporcionado a través de los demás headelementos y atributos. [ 1 ]

El elemento meta tiene dos usos: emular el uso de un campo de encabezado de respuesta HTTP o incrustar metadatos adicionales dentro del documento HTML.

Con HTML hasta HTML 4.01 inclusive y XHTML, había cuatro atributos válidos: content, http-equiv, namey scheme. En HTML 5 , charsetse ha añadido y schemese ha eliminado. http-equivse utiliza para emular un encabezado HTTP y namepara incrustar metadatos. El valor de la declaración, en ambos casos, está contenido en el contentatributo, que es el único atributo obligatorio a menos que charsetse proporcione. charsetse utiliza para indicar el conjunto de caracteres del documento y está disponible en HTML5.

Dichos elementos deben colocarse como etiquetas en la headsección <head> de un documento HTML o XHTML .

Ejemplos del metaelemento

metaLos elementos pueden especificar encabezados HTTP que deben enviarse antes del contenido real cuando la página HTML se sirve desde el servidor web al cliente. Por ejemplo:

< meta charset = "utf-8" >

como alternativa al encabezado de respuesta Content-Type:para indicar el tipo de medio y, lo que se necesita con más frecuencia, la codificación de caracteres UTF-8 .

Las metaetiquetas se pueden utilizar para describir el contenido de la página:

< meta name = "description" content = "La Administración Federal de Aviación es un organismo operativo del Departamento de Transporte de los Estados Unidos." >

En este ejemplo, el metaelemento describe el contenido de una página web.

Elemento meta utilizado en la optimización de motores de búsqueda

Los metaelementos proporcionan información sobre la página web, que los motores de búsqueda pueden utilizar para ayudar a categorizar la página correctamente.

Han sido el foco de un campo de investigación de marketing conocido como optimización para motores de búsqueda (SEO), donde se utilizan diferentes métodos para proporcionar a un sitio web de un usuario una clasificación más alta en los motores de búsqueda. Antes del auge del análisis de contenido por parte de los motores de búsqueda a mediados de la década de 1990 (sobre todo Google), los motores de búsqueda dependían de los metadatos para clasificar correctamente una página web y los webmasters aprendieron rápidamente la importancia comercial de tener el elemento meta correcto. La comunidad de motores de búsqueda ahora está dividida en cuanto al valor de las metaetiquetas. Algunos afirman que no tienen valor, otros que son fundamentales, mientras que muchos simplemente concluyen que no hay una respuesta clara pero, como no hacen daño, las usan por si acaso. Google [ 2 ] afirma que admite las metaetiquetas "description", "robots", "google", "google-site-verification", "content-type", "refresh" y "google-bot".

Los robots de los principales motores de búsqueda consideran muchos factores para determinar el posicionamiento de una página, y las metaetiquetas solo representan una parte. Además, la mayoría de los motores de búsqueda modifican sus reglas de posicionamiento con frecuencia. Google, por ejemplo, actualiza sus reglas cada 48 horas. En estas circunstancias, resulta difícil comprender con precisión el papel de las metaetiquetas en el SEO.

El keywordsatributo

El keywordsatributo fue popularizado por motores de búsqueda como Infoseek y AltaVista en 1995, y su popularidad creció rápidamente hasta convertirse en uno de los metaelementos más utilizados. [ 3 ]

No existe consenso sobre si el keywordsatributo tiene algún efecto en el posicionamiento en alguno de los principales motores de búsqueda actuales. Se especula que sí lo tiene si las palabras clave utilizadas en el atributo metatambién se pueden encontrar en el texto de la página. Con respecto a Google , treinta y siete líderes en optimización de motores de búsqueda concluyeron en abril de 2007 que la relevancia de tener palabras clave en el atributo es poca o ninguna [ 4 ] y en septiembre de 2009 Matt Cutts de Google anunció que ya no tenían en cuenta las palabras clave en absoluto. [ 5 ] Sin embargo, ambos artículos sugieren que Yahoo! todavía utiliza la metaetiqueta de palabras clave en algunos de sus rankings. Yahoo! afirma apoyar la metaetiqueta de palabras clave junto con otros factores para mejorar los rankings de búsqueda. [ 6 ] En octubre de 2009 Search Engine Round Table anunció que "Yahoo también abandona la metaetiqueta de palabras clave" [ 7 ] pero luego informó que el anuncio hecho por el director sénior de búsqueda de Yahoo! era incorrecto. [ 8 ] En la declaración corregida Yahoo! El director sénior de búsqueda afirma que "...Lo que cambió con los algoritmos de clasificación de Yahoo es que, si bien seguimos indexando la etiqueta meta de palabras clave, la importancia de clasificación que se le da a las etiquetas meta de palabras clave recibe la señal de clasificación más baja en nuestro sistema... en realidad tendrá menos efecto que introducir esas mismas palabras en el cuerpo del documento o en cualquier otra sección". [ 8 ] En septiembre de 2012, Google [ 9 ] anunció que consideraría la etiqueta meta de palabras clave para los editores de noticias. Google dijo que esto podría ayudar a que el contenido valioso se viera. La sintaxis de la meta de palabras clave de noticias tiene una sutil diferencia con la etiqueta meta de palabras clave personalizadas; se denota por "news_keywords", mientras que la etiqueta meta de palabras clave personalizadas se denota por "keywords". Google Noticias ya no tiene en cuenta las palabras clave anunciadas por news_keywords. [ 10 ]metakeywords

El atributo Título

Según Moz, "las etiquetas de título son el segundo factor más importante en la página para el SEO, después del contenido". [ 11 ] Transmiten a los motores de búsqueda de qué trata una página determinada. Antes, era práctica habitual en SEO incluir las palabras clave principales y secundarias en el título para mejorar el posicionamiento. Google ha pasado por varias iteraciones mostrando cantidades cortas o largas de contenido dentro de las etiquetas de título.

En cualquier caso, las etiquetas de título siguen teniendo importancia de tres maneras diferentes.

  • Se muestran como título de página en los resultados de búsqueda (e influyen en el comportamiento del usuario con respecto a hacer clic en resultados específicos).
  • Los navegadores web los muestran nombrando las pestañas abiertas; como el título es visible al pasar el cursor por encima, esto resulta especialmente útil cuando hay demasiadas pestañas abiertas y solo se ve el favicon de cada página (si está disponible).
  • Al igual que en los resultados de búsqueda, los títulos son visibles cuando se publican enlaces de páginas en las redes sociales, y esto también comunica a los usuarios de qué trata el enlace.

El robotsatributo

El robotsatributo, compatible con varios motores de búsqueda importantes, [ 12 ] controla si los robots de los motores de búsqueda pueden indexar una página o no, y si deben seguir los enlaces de una página o no. El atributo puede contener uno o más valores separados por comas. El valor impide que una página se indexe y que se rastreen los enlaces . Otros valores reconocidos por uno o más motores de búsqueda pueden influir en cómo el motor indexa las páginas y cómo aparecen esas páginas en los resultados de búsqueda. Estos incluyen , que indica a un motor de búsqueda que no almacene una copia archivada de la página, y , que solicita que el motor de búsqueda no incluya un fragmento de la página junto con la lista de la página en los resultados de búsqueda. [ 13 ]noindexnofollownoarchivenosnippet

Las metaetiquetas son una de las mejores opciones para evitar que los motores de búsqueda indexen el contenido de un sitio web. [ 14 ]

Atributos adicionales para los motores de búsqueda

NOODP

Los motores de búsqueda Google , Yahoo! y MSN utilizaron en algunos casos el título y el resumen de la ficha de DMOZ (también conocido como Open Directory Project) de un sitio web para el título y/o la descripción (también llamado fragmento o resumen) en las páginas de resultados del motor de búsqueda (SERP). Para dar a los webmasters la opción de especificar que el contenido del Open Directory Project no debe usarse para las fichas de su sitio web, Microsoft introdujo en mayo de 2006 el nuevo NOODPvalor " " para el robotselemento " " de las metaetiquetas. [ 15 ] Google siguió en julio de 2006 [ 16 ] y Yahoo! en octubre de 2006. [ 17 ]

En 2017, Google informó que había dejado de usar DMOZ , tras su cierre; por lo tanto, la directiva NOODP se ignora desde entonces. [ 18 ]

La sintaxis es la misma para todos los motores de búsqueda que admiten la etiqueta.

< meta name = "robots" content = "noodp" >

Los webmasters pueden decidir si desean prohibir el uso de su listado ODP para cada motor de búsqueda.

Google:

< meta nombre = "googlebot" contenido = "noodp" >

Yahoo!

< meta name = "Slurp" content = "noodp" >

MSN y Live Search (a través de bingbot , anteriormente msnbot ):

< meta nombre = "bingbot" contenido = "noodp" >
NOYDIR

Yahoo! coloca contenido de su propio directorio Yahoo! junto al listado de ODP. En 2007 introdujeron una metaetiqueta que permite a los diseñadores web optar por no participar. [ 19 ]

Agregar esta NOYDIRetiqueta a una página impedirá que Yahoo! muestre los títulos y resúmenes del Directorio de Yahoo !.

< meta name = "robots" content = "noydir" > < meta name = "Slurp" content = "noydir" >

Efecto en la búsqueda

Google no utiliza palabras clave HTML ni elementos de metaetiquetas para la indexación. La directora de investigación de Google, Monika Henzinger , declaró (en 2002): «Actualmente no confiamos en los metadatos porque tememos ser manipulados». [ 20 ] Otros motores de búsqueda desarrollaron técnicas para penalizar a los sitios web que se consideran que «hacen trampa». Por ejemplo, un sitio web que repite la misma metapalabra clave varias veces puede ver reducida su clasificación por un motor de búsqueda que intenta eliminar esta práctica, aunque es poco probable. Es más probable que un motor de búsqueda ignore por completo el elemento de metapalabra clave, y la mayoría lo hace independientemente de cuántas palabras se utilicen en el elemento.

Sin embargo, Google utiliza elementos de metaetiquetas para mostrar los enlaces del sitio. Las etiquetas de título se utilizan para crear el enlace en los resultados de búsqueda:

<title> Nombre del sitio - Título de la página - Descripción de la palabra clave </title>

La meta descripción suele aparecer en los resultados de búsqueda de Google para describir el enlace:

< meta name = "description" content = "Aquí aparece una breve descripción del contenido de la página" >

Además, la startup de búsqueda empresarial Swiftype considera las metaetiquetas como un mecanismo para señalar la relevancia para los motores de búsqueda de su sitio web, incluso introduciendo su propia extensión llamada Meta Tags 2. [ 21 ]

Redirecciones

Los elementos meta refresh pueden utilizarse para indicar a un navegador web que actualice automáticamente una página web tras un intervalo de tiempo determinado. También es posible especificar una URL alternativa y utilizar esta técnica para redirigir al usuario a una ubicación diferente. La actualización automática mediante un elemento META se ha desaconsejado durante más de diez años [ 22 ] y ya se consideraba problemática con anterioridad [ 22 ] .

El W3C sugiere que los agentes de usuario deberían permitir a los usuarios desactivarlo; de lo contrario, las páginas web no deberían usar la función de actualización automática (META refresh). En la configuración de seguridad de Internet Explorer, dentro de la categoría "Varios", el usuario puede desactivar la actualización automática, deshabilitando así su capacidad de redireccionamiento. En Mozilla Firefox, se puede desactivar en el archivo de configuración con la clave "accessibility.blockautorefresh". [ 23 ]

Muchos tutoriales de diseño web también señalan que la redirección del lado del cliente suele interferir con el funcionamiento normal del botón "atrás" del navegador. Tras ser redirigido, al pulsar el botón "atrás" el usuario regresa a la página de redirección, que lo redirige de nuevo. Sin embargo, algunos navegadores modernos parecen solucionar este problema, como Safari , Mozilla Firefox y Opera .

Las redirecciones automáticas mediante marcado (a diferencia de las redirecciones del lado del servidor) no cumplen con las Pautas de Accesibilidad para el Contenido Web (WCAG) 1.0 del W3C (pauta 7.5). [ 24 ]

encabezados de mensajes HTTP

Los elementos meta del formulario <meta http-equiv="foo" content="bar">pueden usarse como alternativas a los encabezados HTTP. Por ejemplo, <meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">le indicaría al navegador que la página "expira" el 21 de junio de 2006 a las 14:25:27 GMT y que puede almacenar en caché la página de forma segura hasta entonces. La especificación HTML 4.01 permite opcionalmente que esta etiqueta sea analizada por los servidores HTTP y establecida como parte de los encabezados de respuesta HTTP, [ 25 ] pero actualmente ningún servidor web implementa este comportamiento. [ 26 ] En cambio, el agente de usuario emula el comportamiento para algunos encabezados HTTP como si se hubieran enviado en el propio encabezado de respuesta.

Alternativa a metalos elementos

Algunos elementos y atributos HTML ya manejan ciertos datos meta y pueden ser utilizados por los autores en lugar de META para especificar esos datos: el elemento TITLE, el elemento ADDRESS, los elementos INS y DEL, el atributo title y el atributo cite. [ 27 ]

Una alternativa a metalos elementos que facilitan el acceso temático en un sitio web es el uso de un índice al estilo de los índices de libros. Consulte el sitio web de la Sociedad Americana de Indexadores para ver un ejemplo.

En 1994, ALIWEB también utilizó un archivo de índice para proporcionar el tipo de información que se encuentra comúnmente en los atributos de las meta palabras clave.

En los casos en que el valor del atributo content es una URL, muchos autores deciden usar también un elemento link con un valor adecuado para su atributo rel. [ 27 ]

Para una comparación sobre cuándo es mejor usar encabezados HTTP, metaelementos o atributos en el caso de la especificación de lenguaje: consulte aquí .

Véase también

Referencias

  1. ↑ "Etiqueta meta HTML" . www.w3schools.com . Consultado el 22 de abril de 2021 .
  2. ↑ "Metaetiquetas que Google entiende – Ayuda de Search Console" . support.google.com . Consultado el 15 de octubre de 2018 .
  3. ↑ Estadística (4 de junio de 1997), Atributos META por recuento , Páginas web de Vancouver , consultado el 3 de junio de 2007
  4. ↑ "En 2007, 37 líderes en optimización de motores de búsqueda concluyeron que tener palabras clave en el atributo de palabras clave es poco o nada útil." Blog de Sanger.nu, 9 de septiembre de 2008. Consultado el 2 de agosto de 2011. Archivado el 21 de febrero de 2009 en Wayback Machine.
  5. ↑ "Google no utiliza la metaetiqueta de palabras clave en el posicionamiento web" Blog de Google Webmaster Central, 21 de septiembre de 2009, consultado el 21 de septiembre de 2009.
  6. ↑ Preguntas frecuentes de Yahoo!, ¿Cómo puedo mejorar el posicionamiento de mi sitio web en los resultados de búsqueda?, Yahoo.com ,consultado el 12 de noviembre de 2008.
  7. ↑ "Yahoo también elimina la etiqueta de palabras clave meta" Mesa redonda sobre SEO, 8 de octubre de 2009, consultado el 22 de abril de 2011.
  8. 1 2 "El director sénior de búsqueda de Yahoo se equivocó: Yahoo sigue utilizando meta palabras clave" SEO Roundtable, 16 de octubre de 2009, consultado el 22 de abril de 2011.
  9. ↑ "Una nueva forma de etiquetar tus artículos de noticias" . Blog de Google Noticias . Consultado el 15 de octubre de 2018 .
  10. ↑ "¿Siguen funcionando las palabras clave de metanoticias  ?" , Comunidad del Centro de Editores de Google , consultado el 6 de marzo de 2020.
  11. ↑ "Factores de posicionamiento en la página: mejores prácticas de SEO" . Moz . 24 de abril de 2017. Consultado el 25 de abril de 2017 .
  12. ↑ Vanessa Fox, Uso de la metaetiqueta robots , Blog oficial de Google Webmaster Central, 3/05/2007
  13. ↑ Danny Sullivan (5 de marzo de 2007), Meta Robots Tag 101: Bloqueo de arañas, páginas en caché y más. Archivado el 27 de septiembre de 2008 en Wayback Machine , SearchEngineLand.com , consultado el 3 de junio de 2007.
  14. ↑ Si bloqueo el rastreo de una página por parte de Google mediante una directiva disallow en robots.txt, ¿desaparecerá de los resultados de búsqueda? , developers.google.com , consultado el 26 de julio de 2013
  15. ↑ Betsy Aoki (22 de mayo de 2006), Cómo optar por no aparecer en los listados de directorios abiertos para webmasters , Blog de Live Search , consultado el 3 de junio de 2007.
  16. ↑ Vanessa Fox (13 de julio de 2006), Más control sobre los fragmentos de página , Inside Google Sitemaps , consultado el 3 de junio de 2007.
  17. ↑ Yahoo! Search (24 de octubre de 2006), Actualización del tiempo de Yahoo! Search y compatibilidad con 'NOODP' Archivado el 18 de octubre de 2008 en Wayback Machine , Blog de Yahoo! Search , consultado el 3 de junio de 2007
  18. ↑ Mejores fragmentos para tus usuarios
  19. ↑ Yahoo! Search (28 de febrero de 2007), Soporte de Yahoo! Search para las metaetiquetas 'NOYDIR' y actualización del clima. Archivado el 6 de noviembre de 2008 en Wayback Machine , Blog de Yahoo! Search , consultado el 3 de junio de 2007.
  20. ↑ Greta de Groat (2002). "Perspectivas sobre la Web y Google: Monika Henzinger , Directora de Investigación de Google", Journal of Internet Cataloging , Vol. 5(1), pp. 17–28, 2002.
  21. ↑ "Meta Tags 2" . Swiftype . 10 de marzo de 2014. Consultado el 8 de noviembre de 2017 .
  22. 1 2 "¡Bienvenido al centro comercial virtual!" . www.w3.org . Consultado el 15 de octubre de 2018 .
  23. ↑ Accesibilidad.bloquearactualizaciónautomática mozillaZine, archivado el 2 de junio de 2009 desde el original
  24. ↑ Recomendación del W3C (5 de mayo de 1999), Directrices de accesibilidad al contenido web 1.0 – Directriz 7. W3.org , consultado el 28 de septiembre de 2007.
  25. ↑ Recomendación del W3C (24 de diciembre de 1999), Especificación HTML 4.01 . W3.org , consultado el 24 de julio de 2012.
  26. ↑ Stack Overflow , meta http-equiv: ¿se envía como parte de un encabezado HTTP o el cliente analiza el cuerpo en busca de metaetiquetas?, de una charla técnica de London Web Standards.
  27. 1 2 "La estructura global de un documento HTML" . www.w3.org . Consultado el 15 de octubre de 2018 .