Génération de données structurées utilisant JavaScript pour votre site Web Google

Génération de données structurées utilisant JavaScript pour votre site Web Google

Les sites Web modernes utilisent activement JavaScript pour afficher le contenu dynamique. Lorsque vous utilisez JavaScript pour créer des données structurées sur votre site Web, il y a plusieurs points auxquels vous devriez faire attention. Ce manuel traite des meilleures pratiques et des stratégies de mise en œuvre.

Si vous commencez tout juste à travailler avec des données structurées, vous pouvez vous familiariser avec le fonctionnement de ces données dans le moteur de recherche Google.

Il existe plusieurs options pour générer des données structurées à l'aide de JavaScript, mais les plus populaires sont les suivantes: les suivantes:

  • Google Tag Manager
  • Château javascrip

Si vous utilisez le marquage pour les produits, gardez à l'esprit que le marquage généré dynamiquement peut réduire la fréquence et la précision de l'indexation des produits dans les moteurs de recherche, ce qui est particulièrement important pour les données en évolution rapide, telles que la disponibilité des marchandises et son prix. Si vous êtes un vendeur qui optimise tous les types de résultats commerciaux, assurez-vous que votre serveur est capable de faire face à une charge accrue de Google.

Utilisation de Google Tag Manager pour la génération dynamique JSON-LD pour votre site Web Google

Google Tag Manager est une plate-forme qui vous permet de contrôler les balises sur votre site sans avoir besoin de modifier le code. Pour générer des données structurées à l'aide de Google Tag Manager, suivez les étapes suivantes:

  • Configurez et installez Google Tag Manager sur votre site.
  • Ajoutez un nouvel utilisateur -tag au conteneur.
  • Insérez le bloc pris en charge des données structurées dans le contenu de la balise.
  • Installez le conteneur comme indiqué dans le menu de l'administrateur du conteneur.
  • Pour ajouter une balise à votre site, publiez un conteneur dans l'interface Google Tag Manager.
  • Tester l'implémentation.

Utilisation des variables Google Tag Manager pour votre site Google

Google Tag Manager (GTM) prend en charge l'utilisation des variables afin d'extraire les données de la page et de les inclure dans des données structurées. L'utilisation de variables évite la duplication d'informations dans GTM, ce qui réduit le risque de divergences entre le contenu de la page et les données structurées implémentées à l'aide de GTM.

Par exemple, vous pouvez créer dynamiquement un bloc JSON-LD pour une recette qui utilise le nom de la page comme nom de la recette, créant la variable utilisateur suivante nommée recette_name:

 function() { return document.title; } 

Après cela, vous pouvez utiliser recipe_name dans votre -tag personnalisé.

Nous vous recommandons de créer des variables pour collecter toutes les informations nécessaires à partir de la page.

Voici un exemple du contenu du -tag personnalisé:

  

Remarque: Cet exemple suggère que vous avez déterminé les variables Recipe_name, Recipe_image et Recipe_Author dans GTM.

Génération de données structurées à l'aide d'un javascript personnalisé pour votre site Web Google

Une autre méthode de génération de données structurées est l'utilisation de JavaScript pour générer toutes vos données ou pour ajouter des informations aux marques de serveur. Dans tous les cas, Google peut traiter et comprendre les données structurées qui sont présentes dans DOM lors du rendu de la page. Pour en savoir plus sur la façon dont Google traite JavaScript, lisez le leadership JavaScript.

Un exemple de données structurées générées à l'aide de JavaScript:

  • Déterminez le type de données structurées qui vous intéressent.
  • Modifiez votre site pour activer le prochain fragment JavaScript (reportez-vous à la documentation de votre CMS ou fournisseur d'hébergement, ou contactez les développeurs).
 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); }); 
  • Testez votre implémentation à l'aide de l'outil de test de résultats riches.

Utilisation du rendu de serveur pour des données structurées sur votre site Web Google

Si vous utilisez un rendu de serveur, vous pouvez également inclure des données structurées dans le résultat du rendu. Consultez la documentation de votre cadre pour savoir comment générer JSON-LD pour le type de données structuré souhaité.

Tester votre implémentation de données structurées pour votre site Web Google

Pour vous assurer que Google peut indexer vos données structurées, suivez les étapes suivantes:

  • Ouvrez l'outil de test de résultats riches.
  • Entrez les pages URL que vous souhaitez tester. Nous vous recommandons d'utiliser l'entrée d'URL, pas de code, car lors de l'utilisation du code, des restrictions peuvent se produire (par exemple, les restrictions COR).
  • Cliquez sur "Tester URL".

Succès: Si vous avez tout fait correctement et que votre type de données structurées est pris en charge dans l'outil, vous verrez le message "La page est éligible à des résultats riches". Si vous testez le type de données structurées qui ne sont pas prises en charge dans le test de résultats riches, vérifiez le rendu. S'il contient des données structurées, Google pourra les traiter.

Essayer à nouveau: S'il y a des erreurs ou des avertissements, il s'agit probablement d'une erreur syntaxique ou d'une propriété absente. Consultez la documentation de votre type de données structurées et assurez-vous d'avoir ajouté toutes les propriétés nécessaires. Si le problème n'est pas éliminé, vérifiez également le guide pour résoudre les problèmes avec JavaScript pour la recherche.

Si vous avez besoin d'aide pour générer ou tester des données structurées pour votre site, vous pouvez contacter la société de référence info@seo.computer Ou via WhatsApp +79202044461.

ID 15

Envoyez une demande et nous vous fournirons une consultation sur SEO promotion de votre site internet