Una guía para implementar datos estructurados JSON-LD

Usar el marcado de esquema en su sitio web para habilitar fragmentos enriquecidos y aumentar su presencia en los SERP no es una estrategia nueva. Sin embargo, generalmente encontramos que nuestros nuevos clientes pueden haberse abstenido previamente de implementarlo, o han tenido dificultades para hacerlo debido a la falta de tiempo o recursos.

Pero los dolores de cabeza de implementar microdatos en línea son cosa del pasado. Google no solo apoya, sino que le aconseja que utilice JSON-LD (notación de objetos JavaScript para datos vinculados) para sus datos estructurados, lo cual es un gran paso adelante. Significa que en lugar de tener que codificar microdatos en línea, Google ahora rastreará JavaScript para acceder a sus datos estructurados.

Esto es genial, porque JSON-LD es más fácil de trabajar y de leer y escribir si así lo desea. Además, ahora hay más formas que nunca de implementar sus datos estructurados.

"Pero, ¿qué pasa si no sé cómo escribir JavaScript?"

Las buenas noticias no terminan aquí. Esta publicación lo guiará a través de algunas de las formas más fáciles de implementar sus datos estructurados, además de enumerar algunos recursos muy útiles para aprender sobre JSON-LD.

Herramienta de resaltado de datos de Google

En primer lugar, tiene la opción de utilizar la herramienta Resaltador de Google Search Console, que le permite implementar datos estructurados sin tener que mirar una sola línea de código .

Puede agregar Schema para una variedad de datos, incluidos artículos, eventos, productos e información comercial local. Luego, la herramienta le brindará una vista previa de la página para que pueda resaltar directamente contenido específico, agregando el marcado por usted a medida que lo hace:

Esta es la forma más fácil y rápida de agregar datos estructurados a su sitio web. Entonces, ¿por qué molestarse en hacerlo de la manera más difícil?

Bueno, el problema es que el resaltador de datos de Google solo le habla a Google. Entonces, si bien es un gran lugar para comenzar, no debe detenerse allí.

Estamos viendo desarrollos continuos en la forma en que Google usa los datos estructurados. Más recientemente, hubo un anuncio de Rich Cards en dispositivos móviles:

Tampoco se limita a Google, los gigantes de las redes sociales han encontrado formas de utilizar estos datos. Pinterest, por ejemplo, permite que Rich Pins extraiga datos sobre productos, recetas, lugares, etc.

Hay muchas cosas interesantes que puede hacer con el marcado de esquema que tampoco puede hacer con la herramienta de resaltado de Google. Por ejemplo, ¿por qué no intentar agregar sus perfiles de redes sociales al panel de conocimiento como lo tiene ASOS a continuación?

Tal vez desee agregar una barra de búsqueda de enlaces de sitio como la que tiene BuzzFeed a continuación, para permitir que las personas busquen dentro de su sitio web desde el SERP (eso es tan meta):

Por todas las razones anteriores, le recomendamos encarecidamente que utilice la herramienta de resaltado de datos de Google como una solución a corto plazo, mientras busca asegurarse de codificar su marcado de esquema en sus páginas web como una solución preparada para el futuro. Esto le dará plena propiedad y gestión de sus datos estructurados. También puede beneficiarlo en Bing y otros motores de búsqueda más pequeños.

Maneras sencillas de agregar marcado de esquema

Si su sitio web está en WordPress, puede utilizar un complemento como Schema Creator de Raven. Esta práctica herramienta lo guiará a través del proceso y creará un código corto para cada esquema que cree, lo que le permitirá editarlo posteriormente:

Si no usa WordPress y aún desea codificar manualmente sus datos estructurados JSON-LD, o si solo desea obtener más información sobre el tema, ¡aquí es donde entra en juego Google Tag Manager!

Uso de Google Tag Manager para enviar datos estructurados

Lo interesante de los motores de búsqueda que admiten JSON-LD es que se recogerá en cualquier parte del HTML, incluso si se inserta dinámicamente mediante un sistema de gestión de etiquetas como Google Tag Manager.

Familiarizarse con JSON-LD

Antes de comenzar, tendrá que dedicar un tiempo a familiarizarse con JSON-LD. Afortunadamente, puede encontrar muchos recursos útiles en línea, pero si aún no se siente seguro, deberá consultar a un desarrollador o profesional de marketing con experiencia en el trabajo con JSON-LD.

Aquí hay algunos enlaces para comenzar:

