Los meta elementos son etiquetas que se utilizan endocumentos HTML y XHTML para proporcionar metadatos estructuradossobre una página web . Forman parte de lahead
secciónde una página web. Sepueden usarmúltiples elementos Meta con diferentes atributos en la misma página. Los metaelementos se pueden utilizar para especificar la descripción de la página, las palabras clave y cualquier otro metadato que no se proporcione a través de los otroshead
elementos y atributos. [1]
El meta elemento 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 e incluyendo HTML 4.01 y XHTML, había cuatro atributos válidos: content
, http-equiv
, name
y scheme
. En HTML 5 , charset
se ha agregado y scheme
se ha eliminado. http-equiv
se utiliza para emular un encabezado HTTP y name
para incrustar metadatos. El valor de la declaración, en cualquier caso, está contenido en el content
atributo, que es el único atributo obligatorio a menos que charset
se proporcione. charset
se utiliza para indicar el conjunto de caracteres del documento y está disponible en HTML5.
Estos elementos deben colocarse como etiquetas en la head
sección de un documento HTML o XHTML .
Las dos partes distintas de los elementos son:
- Etiqueta de título
- Metadescripción
Ejemplos del meta
elemento
meta
Los 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 modo operativo del Departamento de Transporte de EE. UU.". >
En este ejemplo, el meta
elemento describe el contenido de una página web.
Meta elemento 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 clasificar 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 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 meta elemento 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 centrales, 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 sí admiten las metaetiquetas "contenido", "robots", "google", "verificación de sitio de Google", "tipo de contenido", "actualización" y "bot de Google".
Los principales robots de los motores de búsqueda observan muchos factores al determinar cómo clasificar una página de la cual 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 actualizan 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 keywords
atributo
El keywords
atributo 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 meta
elementos más utilizados . [3]
No existe consenso sobre si el keywords
atributo tiene algún efecto en la clasificación en cualquiera de los principales motores de búsqueda de la actualidad. ¿Se especula [ por quién? ] que lo hace si las palabras clave utilizadas en el meta
también se pueden encontrar en la copia de la página. [ 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 meta
atributo -es keywords
poca o ninguna [4] y en septiembre de 2009 Matt Cutts de Google anunció que estaban ya no se tienen en cuenta las palabras clave. [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! en sí misma afirma ser compatible con la metaetiqueta de palabras clave junto con otros factores para mejorar los rankings de búsqueda. [6] En octubre de 2009, la Mesa Redonda de Motores de Búsqueda anunció que "Yahoo elimina también 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 sénior de búsqueda afirma que "... Lo que cambió con los algoritmos de clasificación de Yahoo es que, si bien todavía indexamos la metaetiqueta de palabras clave, la importancia de clasificación dada a las metaetiquetas de palabras clave recibe la señal de clasificación más baja en nuestro sistema ... en realidad tendrá menos efecto que la introducción esas mismas palabras en el cuerpo del documento, o en cualquier otra sección ". [8] En septiembre de 2012, Google [9] anunció que considerarán la metaetiqueta de palabra 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 sutil diferencia 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]
El atributo de título
Según Moz, "las etiquetas de título son el segundo factor en la página más importante para el SEO, 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 del título.
Independientemente, las etiquetas de título siguen teniendo importancia de tres formas 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 particulares).
- Los navegadores web los muestran al nombrar pestañas abiertas; dado que el título es visible al pasar el mouse, esto es especialmente útil cuando hay demasiadas pestañas abiertas y solo el favicon de cada página (si está disponible) está visible.
- Al igual que en los resultados de búsqueda, los títulos son visibles cuando los enlaces de las páginas se publican en las redes sociales y esto también les transmite a los usuarios de qué se trata el enlace.
El description
atributo
A diferencia del keywords
atributo, el description
atributo 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 página en sí (por ejemplo, utilizando la consulta relacionada :). El description
atributo 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 podría mostrarse si el motor de búsqueda no pudiera crear automáticamente su propia descripción basada en el contenido de la página. [12] 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 las tasas de clics. Si bien los clics para obtener un resultado pueden ser un signo positivo de eficacia title
y description
redacción, Google no reconoce este meta elemento 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 se clasifique mejor. 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 requerida ]
El language
atributo
El language
atributo le dice 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 contraposición al lenguaje de codificación (por ejemplo, HTML). Normalmente es una etiqueta de idioma IETF para el nombre del idioma. Es más útil 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. [13] Los agentes de usuario pueden (y de hecho lo hacen) usar la información del idioma para seleccionar fuentes apropiadas para el idioma, lo que mejora la experiencia general del usuario de la página. [14]
El robots
atributo
El robots
atributo, apoyado por varios motores de búsqueda importantes, [15] [ 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 desde una página o no. El atributo puede contener uno o más valores separados por comas. El noindex
valor impide que una página de la indexación, y nofollow
evita que los enlaces de ser arrastrado . 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 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 la lista de la página en los resultados de búsqueda. [dieciséis]
Las metaetiquetas son una de las mejores opciones para evitar que los motores de búsqueda indexen el contenido de un sitio web. [17]
Atributos adicionales para motores de búsqueda
NOODP
Los motores de búsqueda Google , Yahoo! y MSN utilizan en algunos casos el título y el resumen de la lista DMOZ (también conocida 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 debería usarse para listados de su sitio web, Microsoft introdujo en mayo de 2006 el nuevo " NOODP
" valor para el robots
elemento " " de las metaetiquetas. [18] Google siguió en julio de 2006 [19] y Yahoo! en octubre de 2006. [20]
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 no permitir el uso de su lista ODP por motor de búsqueda.
Google:
< meta name = "googlebot" content = "noodp" >
Yahoo!
< meta name = "Slurp" content = "noodp" >
MSN y Live Search (a través de bingbot , anteriormente msnbot ):
< meta name = "bingbot" content = "noodp" >
NOYDIR
Yahoo! coloca contenido de su propio Yahoo! directorio junto a la lista ODP. En 2007, introdujeron una metaetiqueta que permite a los diseñadores web optar por no participar. [21]
Agregar la NOYDIR
etiqueta a una página evitará que Yahoo! de mostrar Yahoo! Títulos y resúmenes de directorios .
< meta name = "robots" content = "noydir" > < meta name = "Slurp" content = "noydir" >
Robots-NoContent
Yahoo! También introducida en mayo de 2007, el valor del atributo: class="robots-nocontent"
. [22] Esta no es una metaetiqueta, sino un atributo y valor, que se puede utilizar en todas las etiquetas de la página web cuando sea necesario. El contenido de la página donde se utiliza este atributo será ignorado por Yahoo! rastreador y no incluido en el índice del motor de búsqueda.
Ejemplos de uso de la robots-nocontent
etiqueta:
< div class = "robots-nocontent" > contenido excluido div > < span class = "robots-nocontent" > contenido excluido span > < p class = "robots-nocontent" > contenido excluido p >
Estudios académicos
Google no utiliza palabras clave HTML o 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". [23] 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 tener 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 el elemento de palabra clave meta por completo, 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 a menudo aparece 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 para los motores de búsqueda de sus sitios web, e incluso presenta su propia extensión llamada Meta Tags 2. [24]
Redireccionamientos
Los elementos de meta actualización 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 estado obsoleta durante más de diez años, [25] y se reconoció como problemática antes de eso. [25]
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 de varios, el usuario puede desactivar la actualización de metadatos, 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". [26]
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 vuelva 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 requerida ]
Auto-redirecciones a través de marcado (frente a las redirecciones del lado del servidor) no están en conformidad con la del W3C - Web Content Accessibility Guidelines (WCAG) 1.0 (directriz 7.5). [27]
Encabezados de mensajes HTTP
Los metaelementos del formulario se pueden utilizar como alternativas a los encabezados HTTP. Por ejemplo,
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 la página en caché de forma segura hasta entonces. La especificación HTML 4.01 permite opcionalmente que esta etiqueta sea analizada por servidores HTTP y configurada como parte de los encabezados de respuesta HTTP, [28] pero ningún servidor web implementa actualmente este comportamiento. [29] En cambio, el agente de usuario emula el comportamiento de algunos encabezados HTTP como si se hubieran enviado en el propio encabezado de respuesta.
Alternativa a los meta
elementos
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. [30]
Una alternativa a los meta
elementos para mejorar el acceso a materias dentro de un sitio web es el uso de un índice al estilo de la parte posterior de un libro para el sitio web. 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 palabras clave meta.
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 para su atributo rel también. [30]
Para obtener una comparación sobre cuándo es mejor usar encabezados HTTP, metaelementos o atributos en el caso de la especificación del idioma: consulte aquí .
Ver también
- Meta actualización , un meta elemento obsoleto
- RDFa , extensiones de nivel de atributo para XHTML, para incrustar metadatos
- Marco de descripción de recursos (RDF)
Referencias
- ^ "HTML metaetiqueta" . www.w3schools.com . Consultado el 22 de abril de 2021 .
- ^ "Metaetiquetas que entiende Google - Ayuda de Search Console" . support.google.com . Consultado el 15 de octubre de 2018 .
- ^ Estadística (4 de junio de 1997), atributos META por recuento , páginas web de Vancouver , consultado el 3 de junio de 2007
- ^ "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". Blog Sanger.nu, 9 de septiembre de 2008, obtenido el 2 de agosto de 2011 Archivado el 21 de febrero de 2009 en la Wayback Machine.
- ^ "Google no utiliza la metaetiqueta de palabras clave en el ranking web" Blog central para webmasters de Google, 21 de septiembre de 2009, consultado el 21 de septiembre de 2009
- ^ Yahoo! Preguntas frecuentes, ¿Cómo puedo mejorar la clasificación de mi sitio web en los resultados de búsqueda? , Yahoo.com , consultado el 12 de noviembre de 2008
- ^ "Yahoo elimina la etiqueta de meta palabras clave también" Mesa redonda de SEO, 8 de octubre de 2009, obtenido el 22 de abril de 2011
- ^ a b "El director senior de búsqueda de Yahoo se equivocó, Yahoo usa meta palabras clave todavía" Mesa redonda de SEO, 16 de octubre de 2009, obtenido el 22 de abril de 2011
- ^ "Una nueva forma de etiquetar sus artículos de noticias" . Blog de Google News . Consultado el 15 de octubre de 2018 .
- ^ "¿Las palabras clave de metanoticias todavía funcionan?" , Google Publisher Center Community , consultado el 6 de marzo de 2020
- ^ "Factores de clasificación en la página - Mejores prácticas de SEO" . Moz . 2017-04-24 . Consultado el 25 de abril de 2017 .
- ^ "¡Ejemplos de metadescripciones y guía de escritura!" . 2 Perros Media . 2019-08-02 . Consultado el 2 de agosto de 2019 .
- ^ 1 Diseñador de sitios web mediante metaetiquetas de idioma en sitios web 19 de febrero de 2008
- ^ Jaiswal, Vishal. "Crear metaetiquetas | Herramienta avanzada del generador de metaetiquetas" . createmetatags.blogspot.com . Blogspot . Consultado el 10 de mayo de 2020 .
- ^ Vanessa Fox , Uso de la metaetiqueta robots , Blog central oficial para webmasters de Google, 05/03/2007
- ^ Danny Sullivan (5 de marzo de 2007), Meta Robots Tag 101: Blocking Spiders, Cached Pages & More , SearchEngineLand.com , consultado el 3 de junio de 2007
- ^ Si bloqueo a Google para que no rastree una página utilizando una directiva de rechazo de robots.txt, ¿desaparecerá de los resultados de búsqueda? , developers.google.com , consultado el 26 de julio de 2013
- ^ Betsy Aoki (22 de mayo de 2006), Opción de no participar en los listados de Open Directory para webmasters , Blog de búsqueda en vivo , consultado el 3 de junio de 2007
- ^ Vanessa Fox (13 de julio de 2006), Más control sobre fragmentos de página , Dentro de Google Sitemaps , consultado el 3 de junio de 2007
- ^ Yahoo! Búsqueda (24 de octubre de 2006), Yahoo! Búsqueda de actualizaciones meteorológicas y soporte para 'NOODP' , Yahoo! Search Blog , consultado el 3 de junio de 2007
- ^ Yahoo! Búsqueda (28 de febrero de 2007), Yahoo! Soporte de búsqueda para metaetiquetas 'NOYDIR' y actualización meteorológica Archivado el 6 de noviembre de 2008 en Wayback Machine , Yahoo! Search Blog , consultado el 3 de junio de 2007
- ^ Yahoo! Búsqueda (2 de mayo de 2007), Introducción a Robots-Nocontent for Page Sections Archivado el 20 de agosto de 2014 en Wayback Machine , Yahoo! Search Blog , consultado el 23 de marzo de 2013
- ^ Greta de Groat (2002). "Perspectivas en la Web y Google: Monika Henzinger , Directora de Investigación, Google", Journal of Internet Cataloging , vol. 5 (1), págs. 17-28, 2002.
- ^ "Metaetiquetas 2" . Swiftype . 2014-03-10 . Consultado el 8 de noviembre de 2017 .
- ^ a b "¡Bienvenidos al Centro Comercial Virtual!" . www.w3.org . Consultado el 15 de octubre de 2018 .
- ^ Accessibility.blockautorefresh mozillaZine, archivado el 2 de junio de 2009 desde el original
- ^ Recomendación del W3C (5 de mayo de 1999), Pautas de accesibilidad al contenido web 1.0 - Pauta 7 . W3.org , consultado el 28 de septiembre de 2007
- ^ Recomendación W3C (24 de diciembre de 1999), Especificación HTML 4.01 . W3.org ', consultado el 24 de julio de 2012
- ^ 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 sobre estándares web en Londres.
- ^ a b "La estructura global de un documento HTML" . www.w3.org . Consultado el 15 de octubre de 2018 .
enlaces externos
- El metaelemento de la última versión publicada de HTML, Recomendación W3C
- MetaExtensions - WHATWG Wiki : propuestas de valor de
name
atributo.