Validateur de graphique ouvert

Extraire et vérifier les métadonnées de n'importe quel graphique ouvert

Inspectez les graphiques ouverts avec l'Open Graph Validator d'ETTVI pour vous assurer que les métadonnées d'une page Web attirent l'attention lorsqu'elles sont partagées sur les réseaux sociaux. Cet outil avancé aide les webmasters à découvrir en temps réel dans quelle mesure leurs liens Web apparaissent sur Facebook, Pinterest, Instagram et LinkedIn.

Entrez simplement l'URL de votre page Web et voyez à quelle vitesse le validateur de graphique ouvert d'ETTVI affiche l'aperçu et les métadonnées du graphique ouvert. Il extraira et mettra en évidence les copiables :

• Titre du graphique ouvert

• Description de Graphe Ouvert

• Type de ressource Web

• Nom du site Web

• URL de site web

• URL de l'image

Le validateur révolutionnaire Open Graph Generator d'ETTVI extrait les  balises méta OG  - il récupère et affiche automatiquement les balises méta du graphique ouvert. L'utilisateur peut facilement copier ou télécharger les codes du graphique ouvert demandé.

Vérifiez et extrayez les balises méta des graphiques ouverts - prévisualisez gratuitement la façon dont les liens Web apparaissent sur les réseaux sociaux.

Suivez ces étapes pour vérifier le graphique ouvert de n’importe quel lien Web :

ÉTAPE 1 « Entrer l'URL »

Placez le lien vers une page Web pour valider son graphique ouvert comme suit :

ÉTAPE 2 « Exécuter l'outil »

Cliquez sur valider pour exécuter l'Open Graph Checker d'ETTVI.

ÉTAPE 3 « Aperçu du graphique ouvert »

L'Open Graph Validator d'ETTVI affichera le graphique ouvert pour montrer comment votre lien apparaîtra sur les réseaux sociaux comme suit :

ÉTAPE 4 « Vérifier les détails du graphique ouvert »

L'Open Graph Validator d'ETTVI extraira et mettra en évidence les informations suivantes :

ÉTAPE 5 « Obtenir les balises méta Open Graph »

L'Open Graph Validator d'ETTVI extraira les balises méta OG et les affichera comme suit :

Cliquez sur ou pour enregistrer les balises méta du graphique ouvert donné.

L'Open Graph Validator d'ETTVI est le meilleur pour garantir si les utilisateurs de médias sociaux trouvent vos liens Web significativement remarquables ou non. Il vous permet de prévisualiser et de vérifier le graphique ouvert de n'importe quel site Web en moins d'une minute. De plus, vous pouvez facilement extraire des métadonnées et des balises méta copiables de n'importe quel graphique ouvert avec l'outil avancé d'ETTVI.

Jetez un œil ci-dessous pour savoir ce que propose Open Graph Checker d'ETTVI et pourquoi vous devriez le choisir :

Interface conviviale

L'équipe ETTVI s'est assurée que les utilisateurs peuvent facilement trouver, accéder et utiliser cet outil pour tester le graphique ouvert de n'importe quelle ressource Web. Toutes les caractéristiques et fonctions de l'Open Graph Validator d'ETTVI ont été mises en évidence et correctement affichées de manière organisée. De plus, ce que fait l'Open Graph Tester d'ETTVI, comment et pourquoi les utilisateurs doivent l'utiliser a été clairement spécifié.

Justement, la façon dont cet outil a été conçu et développé pour vérifier le graphique ouvert de n'importe quel lien web est vraiment remarquable. Il fonctionne efficacement et avec précision pour aider les webmasters à valider tout graphique ouvert.

Validation en un clic

L'Open Graph Validator d'ETTVI demande simplement à l'utilisateur de saisir l'URL d'une ressource Web pour récupérer et afficher son graphique ouvert. En un seul clic, les utilisateurs peuvent vérifier et valider le graphique ouvert de n'importe quelle page Web. Si l'utilisateur rencontre un problème avec la compréhension du fonctionnement de l'outil, il peut lire le manuel intégré pour savoir comment tester le graphe ouvert avec l'Open Graph Validator d'ETTVI.

