Meta Data: Qué es y Cómo Usarlo 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 de importancia. Por eso aquí destacaremos los metadatos, explicaremos en detalle sus tipos más importantes, aclarecemos qué datos es mejor no incluir y cuáles es importante incluir y usar, además de ofrecerte algunos consejos importantes que te ayudarán a utilizarlos correctamente para atraer visitantes a tu sitio. Concepto de metadatos Los metadatos son fragmentos de texto que existen como 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 objetivo 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 entender de qué trata la página.

Los metadatos se escriben dentro de la etiqueta Head, que se puede comparar con un contenedor para las etiquetas de estos datos. Existen muchos tipos de metadatos, pero solo algunos de ellos son importantes para mejorar el tráfico y aumentar el número de visitantes del sitio. Los tipos más importantes de información que definen los metadatos en una página web incluyen: 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 robots de búsqueda (Meta Robots) Relación de la página con un recurso externo (External Resource) Información de formato de la página (Style Information) Código ejecutable (Embed Executable Code) Sin embargo, también se puede 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 Contenido 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 robots 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 se utiliza para insertar información específica en la página, mientras que la etiqueta Meta se utiliza para insertar muchos tipos de información que no tienen una etiqueta específica a través de la cual incluirse en la página. La información de metadatos proporcionada mediante la etiqueta Meta y la etiqueta title son entre las más importantes para aumentar el número de visitantes, y es en lo que nos enfocaremos en los párrafos siguientes. Sin embargo, también destacaremos los tipos más importantes de metadatos que utilizan otras etiquetas de metadatos para incluirlos en esta tabla que muestra las etiquetas de metadatos y la información que estas etiquetas se utilizan 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 el navegador la muestra al visitante, pero aparece junto al icono de la página en la pestaña del navegador, en la barra del navegador y también en los resultados de búsqueda. Es el primer elemento en el que el buscador en Google fija la vista, porque se destaca del resto de la página, ya que aparece en color azul. Imagen que muestra cómo aparece el título Meta en los resultados de búsqueda El título Meta se incluye 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 la etiqueta 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 palabras clave específicas de manera indirecta (es decir, no es un factor de clasificación en sí, pero está relacionado con otros factores de clasificación). Esto hace que asegurar su correcta redacción sea una de las estrategias más fáciles de implementar para aumentar el número de visitas y mejorar la posición en los resultados de búsqueda. Para asegurar que el título Meta de tus páginas sea excelente, sigue estas reglas al redactarlo: Haz que el título sea gramaticalmente correcto y que exprese el contenido de la página Incluye la palabra clave más relevante entre las palabras que estés apuntando Ten en cuenta la intención de los visitantes al escribir 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, ya que Google no ama 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 le ayudará a navegar entre pestañas.

Escríbelo con una longitud de 55-65 caracteres, ya que no se muestra completo en los resultados de búsqueda si es demasiado largo. Nota: Google no determina qué parte del título se mostrará en los resultados según el número de caracteres, sino según el ancho. Recorta los títulos que superan cierto límite, mostrando caracteres del título equivalentes a un ancho de 600-700 píxeles. Si supera ese ancho, lo mostrará completo si es menor. Esto significa que un título Meta de una de tus páginas puede aparecer 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. En cambio, puedes escribir el título directamente en el campo "SEO Title" que se encuentra en la configuración del plugin 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 plugin Yoast SEO Cabe 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). Sin embargo, puedes hacerlos idénticos si lo deseas, aunque Google prefiere que los títulos sean ligeramente diferentes en el orden de las palabras o similares. Descripción Meta (Meta Description) La descripción Meta o descripción de metadatos 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 incluye 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 examina la página, ni aparece junto al icono de la pestaña, ni en la barra del navegador. Sin embargo, puede aparecer debajo del título Meta en los resultados de búsqueda. Por eso es importante redactarla de manera atractiva que atraiga al visitante a hacer clic en el resultado de búsqueda. Sin embargo, también debes asegurarte de que tu promesa sea honesta y no prometas información que la página no contiene cuando la abra, para aumentar visitantes y bajar 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 los siguientes consejos importantes al redactarla: Hazla clara, persuasiva, honesta y única. Debes escribir una descripción que ayude al posible visitante a saber exactamente de qué trata la página y que lo atraiga a abrirla y explorarla. Incluye las palabras clave importantes relacionadas estrechamente 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 esas palabras. Esto informa al visitante que encontrará lo que busca en tu página y lo motiva a hacer clic en el resultado de búsqueda para explorarla.

Evita rellenar la descripción Meta con palabras clave, porque esto no ayuda a mejorar el SEO, sino que puede impactar negativamente en la página. En su lugar, escribe oraciones que describan la página de manera precisa e intenta usar las palabras clave importantes en estas oraciones sin forzarlas innecesariamente. Usa palabras y frases que animen al posible visitante a visitar la página, y no reveles toda la información importante sobre el tema en la descripción.

Usa una descripción de 150-160 caracteres, porque las descripciones más largas generalmente no se muestran completas en los resultados de búsqueda. No uses caracteres o símbolos en negrita innecesariamente en la descripción Meta, para aumentar la probabilidad de que aparezca completa en la página de resultados de búsqueda. La descripción Meta no es un factor directo en la clasificación de 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 ya no es la que fue en el pasado, ya que la importancia de escribir una descripción Meta de alta calidad disminuyó debido a las actualizaciones en los algoritmos de clasificación realizadas por los motores de búsqueda. Pero aún así, no deberías ignorar escribir una descripción de alta calidad si deseas trabajar en todos los frentes para aumentar el número de visitas a tu sitio web.

