Los metaelementos son etiquetas utilizadas en documentos HTML y XHTML para proporcionar metadatos estructurados sobre una página web . Forman parte de laheadsección de una página web. Se pueden utilizarvarios metaelementos con diferentes atributos en la misma página. Los metaelementos se pueden utilizar para especificar la descripción de la página, palabras clave y cualquier otro metadato no proporcionado a través de otrosheadelementos 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 y XHTML inclusive, había cuatro atributos válidos : content, http-equivy name. schemeEn HTML 5 , charsetse ha agregado y schemese ha eliminado. http-equivse utiliza para emular un encabezado HTTP e nameincrustar metadatos. El valor de la declaración, en cualquier caso, está contenido en el contentatributo, que es el único atributo requerido a menos que charsetse proporcione. charsetse utiliza para indicar el juego de caracteres del documento y está disponible en HTML5.
Dichos elementos deben colocarse como etiquetas en la headsección de un documento HTML o XHTML .
metaLos elementos pueden especificar encabezados HTTP que deben enviarse antes del contenido real cuando la página HTML se entrega desde el servidor web al cliente. Por ejemplo:
< meta juego de caracteres = "utf-8" >como alternativa al encabezado de respuesta Content-Type:para indicar el tipo de medio y, más comúnmente necesario, 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 modo operativo del Departamento de Transporte de EE. UU." >En este ejemplo, el metaelemento describe el contenido de una página web.
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 mercados conocido como optimización de motores de búsqueda (SEO), donde se utilizan diferentes métodos para proporcionar al 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 metaelemento 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, los usan por si acaso. Google [2] afirma que admite las metaetiquetas "content", "robots", "google", "google-site-verification", "content-type", "refresh" y "google-bot".
Los principales robots de los motores de búsqueda analizan muchos factores al determinar cómo clasificar una página de las cuales las metaetiquetas solo formarán una parte. Además, la mayoría de los motores de búsqueda cambian sus reglas de clasificación con frecuencia. Google ha declarado que actualiza sus reglas de clasificación cada 48 horas. En tales circunstancias, es poco probable una comprensión definitiva del papel de las metaetiquetas en SEO.
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 la clasificación en cualquiera de los principales motores de búsqueda actuales. Se especula [ ¿por quién? ] que lo hace si las palabras clave utilizadas en el metatambién se pueden encontrar en la copia de la página. [ cita necesaria ] 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 metaatributo - keywordses poca o ninguna [4] y en septiembre de 2009 Matt Cutts de Google anunció que eran Ya no se tienen en cuenta las palabras clave. [5] Sin embargo, ambos artículos sugieren que Yahoo! todavía utiliza la metaetiqueta de palabras clave en algunas de sus clasificaciones. Yahoo! El mismo afirma ser compatible con la metaetiqueta de palabras clave junto con otros factores para mejorar la clasificación de búsqueda. [6] En octubre de 2009, la Mesa Redonda de Motores de Búsqueda anunció que "Yahoo también elimina la etiqueta de meta palabras clave" [7] pero luego informó que el anuncio hecho por el Director Senior de Búsqueda de Yahoo! era incorrecto. [8] En la declaración corregida Yahoo! El Director Senior de Búsqueda afirma que "... Lo que cambió con los algoritmos de clasificación de Yahoo es que, si bien todavía indexamos la etiqueta de meta palabra clave, la importancia de clasificación otorgada a las etiquetas de meta palabra 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á la metaetiqueta de palabra clave para los editores de noticias. Google dijo que esto puede ayudar a que el contenido digno se destaque. La sintaxis de la metaetiqueta de noticias tiene una diferencia sutil con la metaetiqueta de palabra clave personalizada; se indica con "news_keywords", mientras que la metaetiqueta de palabra clave personalizada se indica con "palabras clave". Google News ya no tiene en cuenta las palabras clave anunciadas por news_keywords. [10]
Según Moz, "las etiquetas de título son el segundo factor más importante para el SEO en una página, después del contenido". [11] Transmiten a los motores de búsqueda de qué se trata una página determinada. Solía ser una práctica estándar de SEO incluir las palabras clave primarias y secundarias en el título para una mejor clasificación. Google ha pasado por varias iteraciones para mostrar cantidades cortas o más largas de contenido dentro de las etiquetas de título.
De todos modos, las etiquetas de título siguen teniendo importancia de tres maneras diferentes.
A diferencia del keywordsatributo, el descriptionatributo es compatible con la mayoría de los principales motores de búsqueda, como Yahoo! y Bing , mientras que Google recurrirá a esta etiqueta cuando se solicite información sobre la propia página (por ejemplo, mediante la related:consulta). El descriptionatributo proporciona una explicación concisa del contenido de una página web . Esto permite a los autores de la página web dar una descripción más significativa de los listados que la que se podría mostrar si el motor de búsqueda no pudiera crear automáticamente su propia descripción basada en el contenido de la página. La descripción se muestra a menudo, aunque no siempre, en las páginas de resultados de los motores de búsqueda , por lo que puede afectar a las tasas de clics. Si bien los clics para obtener un resultado pueden ser una señal positiva de redacción titley eficacia, Google no reconoce este metaelemento como un factor de clasificación, por lo que el uso de frases de palabras clave objetivo en ese elemento no ayudará a que un sitio tenga una mejor clasificación. El W3C no especifica el tamaño de esta metaetiqueta de descripción, pero casi todos los motores de búsqueda recomiendan que tenga menos de 160 caracteres de texto sin formato. [ cita necesaria ]description
El languageatributo indica a los motores de búsqueda en qué lenguaje natural está escrito el sitio web (por ejemplo, inglés, español o francés), a diferencia del lenguaje de codificación (por ejemplo, HTML). Normalmente es una etiqueta de idioma IETF para el nombre del idioma. Es de mayor utilidad cuando un sitio web está escrito en varios idiomas y se puede incluir en cada página para indicar a los motores de búsqueda en qué idioma está escrita una página en particular. Los agentes de usuario pueden (y lo hacen) utilizar la información del idioma para seleccionar fuentes apropiadas para el idioma, lo que mejora la experiencia general del usuario de la página. [ cita necesaria ]
El robotsatributo, soportado por varios motores de búsqueda importantes, [12] [ verificación fallida ] controla si las arañas de los motores de búsqueda pueden indexar una página o no, y si deben seguir enlaces de una página o no. El atributo puede contener uno o más valores separados por comas. El noindexvalor impide que se indexe una página y nofollowevita 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 noarchive, que indica al motor de búsqueda que no almacene una copia archivada de la página, y nosnippet, 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]
Las metaetiquetas son una de las mejores opciones para evitar que los motores de búsqueda indexen el contenido de un sitio web. [14]
Los motores de búsqueda Google , Yahoo! y MSN utilizó en algunos casos el título y el resumen del listado DMOZ (también conocido como Open Directory Project) de un sitio web para el título y/o 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 de Open Directory Project no debe usarse para los listados 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 , luego de su cierre, por lo que desde entonces se ignora la directiva NOODP. [18]
La sintaxis es la misma para todos los motores de búsqueda que admiten la etiqueta.
< meta nombre = "robots" contenido = "noodp" >Los webmasters pueden decidir si desean no permitir el uso de su listado ODP por motor de búsqueda.
Google:
< meta nombre = "googlebot" contenido = "noodp" >Yahoo!
< meta nombre = "Slurp" contenido = "noodp" >MSN y Live Search (a través de bingbot , anteriormente msnbot ):
< meta nombre = "bingbot" contenido = "noodp" >Yahoo! pone contenido de su propio Yahoo! directorio junto al listado ODP. En 2007, introdujeron una metaetiqueta que permite a los diseñadores web optar por no participar. [19]
Agregar la NOYDIRetiqueta a una página evitará que Yahoo! de mostrar Yahoo! Títulos de directorio y resúmenes.
< meta nombre = "robots" contenido = "noydir" > < meta nombre = "Slurp" contenido = "noydir" >Google no utiliza palabras clave HTML ni elementos de metaetiquetas para la indexación. La directora de investigación de Google, Monika Henzinger , fue citada (en 2002) diciendo: "Actualmente no confiamos en los metadatos porque tenemos miedo de ser manipulados". [20] Otros motores de búsqueda desarrollaron técnicas para penalizar a los sitios web que se consideraban "engañando al sistema". Por ejemplo, un sitio web que repite la misma meta palabra clave varias veces puede ver su clasificación disminuida por un motor de búsqueda que intenta eliminar esta práctica, aunque eso 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 enlaces a sitios. Las etiquetas de título se utilizan para crear el enlace en los resultados de búsqueda:
< título > Nombre del sitio - Título de la página - Descripción de la palabra clave </ título >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 propaganda para describir el 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 de sus motores de búsqueda de sitios web, e incluso introduce su propia extensión llamada Meta Tags 2. [21]
Los elementos de metaactualización se pueden utilizar para indicarle a un navegador web que actualice automáticamente una página web después de 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 a través de un elemento META ha estado obsoleta durante más de diez años [22] y antes de eso se reconocía como problemática. [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 utilizar la actualización META. Para la configuración de seguridad de Internet Explorer, en la categoría miscelánea, el usuario puede desactivar la metaactualización, deshabilitando así su capacidad de redireccionamiento. En Mozilla Firefox se puede desactivar en el archivo de configuración con el nombre de clave "accessibility.blockautorefresh". [23]
Muchos tutoriales de diseño web también señalan que la redirección del lado del cliente tiende a interferir con el funcionamiento normal del botón "atrás" de un navegador web. Después de ser redirigido, hacer clic en el botón Atrás hará que el usuario regrese a la página de redireccionamiento, que lo redirige nuevamente. Sin embargo, algunos navegadores modernos parecen superar este problema, incluidos Safari , Mozilla Firefox y Opera . [ cita necesaria ]
Las redirecciones automáticas mediante marcado (a diferencia de las redirecciones del lado del servidor) no cumplen con las Pautas de accesibilidad al contenido web (WCAG) 1.0 del W3C (pauta 7.5). [24]
Los metaelementos del formulario <meta http-equiv="foo" content="bar">se pueden utilizar como alternativas a los encabezados HTTP. Por ejemplo, <meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">le diría al navegador que la página "caduca" 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 los servidores HTTP analicen esta etiqueta y la establezcan 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 de algunos encabezados HTTP como si se hubieran enviado en el propio encabezado de respuesta.
Algunos elementos y atributos HTML ya manejan ciertas piezas de metadatos y los autores pueden utilizarlos en lugar de META para especificar esas piezas: el elemento TITLE, el elemento ADDRESS, los elementos INS y DEL, el atributo title y el atributo cite. [27]
Una alternativa a metalos elementos para mejorar el acceso a los temas dentro de un sitio web es el uso de un índice al estilo de la parte posterior del libro para el sitio web. [ cita necesaria ] Consulte el sitio web de la Sociedad Estadounidense 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 metapalabras clave. [ peso excesivo? ]
En los casos en los que el valor del atributo de contenido es una URL, muchos autores deciden utilizar también un elemento de enlace con un valor adecuado para su atributo rel. [27]
Para obtener una comparación sobre cuándo es mejor utilizar encabezados HTTP, metaelementos o atributos en el caso de la especificación del idioma: consulte aquí.
nameatributo.