Extraction rapide

Lorsque l'utilisateur saisit l'URL d'une ressource Web, il récupère et affiche automatiquement tous les détails du graphique ouvert. En bref, l'Open Graph Validator d'ETTVI extrait les métadonnées et les balises méta du graphique ouvert demandé et permet aux utilisateurs de les copier ou de les télécharger selon leurs besoins. Bien sûr, tous les webmasters, y compris les référenceurs, les spécialistes du marketing sur les réseaux sociaux et les blogueurs, peuvent tirer parti de cet outil avancé pour suivre les balises méta og ou le titre et la description de tout graphique ouvert en temps réel.

Accès gratuit et illimité

ETTVI permet aux utilisateurs d'accéder et d'utiliser gratuitement Open Graph Validator. Des personnes du monde entier peuvent valider des graphiques ouverts avec cet outil avancé, quelle que soit la limite de temps et l'abonnement.

Le contenu est la chose la plus importante. Cependant, même le meilleur contenu passerait inaperçu sans le partage sur les réseaux sociaux et les plateformes qui favorisent le partage. Si un utilisateur souhaite maximiser la portée sur les réseaux sociaux, la première chose qu'il doit faire est d'améliorer l'apparence du contenu lorsqu'il est partagé, ce que les référenceurs peuvent faire avec les balises Open Graph.

Que sont les balises méta Open Graph ?

Chaque page Web peut être transformée en un objet riche dans le graphe social grâce au protocole Open Graph. Il est possible de modifier la façon dont les URL apparaissent sur les réseaux sociaux en ajoutant des balises méta Open Graph à l'en-tête des balises HTML.

La section d'une page Web contient ces balises. Les balises Open Graph sont toutes les balises avec le préfixe og: avant le nom de la propriété.

Les balises méta pour les graphiques ouverts sont codées comme suit :

Après avoir appris ce que sont les balises de graphique ouvert, les référenceurs peuvent demander à quoi ressemble le codage de ces balises.

La formule de base de ce codage est la suivante :

Bien que Facebook ait été le pionnier de ce concept, il a depuis été adopté par d'autres sociétés de médias sociaux. Twitter, LinkedIn et Google reconnaissent les balises Graphs ouvertes. Bien que Twitter possède ses propres balises méta appelées « Cartes Twitter », il reconnaît et utilise toujours les balises Open Graph et le fera si aucune carte Twitter n'est trouvée. Cependant, les référenceurs peuvent utiliser le vérificateur de graphiques ouverts d'ETTVI, qui fournit un aperçu des balises valides qui ont été implémentées avec succès.

Pourquoi le protocole Open Graph est-il nécessaire pour un site Web ?

Le protocole Open Graph améliore l’expérience utilisateur du contenu partagé. Cela améliore l'exposition du contenu, le rend plus intéressant et encourage les lecteurs à cliquer dessus.

Par exemple, interagir avec des éléments riches tels que :

• Augmenter le nombre de personnes qui visitent le site Web

• Améliorez les classements des moteurs de recherche et augmentez les ventes

• Obtient des backlinks de haute qualité vers le site Web

• Augmenter le nombre de personnes qui répondent au contenu particulier

• Augmenter le suivi sur les réseaux sociaux

• Augmenter le taux de clics (CTR) du site Web

Utilisez les balises OG pour informer les réseaux sociaux du contenu qu'ils doivent afficher lorsque quelqu'un partage le contenu. Facebook n'est pas un bon endroit pour publier un lien si l'image est manquante ou si le titre est incorrect. Les balises OG peuvent également être utilisées pour cibler certains groupes ou emplacements. Par exemple, les référenceurs peuvent contrôler les informations qui apparaissent aux utilisateurs dans une zone spécifique. Commençons par quelques notions de base sur les métadonnées pour les graphiques ouverts.

Bases des métadonnées

Il existe quatre balises méta fondamentales que chaque page doit inclure :

• og:title : le titre de la page. Cela ne doit inclure aucun identifiant spécifique au site, mais simplement des informations sur la page elle-même.

