Metadatos Meta Data: Qué Son y Cómo Usarlos Correctamente

Los metadatos (Meta Data) son información sobre una página web que se incluye en el código HTML de la página. Algunos son importantes para aumentar el número de visitantes y la tasa de clics, mejorar la tasa de conversión, mientras que otros carecen completamente de importancia e incluso es mejor no utilizarlos. Por esta razón, aquí destacaremos los metadatos, explicaremos en detalle los tipos más importantes, aclararemos qué datos es mejor no incluir y cuáles es importante incluir y utilizar, y te daremos algunos consejos importantes que te ayudarán a usar estos datos correctamente para atraer visitantes a tu sitio. Concepto de metadatos Los metadatos son fragmentos de texto que existen en forma de elementos HTML (etiquetas) en el código fuente de la página, pero no aparecen en la página web para el visitante, sino que pueden aparecer en la página de resultados de búsqueda. Su propósito principal es proporcionar información que describa la página y su contenido para ayudar a los navegadores a mostrar la página y a los motores de búsqueda a comprender de qué trata la página.

Los metadatos se escriben dentro de la etiqueta Head, que puede compararse con un contenedor para etiquetas de estos datos. Hay muchos tipos de metadatos, pero solo un pequeño número es importante para mejorar el tráfico y aumentar el número de visitantes del sitio. La información más importante que definen los metadatos en una página web incluye: Título Meta (Meta Title) Descripción Meta (Meta Description) Meta de ventana gráfica (Viewport) Meta de tipo de contenido (Meta Content Type) Meta de redes sociales (Social Meta) Meta de rastreadores de búsqueda (Meta Robots) Relación de la página con un recurso externo (External Resource) Información de formato de página (Style Information) Código ejecutable (Embed Executable Code) Sin embargo, también es posible definir la siguiente información usando metadatos: Nombre del autor (Author Name) Fecha de publicación (The Date of Publication) Palabras clave (Keywords) Base de URLs relativas (Relative URLs) Muchos otros tipos de información Contenidos del artículo Elementos de metadatos Título Meta (Meta Title) Descripción Meta (Meta Description) Meta de ventana gráfica (Viewport) Palabras clave (Keywords) Meta de rastreadores de búsqueda (Meta Robots) Meta de tipo de contenido (Meta Content Type) Otros metadatos Elementos de metadatos Existe un conjunto de elementos (a veces llamados etiquetas) cuya función es definir los metadatos en un documento HTML. La mayoría de ellos se utilizan para insertar información específica en la página, mientras que la etiqueta Meta se usa para insertar muchos tipos de información que no tienen una etiqueta específica para incluirla en la página. La información de metadatos proporcionada mediante la etiqueta Meta y la etiqueta title son de las más importantes para aumentar el número de visitantes, y es en lo que nos concentraremos en los párrafos siguientes. Sin embargo, también destacaremos los tipos más importantes de metadatos que se insertan usando otras etiquetas de metadatos en esta tabla que muestra las etiquetas de metadatos e información que estas etiquetas se usan para insertar.

Elementos de metadatos y tipos de datos que definen Título Meta (Meta Title) El título meta (o título de metadatos) no aparece en la página cuando la muestra el navegador al visitante, pero aparece junto al icono de la página en la pestaña, en la barra del navegador y también en los resultados de búsqueda. Es el primer elemento en el que busca un usuario en Google, porque se destaca del resto de la página, ya que aparece en azul. Imagen que muestra cómo aparece el título meta en los resultados de búsqueda El título meta se inserta en el código de la página web como contenido del elemento title que se escribe dentro de la etiqueta head, colocándose entre las etiquetas de apertura y cierre de este elemento como en este código:

El título meta se coloca aquí

El título meta (Meta Title) afecta la tasa de clics y la clasificación de la página para ciertas palabras clave de forma indirecta (es decir, no es un factor de clasificación en sí, pero está relacionado con otros factores de clasificación). Esto hace que asegurarse de escribirlo correctamente sea una de las estrategias más fáciles de implementar para aumentar el número de visitas a la página y mejorar su posición en los resultados de búsqueda. Para asegurar que el título meta de las páginas de tu sitio sea excelente, sigue estas reglas al escribirlo: Asegúrate de que el título sea gramaticalmente correcto y refleje el contenido de la página Incluye la palabra clave más relevante entre las palabras que diriges Considera la intención del visitante cuando escribes el título (¿esperan ver el contenido de tu página cuando hagan clic en el título?). Haz que el título meta sea único y distintivo, porque a Google no le gusta el contenido duplicado. Escribe el título de manera que el lector pueda conocer el contenido de la página leyendo las primeras 3-5 palabras, esto lo ayudará a navegar entre pestañas.

