Llenar nuestra página de contenido de calidad es lo primordial al momento de mejorar el SEO. Sin embargo, es necesario estarse atentos a otros pequeños detalles, tales como la forma en que los buscadores leen el contenido de nuestro sitio.
En particular, hoy hablaremos de los datos estructurados y cómo se pueden mejorar (o implementar) para mejorar tu posicionamiento.
Estate atendo a cada consejo y recomendación, pues cada punto suma a la hora de que puedas lograr destacar en el mundo web.
¿Qué son datos estructurados?
Comencemos por el principio, los datos estructurados son códigos o indicadores de esquemas que le indican a los buscadores de qué se trata el contenido de una página. En este sentido, es de recordar que, si bien la inteligencia artificial de los motores de búsqueda ha avanzado mucho, ésta todavía no es capaz de reconocer a plenitud de qué se trata un determinado tema.
Por ello, lo que buscamos con datos estructuradores es introducir etiquetas o indicativos que le permitan a las arañas o algoritmos de los motores de búsqueda, clasificar mejor la información para ofrecerla con mayor facilidad a sus usuarios.
Esta información o etiquetas no son visibles para los usuarios. Para lograr esto, se introducen en el «código fuente» (más adelante se explicará esto un poco mejor) ciertas señales que no son visibles al lector común. Para esto se requiere de cierto conocimiento, nada complejo, pero sí un tanto técnico.
La cuestión parece difícil, pero como en todo, basta con dedicarle algo de tiempo.
Código fuente e indicadores de esquemas
El código fuente es la manera cómo las máquinas o algoritmos leen tu información. También es el lenguaje de programación. Se puede acceder a dicho código con bastante facilidad, para ello debes:
❶ Dirigirte a la página a consultar.
❷ Hacer clic derecho en cualquier lugar o presionar «control + u».
❸ Darle clic a la opción «ver código fuente».
Si eres administrador de la página podrás agregar información especial en dicho código. Es justo ahí donde entran en acción los datos estructurados. Estas etiquetas se colocan bajo un código especial que no será mostrado como contenido a los usuarios, pero permitirá que los buscadores clasifiquen tu información de forma práctica.
¿Qué tipos de datos estructurados existen y cuáles se deben usar?
Básicamente existen tres tipos de estos datos, los cuales son:
JSON-LD
Este es el acrónimo de JavaScript Object Notation for Linked Data. Estos datos son analizados y clasificados con facilidad por los buscadores. Basta que en el código fuente se agreguen etiquetas del tipo <script>. Esto permite que el usuario no lea dicho contenido, pero que los buscadores sí lo hagan y facilite la clasificación de información.
Microdatos
Son datos que se agregan a las etiquetas HTML y que al igual que el caso anterior, permite señalarle a los algoritmos o arañas de los buscadores datos específicos que quieras mostrar de la página.
RDFa
Al igual que el caso anterior, son atributos que se agregan a las etiquetas HTML, este sistema de datos se usa principalmente en la descripción de encabezados y cuerpo de la página.
¿Qué prefiere Google?
Nuestro objetivo siempre será posicionarnos, por lo que debemos atender a las preferencias del mayor buscador del mundo. En este caso, el propio Google señala que el sistema de datos estructurados que prefiere es el JSON-LD.
Puede resultar complicado aprender a utilizar este sistema de palabras en lenguaje JSON, pero la verdad es que no necesitas aprender nada. Ya Google y sus aliados nos han hecho los deberes al crear el Proyecto Schema. Desde su página podrás encontrar desarrollado el tipo de palabras o datos estructurados que debes agregar a tu portal según el tema que te encuentres desarrollando.
Más adelante hablaremos de Schema y de PORQUE DEBES USARLO, por lo pronto es necesario que primero entiendas que los datos JSON tienen términos que se usan con mucha frecuencia. Estos son:
Itemscope
Es uno de los elementos más importantes pues le indica a los buscadores de qué va tu web. Es decir, cuál es tu tema central. En la página de Schema.org encontramos un excelente ejemplo de esto. Para ello, acuden al caso de una página que hable sobre la película Avatar.
<div itemscope > <h1> Avatar </h1> <span> Director: James Cameron (nacido el 16 de agosto de 1954) </span> <span> Ciencia ficción </span> <a href="../movies/avatar-theatrical-trailer.html"> Tráiler </a> </div>
Como podemos ver en la imagen, Itemscope le indica a los buscadores el tema del que se trata el contenido. Esta palabra debe ser agregada en el código fuente, justo arriba del H1 del contenido.
Itemtype
Es un complemento del anterior y amplifica todavía más a los algoritmos de los buscadores el tipo contenido de tu web. Específicamente le señala a los buscadores de qué tipo de contenido se trata.
<div itemscope itemtype = "http://schema.org/Movie" > <h1> Avatar </h1> <span> Director: James Cameron (nacido el 16 de agosto de 1954) </span> <span> Ciencia ficción </span> <a href="../movies/avatar-theatrical-trailer.html"> Tráiler </a> </div>
Como vemos en la imagen de Schema, basta con agregar el tipo de tema del cual se está hablando después el itemstype con las especificaciones del tema de que se trate.
Itemprop
Este viene a ser un agregado que permite definir otras propiedades de tu contenido. En este colocarás aquellos elementos que te permitan identificar tu contenido con mayor facilidad.
<div itemscope itemtype = "http://schema.org/Movie"> <h1 itemprop = "name" > Avatar </h1> <span> Director: <span itemprop = "director" > James Cameron </span> (nacido el 16 de agosto de 1954) </span> <span itemprop = "género" > Ciencia ficción </span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer"> Tráiler </a> </div>
De vuelta a los ejemplos de Schema, podemos ver que podremos agregar tantos Itemprop como deseemos para especificar todavía más el tema del cual estemos hablando.
¡Aprendamos a usar Schema.org!
Cuando Google, Microsoft, Yahoo y Yandex se alían para crear una base de datos debes prestarle atención. Entra a Schema.org y aprende cada detalle de su uso.
Esta web es una base de datos colaborativa en la cual se van agregando esquemas “estándar” para que puedas copiarlos y agregarlos a tu propio portal. En realidad, se trata de un enorme diccionario que procura contener todos los datos que se puedan utilizar sobre un determinado tema.
Solo debes tener en cuenta un detalle sobre el uso de esa web: la mayoría de las palabras con las que trabajan están en inglés. Por lo tanto, al momento de buscar una palabra, recuerda traducirla al inglés.
Por ejemplo, si tu negocio es la venta de computadoras, puedes intentar en Shema con la palabra “sell”. De inmediato se mostrarán múltiples opciones, entre la que debes agregar la que mejor se ajuste a tus necesidades
Schema te aportará los datos estructurados, ya organizados en forma de esquema, por lo que te bastará con copiarlos y agregarlos a tu portal.
¿Qué tan importante son los datos estructurados?
Los mayores buscadores del mundo están invirtiendo para que los usuarios implementen datos estructurados a sus portales. Lo cual significa que si acudes a ellos tendrás un mejor posicionamiento dentro de ellos.
Recuerda que el mundo del SEO es altamente competitivo, así que mientras mayores herramientas tengas a tu favor, mejores serán tus posibilidades de lograr un buen posicionamiento.
¿Cómo puedes agregar datos estructurados a tu web?
Ya sabes qué es un dato estructurado y las ventajas que puede brindarle a tu web. Ahora es el momento de que aprendas el proceso de agregarlos a tu sitio.
Esta labor puede ser un poco larga, por eso, en las siguientes líneas encontrarás dos de las mejores opciones:
❶ Usar de forma correcta los complementos de WordPress
❷ Aprovechar el ayudante de marcado de datos estructurados de Google.
Cómo usar los complementos de WordPress
En el mundo hay dos clases de personas: las que usan WordPress para su web y las que no. Si tu perteneces al primer grupo, estás de suerte ya que usar WordPress facilita muchísimo agregar una estructura de datos.
La plataforma ofrece muchos complementos especializados que puedes utilizar. Muchos profesionales de Marketing opinan que lo mejor para esta tarea es la aplicación Schema, este complemento está diseñado para generar de forma automática los indicadores de esquema para todo tu sitio.
¡Lo mejor de todo es que si no estás conforme con el trabajo automático, la aplicación te permite editar manualmente esos indicadores!
Una vez que tengas instalado el complemento y estés editando una publicación o página, verás un cuadro debajo del panel de edición: «Datos estructurados de la aplicación de Schema«.
Este complemento agrega los mejores tipos de marcado de esquema. Por otro lado, aquí es donde es muy útil y conveniente conocer los conceptos básicos de los indicadores de esquemas. Ahora puedes revisar el marcado y, si lo consideras necesario, hacer cualquier cambio que parezca fuera de lugar.
Si crees conveniente editar algunos elementos del marcado, solo tienes que hacer clic en el ícono de lápiz.
Esta pequeña aplicación de WordPress es muy útil y fácil de usar. Te permitirá utilizar los indicadores de esquemas en tu sitio lo que te ayudará a estar mejor posicionado en la página de resultado de los buscadores.
Asistente de marcado de datos estructurados de Google
En el punto anterior explicamos lo que deben hacer los que utilizan WordPress, ahora es el turno de los que no lo usan. Aquí hay otro método (bastante simple) que te ayudará a agregar los indicadores de esquemas a tu web. No importa donde tengas alojado tu sitio o de qué tipo sea, lo que voy a explicar funciona para cualquier sitio.
Google pone a disposición de sus usuarios la herramienta “Asistente de marcado de datos estructurados”. Esta pequeña aplicación está diseñada para ayudar a los administradores de webs a agregar el indicador de esquema a sus sitios.
¿Cómo se usa?
Es muy fácil de usar. A continuación, te dejo una breve guía de cómo hacerlo:
Abre la página Ayudante de marcado de datos estructurados y haz clic en la pestaña “sitio web”. A continuación, debes elegir una de las categorías de sitios que proporciona Google. Quizás pienses que las opciones son un poco limitadas, pero seguro tu contenido encaja en una de esas categorías.
Ahora solo tienes que escribir o pegar en la parte inferior la URL de la página que deseas marcar. Si únicamente tienes HTML, debes elegir la etiqueta HTML y pegar tu código en el cuadro que aparecerá.
Haz clic en el botón “Empezar a Etiquetar”.
En la página siguiente, aparecerán dos paneles. El de la izquierda es tu contenido bien sea tu página o código HTML. El de la derecha es la herramienta de marcado.
Marcando los elementos
Resalta en el panel izquierdo el elemento que desees marcar. Por ejemplo, para marcar el nombre del autor del artículo, debes resaltarlo utilizando el ratón.
Aparecerá un cuadro emergente donde deberás elegir la etiqueta que corresponda al texto seleccionado. Estas opciones dependerán de la categoría que hallas elegido. Por ejemplo, si elegiste “Artículo” las opciones que aparecerán serán: Nombre, Autor, Fecha de publicación, Imagen, Sección del artículo, Cuerpo del artículo (entre otras). Si deseas marcar una imagen, solo tienes que hacer clic en la imagen y elegir «Imagen» en el cuadro que aparece.
Cada vez que selecciones un elemento en el cuadro emergente, ese dato aparecerá en el cuadro del lado derecho “Elementos de datos». No es obligatorio marcarlos todos, pero mientras más elementos marques, será mejor para tu sitio.
Cuando termines de marcar todo en tu página, debes hacer clic en «Crear HTML» en la esquina superior derecha.
Ese panel cambiara y deberás seleccionar «JSON-LD» en lugar de microdatos. Es muy importante que esté seleccionado “JSON-LD” ya que este es el tipo de datos estructurados que prefiere Google.
Ahora debes copiar y pegar en algún editor de texto (como el block de notas) el código que se genera.
Agregando el nuevo código a tu sitio
La parte anterior fue realmente fácil, pero desde aquí puede ser un poco complicado. Ya tienes el código de marcado, ahora debes agregarlo a tu sitio web. Dependiendo de tus habilidades esta parte puede (o no) resultar un poco complicada.
Lo primero que debes saber es que el código HTML que obtuviste del asistente de marcado de datos estructurados de Google debe ir en el código fuente de tu página.
Si alguna vez publicaste artículos en HTML, no deberías tener inconvenientes en incorporar este nuevo código a tu porta.
Debes tener en cuenta que manipular de forma incorrecta el código fuente de tu sitio puede arruinarlo por completo. Si tienes alguna duda de cómo integrar este código a tu web te recomiendo contratar a un profesional que te ayude con este punto.