Si estás usando WordPress, puedes escribir la descripción Meta para cualquier página de tu sitio en el campo destinado para escribir la descripción dentro de la configuración del plugin Yoast SEO en lugar de usar la etiqueta Meta e insertarla manualmente. El plugin insertará automáticamente el código apropiado en la página. Ubicación para escribir la descripción Meta en los campos del plugin 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. Sin embargo, 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 generalmente la forma de la etiqueta que define la ventana gráfica en el código HTML será similar a este código:

La propiedad (name) que tiene el valor (viewport) indica que esta etiqueta Meta define la forma en que se muestra la página en la ventana gráfica. La expresión (width=device-width) indica que la ventana gráfica debe adaptarse 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. Vale la pena notar que no necesitas ajustar el Meta de ventana gráfica si estás usando WordPress, ya que los desarrolladores de plantillas lo ajustan al diseñar y programar la plantilla. Sin embargo, debes usar una plantilla de WordPress que sea receptiva y amigable con dispositivos móviles. Lee también: Cómo hacer tu sitio receptivo y amigable con smartphones Palabras Clave (Keywords) En el pasado, 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 a mostrar la página web en el lugar apropiado en los resultados de búsqueda. Sin embargo, como resultado del mal uso de esta técnica por parte de algunos administradores de sitios para aumentar el número de visitas a sus sitios insertando palabras clave irrelevantes como metadatos, los motores de búsqueda (principalmente Google) comenzaron a ignorar completamente este metadato y prefieren su ausencia en la página.

Como resultado, ya no tiene sentido incluir palabras clave como metadatos, e incluso puede tener un impacto negativo indirecto en el sitio, ya que los propietarios de sitios competidores pueden acceder fácilmente al código fuente de tu página y conocer las palabras clave que apuntas. Para saber si las palabras clave están incluidas como metadatos en una de tus páginas, abre la página (o previsualízala) usando el navegador Google Chrome, luego haz clic en un área vacía con el botón derecho del ratón, luego selecciona "Ver código fuente de la página" de la lista desplegable que aparece y haz clic en él. Ver código fuente de la página en el navegador Luego busca en el texto que aparece un código similar a este:

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. Si no encuentras un código similar al anterior, o encuentras uno pero la propiedad (content) no tiene valor, significa que no estás incluyendo palabras clave como metadatos, y esto es mejor. Cabe señalar que incluir palabras clave en los campos del plugin Yoast SEO no las añade al código como metadatos. Esto significa que no tienes que eliminar las palabras clave de los campos del plugin si lo estás usando. Meta de Robots de Búsqueda (Meta Robots) El Meta de robots de búsqueda se usa en páginas web para informar a los programas de rastreo de los motores de búsqueda cómo deben tratar la página. Se utiliza la etiqueta Meta para incluirla, y aparece en el código de la página de manera 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 ellos los siguientes valores importantes: Index: Instruye a los programas de rastreo para indexar la página web, de modo 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 personas que buscan en Google y otros motores de búsqueda Follow: Instruye a los robots de búsqueda para 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 deben seguir ningún enlace en la página, incluidos los enlaces de navegación e imágenes None: Este valor es una abreviatura de (Noindex) y (Nofollow), es decir, instruye a no indexar y no seguir los enlaces en la página All: Este valor es una abreviatura 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 instruir al programa de rastreo para no indexar la página y no seguir los enlaces incluidos en ella, puedes escribir el siguiente código: O si deseas un código abreviado, puedes escribir el siguiente código que realiza la misma tarea (este código puede no funcionar con todos los motores de búsqueda): Vale la pena notar que hay muchos otros valores que se pueden asignar a la propiedad (content) que no mencionamos en este párrafo, y los motores de búsqueda no admiten todos los valores que se pueden asignar aquí. Sin embargo, la gran mayoría de los motores de búsqueda admiten los primeros cuatro 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 guiar a los motores de búsqueda para hacer lo que deseas a través de la configuración avanzada del complemento Yoast SEO, que te ofrece las opciones más importantes que podrías necesitar. La configuración que guía a los rastreadores web sobre la página en el complemento Yoast SEO en WordPress. En caso de que desees 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 evitar o desindexar tu sitio en los resultados de búsqueda). Meta tipo de contenido (Meta Content Type). La meta de tipo de contenido determina la codificación de caracteres del documento, y su omisión o inclusión incorrecta en el código de la página web puede hacer que el navegador muestre el contenido de forma incorrecta. Por lo tanto, todas las páginas de tu sitio deben contener esta información descriptiva, que se inserta en la página utilizando el elemento meta de una de las dos formas siguientes:

Donde se coloca en lugar de (utf-8) en ambas formas anteriores la codificación utilizada en la página. En caso de que la codificación utilizada no sea utf-8, el código permanece sin cambios, teniendo en cuenta que casi todas las páginas web (al menos el 95% de ellas) utilizan codificación utf-8. Nota: Aunque los navegadores web soportan ambas formas anteriores, es preferible usar la primera forma (la más corta). Si utilizas WordPress, no necesitas escribir la meta de tipo de contenido, ya que la codificación de caracteres del documento se establece dentro de las plantillas de WordPress, lo que incluye la plantilla predeterminada que encontrarás instalada en el sistema inmediatamente después de completar la instalación de WordPress en tu servidor. 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 sobre los tipos de datos más importantes que deben tratarse, y a continuación se muestra 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 de redes sociales (Social meta): Puede ser importante agregarla en caso de que desees 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 utilizando la etiqueta meta, pero no es necesario que lo hagas. Con esto finalizamos 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 no importantes, o bien se incluyen automáticamente en los sitios web que funcionan con WordPress, por lo que 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 tus páginas en los resultados de búsqueda.