• Documentación en Schema.org, listada por tipo.
• JSON Playground, un gran lugar para jugar con la información que encuentra en el enlace anterior, con algunos ejemplos útiles para comenzar.
• JSON-LD Generator del desarrollador James Flynn, muy fácil de usar y hace el trabajo duro por usted.
• Guía de datos estructurados del mundo real de Search Engine News, con ejemplos de fragmentos enriquecidos en la naturaleza.

Guía paso por paso

Ahora echemos un vistazo a un ejemplo fácil de seguir del uso de Tag Manager para impulsar datos estructurados JSON-LS para que pueda comenzar. Nota: Si aún no está utilizando GTM para implementar y administrar etiquetas de marketing y análisis, lea esta sencilla guía de configuración e instalación.

Paso uno: agregar una etiqueta

En primer lugar, agregue una nueva etiqueta:

Paso dos: ponle un nombre a tu etiqueta

Ponle un nombre a tu etiqueta que tenga sentido. En este ejemplo, me concentraré en agregar el marcado de esquema de organización:

Paso tres: seleccione la etiqueta HTML personalizada

Como estamos usando nuestro propio marcado JSON-LD, debe seleccionar la opción de etiqueta HTML personalizada y presionar continuar:

Paso cuatro: ingrese su marcado JSON-LD

Ahora debe ingresar su marcado en el cuadro HTML. En este ejemplo, he usado el formato JSON-LD para Organización que se encuentra aquí.

Paso cinco: elija cuándo debe dispararse la etiqueta

Para esta configuración particular, quiero seleccionar disparar en todas las páginas, porque es un marcado de 'Organización' y, por lo tanto, en todo el sitio. Para hacer esto, simplemente puedo seleccionar "todas las páginas" antes de guardar la etiqueta. Entonces mi implementación está completa:

Si desea agregar un esquema que sea específico para una página en particular o un grupo de páginas, puede usar la opción 'algunas páginas' para especificar una página específica:

Es posible que desee hacer esto si estaba agregando información de negocios locales para su página de contacto o si tiene varias ubicaciones comerciales para marcar.

Sugerencia: Si desea especificar un grupo de páginas, puede utilizar la operación "contiene" la URL de la página o la operación RegEx (expresión regular).

Otro consejo: puede combinar sus datos estructurados (código) en una sola etiqueta HTML personalizada o grupos lógicos de etiquetas para reducir la cantidad de etiquetas que tiene en su contenedor.

Paso seis: prueba

Aunque puede utilizar el modo de depuración y vista previa de Google Tag Manager para probar si su etiqueta se está activando, también debe asegurarse de comprobar que funciona fuera de la plataforma de Tag Manager:

Tanto Google como Bing tienen herramientas útiles para probar sus datos estructurados y asegurarse de que todo funcione como debería. Solo recuerde publicar primero la versión de su contenedor en Tag Manager.

• Herramienta de prueba de datos estructurados de Google
• Validador de marcado de Bing

Asegúrese de utilizar estas herramientas gratuitas cuando pruebe su implementación, ya sea que haya utilizado un complemento, Tag Manager o codificado su esquema. Google ha realizado recientemente algunas mejoras en su herramienta, refinando funciones como resaltar, buscar y reemplazar y autocompletar.

Este método le permitirá insertar un fragmento JSON-LD en una página o páginas sin ningún problema. Pero si desea ser más técnico y usar Tag Manager para generar dinámicamente su fragmento, por ejemplo, usando {{URL de la página}}, no funcionará. Chris Goddard escribió recientemente una gran publicación que incluye una solución para esto en el blog de Moz.

Conclusión

Los desarrollos recientes en los últimos años han hecho que sea mucho más fácil implementar el marcado de esquema en su sitio web. La propia herramienta Data Highlighter de Google es una manera fácil de agregar Schema rápidamente para beneficio de Google, pero es aconsejable que planee codificar su Schema, ya sea usando complementos, Google Tag Manager o manualmente.

La implementación de datos estructurados JSON-LD es ahora la forma más aceptada y recomendada de formatear el marcado de esquema. Si bien no garantiza que los resultados de su búsqueda mostrarán fragmentos enriquecidos o tarjetas enriquecidas, esto no debería disuadirlo de proporcionar a los motores de búsqueda los mejores datos posibles, siempre que se implemente correctamente.

Si necesita ayuda para implementar datos estructurados en su sitio web, comuníquese con nosotros.

Si necesita ayuda con su no dude en contactarnos.