Escríbelo con una longitud de 55-65 caracteres, ya que no se mostrará completamente en los resultados de búsqueda si es demasiado largo. Nota: Google no determina qué parte del título se mostrará en los resultados basándose en el número de caracteres, sino en el ancho, cortando los títulos que superen un cierto límite, ya que muestra caracteres del título que equivalen a un ancho de 600-700 píxeles si su ancho es mayor que eso, y lo muestra completamente si es menor que eso. Esto significa que el título meta de una de tus páginas puede mostrarse en los resultados de búsqueda incluso si consta de 100 caracteres o más en algunos casos.

Si estás usando WordPress para administrar tu sitio, no necesitarás establecer el título meta de la página editando el código y colocando el título entre las etiquetas title, sino que puedes escribir el título directamente en el campo (título SEO) que se encuentra en la configuración del complemento Yoast SEO dentro de la página de edición del artículo o página. Ubicación para escribir el título meta (Meta Title) en la configuración del complemento Yoast SEO Es importante señalar que el título de la página o artículo que escribes en la parte superior de la página de edición en WordPress es diferente del título meta (Meta Title), aunque puedes hacerlos idénticos si lo deseas, aunque Google recomienda hacer los títulos ligeramente diferentes en el orden de palabras o similar. Descripción Meta (Meta Description) La descripción meta o metadatos de descripción es un fragmento de texto corto que describe el contenido de la página. Es uno de los metadatos que no tiene un elemento específico, ya que se inserta usando el elemento Meta en un documento HTML, y aparece de manera similar a este código:

El navegador no muestra la descripción meta al visitante cuando navega por la página, ni aparece junto al icono de la pestaña, ni en la barra del navegador, pero puede aparecer debajo del título meta en los resultados de búsqueda. Por eso es importante escribirla de una manera atractiva que atraiga al visitante a hacer clic en el resultado de búsqueda, pero también debes mantener tu promesa en ella. No prometas al visitante que encontrará información que la página no contiene cuando la abra, para aumentar el número de visitantes y reducir la tasa de rebote al mismo tiempo. Imagen que muestra dónde aparece la descripción meta en los resultados de búsqueda Para escribir la descripción meta de la mejor manera posible, sigue estos importantes consejos cuando la escribas: Hazla clara, convincente, honesta y única. Debes escribir una descripción que ayude al visitante potencial a saber exactamente de qué trata la página, que lo atraiga a abrirla y navegar por ella. Incluye palabras clave importantes estrechamente relacionadas con el contenido de la página en la descripción meta, porque aparecen en negrita en los resultados de búsqueda cuando se busca usando ellas, informando así al visitante que encontrará lo que busca en tu página, haciéndolo hacer clic en el resultado de búsqueda para navegar por ella.

Evita llenar la descripción meta de palabras clave, porque eso no ayuda a mejorar el SEO, sino que puede contribuir a afectar negativamente la página. En su lugar, escribe oraciones que describan la página con precisión e intenta usar palabras clave importantes en estas oraciones sin insertarlas innecesariamente. Usa palabras y frases que inciten al visitante potencial a visitar la página, sin revelar toda la información importante sobre el tema en la descripción.

Usa una descripción de 150-160 caracteres, ya que las descripciones más largas generalmente no se muestran completamente en los resultados de búsqueda. No uses caracteres o símbolos en negrita innecesarios en la descripción meta, para aumentar la probabilidad de que la descripción completa aparezca en la página de resultados de búsqueda. La descripción meta no es un factor directo en la clasificación de los resultados de búsqueda, pero afecta indirectamente la clasificación de la página porque está relacionada con factores de clasificación. Sin embargo, su importancia ahora no es como antes, ya que la importancia de escribir una descripción meta de alta calidad para la página ha disminuido debido a las actualizaciones en los algoritmos de clasificación realizadas por los motores de búsqueda. Pero aún así, no debes ignorar escribir una descripción de alta calidad si deseas trabajar en todos los frentes para aumentar el número de visitantes de tu sitio web.

