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:
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.
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:
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.
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:
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 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é.
Pour vous assurer que Google peut indexer vos données structurées, suivez les étapes suivantes:
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