Generar datos estructurados con JavaScript

Los sitios web modernos utilizan JavaScript para mostrar mucho contenido dinámico. Hay algunas cosas que debe tener en cuenta al usar JavaScript para generar datos estructurados en sus sitios web, y esta guía cubre las mejores prácticas y estrategias de implementación. Si es nuevo en los datos estructurados, puede obtener más información sobre
cómo funcionan los datos estructurados.

Existen diferentes formas de generar datos estructurados con JavaScript, pero las más comunes son:

• Google Tag Manager
• JavaScript personalizado

Utilice Google Tag Manager para generar JSON-LD dinámicamente

Google Tag Manager es una plataforma que le permite administrar etiquetas en su sitio web sin editar el código. Para generar datos estructurados con Google Tag Manager, siga estos pasos:

1. Configure e instale Google Tag Manager en su sitio.
2. Agregue una nueva HTML personalizado etiqueta al contenedor.
3. Pegue un bloque de datos estructurados compatible en el contenido de la etiqueta.
4. Instale el contenedor como se muestra en la sección Instalar Google Tag Manager del menú de administración de su contenedor.
5. Para agregar la etiqueta a su sitio web, publique su contenedor en la interfaz de Google Tag Manager.
6. Pruebe su implementación.

Uso de variables en Google Tag Manager

Google Tag Manager (GTM) admite variables
para usar información en la página como parte de sus datos estructurados. Use variables para extraer los datos estructurados de la página en lugar de duplicar la información en GTM. Duplicar la información en GTM aumenta el riesgo de tener una discrepancia entre el contenido de la página y los datos estructurados insertados usando GTM.

Por ejemplo, puede crear dinámicamente un Receta bloque JSON-LD
que usa el título de la página como nombre de la receta creando la siguiente variable personalizada llamada:

recipe_name Luego puede usar {{recipe_name}}

en su HTML de etiqueta personalizada.

Recomendamos crear variables para recopilar toda la información necesaria de la página usando variables.

en GTM.

Generar datos estructurados con JavaScript personalizado
Otra forma en la que puede generar datos estructurados es usando JavaScript para generar todos sus datos estructurados o agregar más información a los datos estructurados renderizados del lado del servidor. De cualquier manera, la Búsqueda de Google puede entender y procesar los datos estructurados que están disponibles en el DOM cuando renderiza la página. Para obtener más información sobre cómo la Búsqueda de Google procesa JavaScript, consulte la.

guía de conceptos básicos de JavaScript

1. Aquí hay un ejemplo de datos estructurados generados por JavaScript: Encuentre el tipo de
2. datos estructurados
3. que le interesan..

Edite el HTML de su sitio web para incluir un fragmento de JavaScript como el siguiente ejemplo (consulte la documentación de su CMS o proveedor de alojamiento, o pregunte a sus desarrolladores).

Pruebe su implementación con la Prueba de resultados enriquecidos Uso de renderizado del lado del servidorSi está utilizando renderizado del lado del servidor
, también puede incluir los datos estructurados en la salida renderizada. Consulte la documentación de su marco para averiguar cómo generar el JSON-LD para

el tipo de datos estructurados

que le interesan.

1. Pruebe su implementación Para asegurarse de que la Búsqueda de Google pueda rastrear e indexar sus datos estructurados, pruebe su implementación:.
2. Abra la
   
3. Ingrese la URL que desea probar. Recomendamos que utilice la entrada de URL en lugar de la entrada de código porque existen limitaciones de JavaScript al usar la entrada de código (por ejemplo, restricciones de CORS)..

   Haga clic enProbar URL Éxito: Si hizo todo correctamente y su
   tipo de datos estructurados es compatible con la herramienta

   , verá el mensaje “La página es elegible para resultados enriquecidos”.Si está probando un tipo de datos estructurados que no es compatible con la prueba de resultados enriquecidos, verifique el HTML renderizado. Si el HTML renderizado contiene los datos estructurados, la Búsqueda de Google podrá procesarlos. Inténtelo de nuevo : Si ve errores o advertencias, lo más probable es que sea un error de sintaxis o una propiedad faltante. Lea la
   documentación.