Si estás usando WordPress, puedes escribir la descripción meta de cualquier página en tu sitio en el campo designado para escribir la descripción dentro de la configuración del complemento Yoast SEO, en lugar de usar la etiqueta Meta e insertar la descripción manualmente, ya que el complemento insertar el código apropiado automáticamente en la página. Ubicación para escribir la descripción meta en los campos del complemento Yoast SEO Meta de ventana gráfica (Viewport) El metadato de ventana gráfica informa al navegador cómo mostrar y dimensionar la página en el dispositivo. Es útil para mostrar la página en un smartphone, ya que no agregarlo puede resultar en una mala experiencia del usuario y una tasa de rebote alta, aunque no es uno de los factores de clasificación de páginas en los resultados de búsqueda. La ventana gráfica se define usando la etiqueta Meta, y en general, la forma de la etiqueta que define la ventana gráfica en el código HTML será similar a este código:

Donde la propiedad (name) que tomó el valor (viewport) informa que esta etiqueta meta define cómo se muestra la página en la ventana gráfica, y la expresión (width=device-width) indica que la ventana gráfica debe permitir que se ajuste al ancho de pantalla del dispositivo usado para mostrar la página, mientras que la expresión (initial-scale=1) define el nivel de zoom inicial de la página en el navegador cuando se carga. Es importante señalar que no necesitas ajustar el meta de ventana gráfica si estás usando WordPress, ya que los desarrolladores de temas lo ajustan al diseñar y programar el tema, pero debes usar un tema de WordPress que sea responsivo en dispositivos móviles. Lee también: Cómo hacer que tu sitio sea responsivo y amigable con los teléfonos inteligentes Palabras clave (Keywords) Anteriormente, era posible usar el elemento Meta para incluir palabras clave como metadatos de la página para informar a los motores de búsqueda que el contenido de la página trata sobre estas palabras, ayudándolos así a mostrar la página web en el lugar correcto en los resultados de búsqueda. Sin embargo, como resultado del abuso de algunos webmasters de este método para aumentar el número de visitantes de sus sitios insertando palabras clave no relacionadas con el contenido como metadatos, los motores de búsqueda (principalmente Google) ahora ignoran completamente este metadato y prefieren que no esté presente en la página.

Como resultado, insertar palabras clave como metadatos ya no es necesario, e incluso puede tener un impacto negativo indirecto en el sitio, ya que los propietarios de sitios que compiten con el tuyo podrían entrar en el código fuente de la página y saber fácilmente qué palabras clave diriges en ella. Para saber si las palabras clave se incluyen como metadatos en una de las páginas de tu sitio, abre la página (o vista previa) usando el navegador Google Chrome, luego haz clic en un área vacía con el botón derecho del ratón, luego selecciona la opción (Ver fuente de página) del menú desplegable que aparece y haz clic en él. Ver fuente de página en el navegador Luego busca en el texto que aparece un código similar a este código:

Si encuentras palabras incluidas como valor de la propiedad (content) en el código anterior, significa que estás usando palabras clave como metadatos de la página, y esto no es bueno. Debes eliminar el código. Pero si no encuentras un código similar al anterior, o encuentras uno pero la propiedad (content) no tiene ningún valor, significa que no estás incluyendo palabras clave como metadatos, y esto es mejor. Es importante señalar que incluir palabras clave en los campos del complemento Yoast SEO no las añade al código como metadatos, lo que significa que no necesitas eliminar las palabras clave de los campos del complemento si lo estás usando. Meta de rastreadores de búsqueda (Meta Robots) Los metadatos de rastreadores de búsqueda se utilizan en páginas web para indicar a los programas de rastreo de los motores de búsqueda cómo deben tratar la página, y se usa la etiqueta Meta para incluirla, apareciendo en el código de la página de forma similar a este código:

