Los elementos meta son etiquetas que se utilizan endocumentos HTML y XHTML para proporcionar metadatos estructurados sobre una página web . Forman parte de laheadsección de una página web. Se pueden utilizar varios elementos meta con diferentes atributos en la misma página. Los elementos meta se pueden utilizar para especificar la descripción de la página, palabras clave y cualquier otro metadato que no se proporcione a través de otrosheadelementos y atributos. [1]
El elemento meta tiene dos usos: para emular el uso de un campo de encabezado de respuesta HTTP o para 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 cualquier caso, 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.
Estos 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 charset = "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 modelo operativo del Departamento de Transporte de los Estados Unidos." >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 marketing 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 (más notablemente 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 ningún 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 "content", "robots", "google", "google-site-verification", "content-type", "refresh" y "google-bot".
Los robots de los principales motores de búsqueda tienen en cuenta muchos factores a la hora de determinar cómo posicionar una página, de los cuales las metaetiquetas solo formarán 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 que se comprenda definitivamente el papel de las metaetiquetas en el 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 tiene si las palabras clave utilizadas en el metatambién se pueden encontrar en la copia de la página en sí. [ cita requerida ] 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 ya no tenían en cuenta las palabras clave en absoluto. [5] Sin embargo, ambos artículos sugieren que Yahoo! todavía hace uso de la metaetiqueta de palabras clave en algunas de sus clasificaciones. Yahoo! afirma apoyar la metaetiqueta de palabras clave junto con otros factores para mejorar las clasificaciones 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 realizado por el Director Senior de Búsqueda de Yahoo! era incorrecto. [8] En la declaración corregida Yahoo! El director sénior de búsquedas afirma que "... lo que ha cambiado con los algoritmos de clasificación de Yahoo es que, si bien seguimos indexando la etiqueta de meta palabras clave, la importancia de clasificación que se le da a las etiquetas de meta 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 puede ayudar a que el contenido valioso se destaque. La sintaxis de la meta palabra clave de noticias tiene una diferencia sutil con la meta etiqueta de palabras clave personalizadas; se denota por "news_keywords", mientras que la meta etiqueta de palabras clave personalizadas se denota por "keywords". 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 de 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. Solía ser una práctica SEO estándar incluir las palabras clave principales y secundarias en el título para una mejor clasificación. Google ha pasado por varias iteraciones de 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 motores de búsqueda principales, como Yahoo! y Bing , mientras que Google recurrirá a esta etiqueta cuando se solicite información sobre la página en sí (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 páginas web dar una descripción más significativa de los listados de la que se podría mostrar si el motor de búsqueda no pudiera crear automáticamente su propia descripción en función del contenido de la página. La descripción se muestra a menudo, pero 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 un resultado pueden ser una señal positiva de una redacción eficaz title, descriptionGoogle no reconoce este elemento meta como un factor de clasificación, por lo que el uso de frases de palabras clave de destino en ese elemento no ayudará a que un sitio tenga una mejor clasificación. W3C no especifica el tamaño de esta etiqueta meta de descripción, pero casi todos los motores de búsqueda recomiendan que sea más corta que 160 caracteres de texto sin formato. [ cita requerida ]
El languageatributo indica a los motores de búsqueda en qué idioma natural está escrito el sitio web (por ejemplo, inglés, español o francés), en lugar de en el 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 requerida ]
El robotsatributo, compatible con 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 los 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 la forma en que el motor indexa las páginas y en cómo aparecen esas páginas en los resultados de búsqueda. Estos incluyen noarchive, que indica a un 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 el listado 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 utilizaron en algunos casos el título y el resumen del listado de 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 de motores 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 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 , tras su cierre, por lo que 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 nombre = "robots" contenido = "noodp" >Los webmasters pueden decidir si quieren prohibir el uso de su listado ODP por motor de búsqueda.
Google:
< nombre meta = "googlebot" contenido = "noodp" > ¡Yahoo!
< meta nombre = "Slurp" contenido = "noodp" >MSN y Live Search (a través de bingbot , anteriormente msnbot ):
< nombre meta = "bingbot" contenido = "noodp" > Yahoo! coloca el contenido de su propio directorio de Yahoo! junto al listado de ODP. En 2007, introdujeron una etiqueta meta que permite a los diseñadores web optar por no hacerlo. [19]
Agregar la NOYDIRetiqueta a una página evitará que Yahoo! muestre los títulos y resúmenes del Directorio de Yahoo !.
< 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 , dijo en 2002: "Actualmente no confiamos en los metadatos porque tenemos miedo de que nos manipulen". [20] Otros motores de búsqueda desarrollaron técnicas para penalizar a los sitios web que se considera que "engañan al sistema". Por ejemplo, un sitio web que repite la misma metaetiqueta varias veces puede ver reducida su clasificación si un motor de búsqueda 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 metaetiqueta, y la mayoría lo hace independientemente de cuántas palabras se utilicen en el elemento.
< title > Nombre del sitio - Título de la página - Descripción de palabras 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 descripción del contenido de la página" >Además, la empresa emergente 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, e incluso ha presentado su propia extensión llamada Meta Tags 2. [21]
Los elementos de actualización meta se pueden utilizar para indicar 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 quedado obsoleta durante más de diez años [22] y se reconoció como problemática antes de eso. [22]
El W3C sugiere que los agentes de usuario deberían permitir a los usuarios desactivar esta función, de lo contrario las páginas web no deberían utilizar la función de actualización de metadatos. En la configuración de seguridad de Internet Explorer, en la categoría Miscelánea, el usuario puede desactivar la función de actualización de metadatos, deshabilitando así su capacidad de redireccionamiento. En Mozilla Firefox, se puede desactivar en el archivo de configuración bajo 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 redirección, que lo redirecciona nuevamente. Sin embargo, algunos navegadores modernos parecen superar este problema, incluidos Safari , Mozilla Firefox y Opera . [ cita requerida ]
Las redirecciones automáticas a través de marcado (en comparación con las redirecciones del lado del servidor) no cumplen con las Pautas de Accesibilidad al Contenido Web (WCAG) 1.0 (directriz 7.5) del W3C . [24]
Los elementos meta 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 indicarí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 configuren 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 pueden ser utilizados por los autores 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 las páginas finales del libro. [ cita requerida ] 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 palabras clave meta. [¿ Peso indebido? – discutir ]
En los casos en que el valor del atributo de contenido es una URL, muchos autores deciden utilizar un elemento de enlace con un valor adecuado también para su atributo rel. [27]
Para ver una comparación sobre cuándo es mejor utilizar encabezados HTTP, metaelementos o atributos en el caso de la especificación del lenguaje, consulte aquí.
nameatributo.