• og:type : le type de contenu de la page. Le type le plus courant est un site Web, mais d'autres variétés sont disponibles si les webmasters ont besoin de quelque chose de plus spécifique.

• og:image : l'image qui apparaîtra dans l'aperçu d'un lien. Cela doit être une image représentative du contenu de la page. De plus, il est avantageux d'inclure une image de secours représentant le site lié au lien.

• og:url : l'URL canonique de la page. Il doit s'agir d'une URL complète.

Bien que la mise en œuvre des balises Open Graph n’aura aucun effet direct sur le référencement sur la page, elle aura sûrement un effet sur les performances des liens vers les réseaux sociaux. C’est donc un aspect crucial à étudier !

Comprendre ET les balises méta sur Facebook

Les balises méta à graphique ouvert sur Facebook sont disponibles dans une variété de saveurs. Voici de nombreux types de graphiques ouverts qui expliqueront comment utiliser chacun d’eux.

et : titre

Le titre du contenu est défini de cette manière comme l'utilisateur peut s'y attendre. Le code peut toujours utiliser la balise méta-titre standard à cette fin. Le méta-titre est utilisé à la place de la balise og:title si Facebook ne le localise pas sur la page.

N'oubliez pas que le texte affiché sur un fil d'actualité Facebook est en gras et incroyablement accrocheur. Comme le titre d’un bon article de blog, il doit être intrigant.

Une règle empirique raisonnable consiste à s’en tenir à entre 60 et 90 caractères, mais il n’y a pas de restriction supérieure ou inférieure. Facebook tronquera le titre à seulement 88 caractères s'il contient plus de 100 caractères.

et :url

Lors du partage d'une page, il est facile de définir l'URL canonique de la page. Essentiellement, cela signifie que tous les partages seront liés à une seule page Web. Il s'agit d'une balise utile si le contenu comporte de nombreuses URL pointant vers le même élément de contenu. Remarque importante : le fil d'actualité de Facebook affiche uniquement le nom de domaine et non l'URL fournie par les utilisateurs.

et : tapez

Ceci exprime le type d'objet, voici quelques exemples :

Divertissement:

• livre

• jeu

• film

Il existe de nombreux chevauchements entre ce méta-descripteur et la balise méta description HTML. La balise og:description est utilisée pour décrire le contenu sur Facebook ; il apparaît sous le titre du lien plutôt qu'en haut de la page de résultats d'un moteur de recherche. Ne passez pas trop de temps à essayer de comprendre comment inclure des mots-clés dans le contenu. En conséquence, cela n’aura aucun impact sur le classement des moteurs de recherche. Cependant, si les référenceurs souhaitent que les utilisateurs cliquent dessus, ils doivent le rendre intéressant et engageant, et ils peuvent vérifier la description, le titre, l'image et le contenu de leur og avec le validateur de graphique ouvert d'ETTVI.

Cartes Twitter

Les cartes Tumblr sont un type de balise méta sociale utilisée uniquement pour tweeter.