El valor (robots) de la propiedad (name) indica que esta etiqueta meta está diseñada para informar al programa de rastreo cómo tratar la página, y el valor de la propiedad (content) indica cómo se supone que el programa debe tratar la página. En este caso, se pueden asignar valores específicos a la propiedad (content), entre los que se encuentran los siguientes valores importantes: Index: Dirige a los programas de rastreo a indexar la página web, por lo que la página aparecerá en los resultados de búsqueda. Este es el valor predeterminado, es decir, no es necesario escribirlo Noindex: No permite la indexación de la página, por lo que no se muestra en los resultados de búsqueda para las personas que buscan en Google y otros motores de búsqueda Follow: Dirige a los rastreadores de búsqueda a seguir los enlaces dentro de la página y descubrir otras páginas vinculadas a ella. Este es el valor predeterminado Nofollow: Indica a los programas de rastreo que no sigan ningún enlace en la página, incluidos los enlaces del menú de navegación y los enlaces de imágenes None: Este valor es una abreviación de (Noindex) y (Nofollow), es decir, dirige a no indexar y no seguir los enlaces en la página All: Este valor es una abreviación de (Index) y (Follow), y es un valor predeterminado que no debes escribir Puedes usar más de un valor de los anteriores en el mismo elemento. Por ejemplo, si deseas indicar al programa de rastreo que no indexe la página y no siga los enlaces incluidos en ella, puedes escribir el siguiente código: O si deseas un código más corto, puedes escribir el siguiente código que realiza la misma función (es posible que este código no funcione con todos los motores de búsqueda): Es importante señalar que hay muchos otros valores que se pueden asignar a la propiedad (content) que no hemos mencionado en este párrafo, y que los motores de búsqueda no soportan todos los valores que se pueden asignar aquí, pero la gran mayoría de los motores de búsqueda soportan los cuatro primeros valores en la lista anterior (Index, Noindex, Follow y Nofollow).

Si utilizas WordPress en tu sitio web, no necesitarás editar el código de la página, ya que puedes dirigir a los motores de búsqueda para que hagan lo que deseas mediante la configuración avanzada del complemento Yoast SEO, que te proporciona las opciones más importantes que puedas necesitar. La configuración que dirige a los rastreadores web respecto a la página en el complemento Yoast SEO en WordPress si deseas conocer cómo evitar que los motores de búsqueda muestren todas las páginas de tu sitio en los resultados de búsqueda sin necesidad de cambiar la configuración de cada una individualmente, te recomendamos que consultes nuestro artículo completo en el que explicamos varios métodos que puedes utilizar para prevenir la indexación (Cómo prevenir o desindexar tu sitio en los resultados de búsqueda). Meta tipo de contenido (Meta Content Type) El meta tipo de contenido especifica la codificación de caracteres del documento, y no incluirlo correctamente en el código de la página web puede hacer que el navegador muestre el contenido de forma incorrecta, por lo que todas las páginas de tu sitio deben contener esta información descriptiva que se incluye en la página usando una etiqueta meta de una de las dos formas siguientes:

Donde (utf-8) se reemplaza en ambas formas anteriores con la codificación utilizada en la página. Si la codificación utf-8 no es la utilizada, el código permanece sin cambios, sabiendo que casi todas las páginas web (al menos el 95% de ellas) utilizan la codificación utf-8. Nota: Aunque los navegadores web admiten ambas formas anteriores, es mejor utilizar la primera forma (la más corta). Si utilizas WordPress, no necesitas escribir el meta tipo de contenido, ya que la codificación de caracteres del documento se especifica dentro de las plantillas de WordPress, lo que incluye la plantilla predeterminada que encontrarás instalada en el sistema inmediatamente después de terminar la instalación de WordPress en tu hosting. Otros metadatos Como mencionamos anteriormente, hay muchos metadatos que se pueden incluir en una página web, y no es posible hablar de cada tipo en un párrafo separado. Por lo tanto, en los párrafos anteriores hablamos de los tipos más importantes de datos que debían tratarse, y a continuación hay una descripción general de algunos otros datos: Nombre del autor (Author Name): Se utiliza la etiqueta meta para incluir esta información descriptiva, pero no es necesario agregarla. Meta redes sociales (Social meta): Puede ser importante agregarla si deseas compartir tu artículo en redes sociales. Si utilizas WordPress, el complemento Yoast SEO ajusta estos datos automáticamente después de su instalación. Fecha de publicación o modificación (Publication/Modification time): Puedes incluir la fecha de publicación y la fecha de modificación como información descriptiva de la página web si lo deseas usando la etiqueta meta, pero no es necesario que lo hagas. Con esto concluimos la explicación de los tipos más importantes de metadatos y cómo incluirlos en las páginas web. Queremos señalar al final que los datos que mencionamos y explicamos son los importantes, y los otros datos que no explicamos son o bien poco importantes, o bien se incluyen automáticamente en sitios web que funcionan con el sistema WordPress. Por lo tanto, puedes conformarte con ajustar los metadatos que hemos señalado como necesarios para aumentar el número de visitantes de tu sitio y mejorar la posición de sus páginas en los resultados de búsqueda.