Los sitios web modernos utilizan activamente JavaScript para mostrar contenido dinámico. Cuando usa JavaScript para crear datos estructurados en su sitio web, hay varios puntos a los que debe prestar atención. Este manual analiza las mejores prácticas y estrategias de implementación.
Si recién está comenzando a trabajar con datos estructurados, puede familiarizarse con cómo funcionan estos datos en el motor de búsqueda de Google.
Hay varias opciones para generar datos estructurados usando JavaScript, pero las más populares son: las siguientes:
Si utiliza el marcado para los productos, tenga en cuenta que el marcado generado dinámicamente puede reducir la frecuencia y la precisión de la indexación de productos en los motores de búsqueda, lo cual es especialmente importante para cambiar rápidamente los datos, como la disponibilidad de bienes y su precio. Si usted es un vendedor que optimiza todo tipo de resultados comerciales, asegúrese de que su servidor pueda hacer frente a un aumento de la carga de Google.
Google Tag Manager es una plataforma que le permite controlar las etiquetas en su sitio sin la necesidad de editar el código. Para generar datos estructurados utilizando Google Tag Manager, siga los siguientes pasos:
Google Tag Manager (GTM) admite el uso de variables para extraer datos de la página e incluirlos en datos estructurados. El uso de variables evita la duplicación de la información en GTM, lo que reduce el riesgo de discrepancias entre el contenido de la página y los datos estructurados implementados utilizando GTM.
Por ejemplo, puede crear dinámicamente un bloque JSON-LD para una receta que use el nombre de la página como el nombre de la receta, creando la siguiente variable de usuario llamada Recipe_Name:
function() { return document.title; } Después de eso, puede usar recipe_name en su -tag personalizado.
Le recomendamos que cree variables para recopilar toda la información necesaria de la página.
Aquí hay un ejemplo del contenido de la personalización personalizada:
Nota: Este ejemplo sugiere que ha determinado las variables recetas_name, receta_image y receta_author en GTM.
Otro método para generar datos estructurados es el uso de JavaScript para generar todos sus datos o agregar información a las marcas de servidor. En cualquier caso, Google puede procesar y comprender los datos estructurados que están presentes en DOM al renderizar la página. Para obtener más información sobre cómo Google procesa a JavaScript, lea el liderazgo de JavaScript.
Un ejemplo de datos estructurados generados usando JavaScript:
fetch('https://api.example.com/recipes/123') .then(response => response.text()) .then(structuredDataText => { const script = document.createElement('script'); script.setAttribute('type', 'application/ld+json'); script.textContent = structuredDataText; document.head.appendChild(script); }); Si usa la representación del servidor, también puede incluir datos estructurados en el resultado de la representación. Consulte la documentación de su marco para averiguar cómo generar JSON-LD para el tipo de datos estructurados deseados.
Para asegurarse de que Google pueda indexar sus datos estructurados, siga los siguientes pasos:
Éxito: Si ha hecho todo correctamente y su tipo de datos estructurados es compatible con la herramienta, verá que el mensaje "La página es elegible para resultados ricos". Si prueba el tipo de datos estructurados que no son compatibles con la prueba de resultados ricos, verifique la representación. Si contiene datos estructurados, Google podrá procesarlos.
Intentar otra vez: Si hay errores o advertencias, lo más probable es que sea un error sintáctico o una propiedad ausente. Consulte la documentación de su tipo de datos estructurados y asegúrese de haber agregado todas las propiedades necesarias. Si el problema no se elimina, también verifique la guía para solucionar los problemas con JavaScript para la búsqueda.
Si necesita ayuda para generar o probar datos estructurados para su sitio, puede comunicarse con la compañía de SEO "SEO.CuPUTER" para cualquier problema por correo electrónico info@seo.computer O a través de whatsapp +79202044461.
ID 15