Twitter utilise des balises de carte Twitter, qui offrent plus de puissance et d'options lorsqu'elles sont disponibles. Sinon, Open Graph est utilisé par défaut (encore une fois, s'il est fourni).

Avec les cartes Twitter, du contenu supplémentaire, tel que des photographies, des vidéos et d'autres médias, est instantanément incorporé dans le Tweet, augmentant ainsi l'interaction.

Balises pour les cartes Twitter

Twitter:card détermine le type de carte utilisé dans une situation.

Résumé - propose une carte récapitulative qui comprend une image d'un carré accompagnée des informations récapitulatives.

Grande image récapitulative : lorsque l'image utilisée est rectangulaire, l'utilisateur souhaite utiliser une grande image récapitulative au lieu d'une petite image récapitulative.

twitter:description (og:description) Une description de la page ou de l'article.

twitter:site Utilisation du pseudo Twitter, associé à l'entreprise ou au site Web

twitter:créateur (Facultatif). Création du compte Twitter du créateur de contenu. Ce n'est que si le twitter:card est défini pour résumer une grande image que cette balise aura un sens.

Des images carrées (via la balise twitter:image) d'une taille comprise entre 4 096 x 4 096 et 144 x 144 pixels peuvent être utilisées pour les cartes Twitter : définies sur résumé.

De plus, les images rectangulaires comprises entre 4 096 x 4 096 et 300 x 157 pixels sont prises en charge pour le paramètre de résumé de grande image, qui peut être utilisé pour des images plus grandes. Les fichiers JPG, WEBP, GIF et PNG sont tous pris en charge et leur taille ne doit pas dépasser 5 Mo. Twitter, en revanche, ne prend pas en charge les GIF animés. Au lieu de cela, la première image est utilisée. Cependant, l'outil Open Graph Checker d'ETTVI aidera les professionnels du référencement à identifier et à optimiser les balises OG sur une page Web, en fonction de leurs besoins.

Configuration des balises Open Graph de Shopify pour Facebook

Les balises OG telles que og:title et og:image sont extraites de variables telles que la balise de titre et l'image sélectionnée dans la plupart des thèmes Shopify. Seule la balise og:image peut être personnalisée via l'interface utilisateur de Shopify. Thème/ Personnaliser/ Paramètres du thème/ Personnaliser/ Médias sociaux/ choisissez une image dans le menu déroulant. Pour voir comment procéder, accédez à Boutique en ligne > Thèmes > Actions > Modifier le code > Extraits > Liquide de balises méta-sociales dans la barre de défilement. Si les utilisateurs doivent apporter des modifications au code, ils peuvent le faire.

Wix autorise l'ajout de balises de graphique ouvert

En plus du méta-titre et de la description de la page, Wix utilise également d'autres données pour remplir les balises OG typiques.

Dans les options « Partage social », les utilisateurs peuvent modifier la description, le titre et l'image de chaque page. L'image OG peut également être personnalisée pour l'ensemble du site. Dans le menu principal, sélectionnez Paramètres > Partage social. Wix simplifie l'ajout de balises OG car rien n'a besoin d'être codé en dur.

Ouvrir les balises graphiques dans le panneau d'administration WordPress

Le plugin SEO de Yoast peut aider à améliorer le classement du site Web dans les moteurs de recherche. Une boîte à outils SEO doit être affichée dans l’éditeur d’article ou de page, jusqu’en bas. Sélectionnez « Facebook » dans le menu déroulant « Social »

Pour définir les balises og:description, og:title et og:image, saisissez les informations ici. Il n'est pas nécessaire de définir explicitement le og:url, Yoast s'en charge. Les dimensions de l'image sont également incluses dans la liste des balises OG qui peuvent être bénéfiques. Un utilisateur ne le sait peut-être pas, mais s'il n'a pas d'image en vedette pour la publication, Yoast l'utilisera par défaut. Pour gagner du temps, il ajoutera également d'autres balises Twitter Card et OG, telles que le nom du site, la taille de l'image, etc.

La définition d’une balise og:image sur l’ensemble du site est également recommandée. Lorsqu'une URL partagée ne possède pas de balise personnalisée, ce message s'affiche. En utilisant les paramètres de Yoast, il localisera cette option. Yoast > Facebook > Réseaux sociaux Une fois le commutateur réglé sur « Activé », soumettez une image appropriée. C'est un bon endroit pour les images de marque.

Que se passera-t-il si la publication n'a pas de balises OG ?

Par défaut, la plupart des réseaux sociaux feront de leur mieux pour créer un aperçu du contenu. La plupart du temps, cela ne se passe pas comme prévu. Même si le nom de ma page apparaît dans le titre et la description, le tweet n'est pas particulièrement accrocheur. Nous voyons une histoire différente par rapport à l’aperçu d’un seul article. Alors, que se passe-t-il si un utilisateur n'utilise pas de balises graphiques ouvertes sur son site Web ? Rien de grave ne se produira, mais il ne pourra pas utiliser certaines des caractéristiques qui distinguent le contenu du déluge d'autres contenus mis en ligne.