Comment générer des données structurées à l'aide de JavaScript pour votre site Web Google

Comment générer des données structurées à l'aide de JavaScript pour votre site Web Google

Les sites Web modernes utilisent JavaScript pour afficher de nombreux contenus dynamiques. Il y a plusieurs choses qui valent la peine d'être prêts à prêter attention lors de l'utilisation de JavaScript pour générer des données structurées sur votre site. Ce leadership examine les meilleures pratiques et stratégies de mise en œuvre. Si vous êtes un débutant dans le domaine des données structurées, lisez le fonctionnement des données structurées.

Il existe plusieurs façons de générer des données structurées à l'aide de JavaScript, mais les plus courantes d'entre elles sont les suivantes:

  • Google Tag Manager
  • JavaScript utilisateur

En utilisant le marquage du produit? Gardez à l'esprit que le marquage généré dynamiquement peut ramper les achats moins fréquents et moins fiables, ce qui peut devenir un problème pour un contenu en évolution rapide, comme la disponibilité des biens et des prix. Si vous êtes un vendeur qui optimise pour tous les types de résultats des consommateurs, assurez-vous que votre serveur dispose de ressources informatiques suffisantes pour le traitement de l'augmentation du trafic de Google.

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

Google Tag Manager est une plate-forme qui vous permet de contrôler les balises sur votre site sans modification du 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 une nouvelle balise utilisateur 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 la section "Installation de Google Tag Manager" dans le menu d'administration des conteneurs.
  • Pour ajouter une balise à votre site, publiez un conteneur via l'interface Google Tag Manager.
  • Testez votre implémentation.

Utilisation des variables Google Tag Manager pour votre site Google

Google Tag Manager (GTM) prend en charge l'utilisation de variables pour extraire les informations de la page et l'ajouter à vos données structurées. Utilisez des variables pour extraire les données structurées de la page pour éviter la duplication des informations dans GTM. La duplication des données dans GTM augmente le risque d'incohérences entre le contenu de la page et les données structurées ajoutées à l'aide de GTM.

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

function() { return document.title; }

Ensuite, vous pouvez utiliser recepe_name dans votre utilisateur -tag.

Il est recommandé de créer des variables pour collecter toutes les informations nécessaires à partir de la page à l'aide de variables.

Voici un exemple de contenu utilisateur -Le:


Remarque: L'exemple précédent 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 utilisant un utilisateur JavaScript pour votre site Web Google

Une autre façon de générer des données structurées consiste à utiliser JavaScript pour générer toutes vos données structurées ou pour ajouter des informations supplémentaires aux données structurées du type de serveur. Dans tous les cas, Google Search peut comprendre et traiter les données structurées disponibles dans DOM lors de la rendu de la page. Pour en savoir plus sur la façon dont Google Search traite JavaScript, lisez le leadership JavaScript.

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

  • Trouvez le type de données structurées qui vous intéressent.
  • Modifiez votre site pour activer le fragment JavaScript, par exemple:
  • 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 votre site Google

Si vous utilisez le rendu du serveur, vous pouvez également inclure des données structurées dans une sortie de risque. Consultez la documentation de votre cadre pour savoir comment générer JSON-LD pour le type de données structurées qui vous intéressent.

Comment tester votre implémentation pour votre site dans Google

Pour vous assurer que Google Search peut indexer et traiter vos données structurées, testez votre implémentation:

  • Ouvrez l'outil de test de résultats riches.
  • Entrez l'URL que vous souhaitez tester. Nous vous recommandons d'utiliser l'entrée d'URL, et non de l'entrée de code, car il peut y avoir des restrictions JavaScript (par exemple, des restrictions COR) lors de l'utilisation du code INPAT.
  • Cliquez sur URL de test.

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 convient aux résultats avancés". Si vous testez le type de données structurées qui ne sont pas prises en charge dans l'outil Rich Results, vérifiez la réputation. Si le rendu contient des données structurées, Google Search pourra les traiter.

Essayer à nouveau: Si vous voyez des erreurs ou des avertissements, il s'agit probablement d'une erreur syntaxique ou d'une propriété manquante. 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 est enregistré, contactez également le problème JavaScript pour résoudre les problèmes de recherche.

Vous pouvez contacter la société de référence info@seo.computer, WhatsApp +79202044461.

ID 146

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