Taille d'image valide pour le balisage d'extrait de code JSON-LD

Taille d'image PC et AMP pour un balisage d'extrait de code JSON-LD valide

Mis à jour le 20.07.2021

Cet article vous aidera à savoir comment choisir la meilleure taille d'image pour les extraits enrichis testés avec du code JSON valide, ainsi que les meilleures pratiques de base pour les images utilisées dans vos pages Web et vos publications.

Dans un récent hangout pour les webmasters, John Mueller de Google a expliqué comment le géant de la recherche prévoit d'utiliser la recherche d'images pour des tâches plus transactionnelles, plus éducatives et plus liées à la recherche en 2020 et au-delà. Nous avons vu l'augmentation des images dans les Rich Cards et d'autres extraits de fonctionnalités riches qui incluent des visuels et nous nous attendons à ce que cela continue. Cela signifie qu'avoir une taille d'image valide est plus important que jamais.

passons tout de suite à vos questions clés.

Les images sur les pages AMP ont-elles des exigences de taille ?

Oui. Chaque page Web doit contenir au moins une ou, de préférence, plusieurs images haute résolution d'au moins 800 000 pixels en multipliant la largeur et la hauteur. L'aspect largeur doit être d'au moins 800px.

Que signifie cet avertissement : taille de l'image inférieure à la taille recommandée ?

Une page est marquée avec cette notification et est évaluée comme une page moins qu'idéale car elle contient une ou plusieurs images avec une taille inférieure à la taille recommandée. Généralement, cet avertissement est tiré de l'image sélectionnée.

Si votre entreprise souhaite gagner en visibilité dans Google News Carousel, Top Stories ou Product Carousels, par exemple, elle nécessite des dimensions d'image spécifiques pour une mise en page appropriée. Cela garantit également que lorsque le chercheur arrive sur la page, il peut s'attendre à une image de qualité pour soutenir le sujet.

Quel est l'avantage de se conformer aux spécifications d'image AMP ?

• En suivant ces directives, vos articles sont plus susceptibles d'obtenir un placement en vedette dans les extraits en vedette et en haut des résultats de recherche. Il n'a pas d'impact sur l'indexation des pages HTML standard.
• En respectant les recommandations minimales, votre contenu multimédia augmente vos chances d'avoir un article présenté dans le carrousel AMP.
• Plus souvent que jamais, les gens commencent une recherche en effectuant une recherche d'images. en respectant ce qui fonctionne le mieux pour les moteurs de recherche pour trouver et afficher votre contenu, vous pouvez gagner de nouvelles affaires.

Les images de logo ont-elles également des exigences de taille pour AMP ?

Oui. Il existe des exigences de base en matière de format de logo, de dimension et de rembourrage pour les pages AMP. Le logo doit tenir dans une boîte de 60 x 600 pixels ; cependant, il sera rendu dans le carrousel AMP à une taille de 16 x 160. Les logos AMP doivent avoir les dimensions d'une boîte de 60 x 600 pixels.

IMAGE DU LOGO DU SITE

Pour comprendre l'utilisation globale des images dans le schéma, 'logo' et 'photo' sont classés comme des sous-propriétés de 'image'. Une utilisation correcte signifie avoir plus de contrôle sur ce qui se trouve dans le Google Knowledge Graph d'une entreprise .

Chaque site Web a un logo (ou devrait en avoir un), et un balisage de logo correct permet aux webmasters d'indiquer à Google quelle image ils souhaitent utiliser dans leur affichage Knowledge Graph.

Les directives relatives aux images de Google indiquent : "Vous pouvez spécifier l'image que Google doit utiliser comme logo de votre organisation dans les résultats de recherche et le Knowledge Graph. Pour ce faire, ajoutez le balisage schema.org Organization à votre site Web officiel qui identifie l'emplacement de votre logo préféré.

La capacité d'une entreprise à faire progresser sa position dans les SERP continue de croître, et les algorithmes de Google s'appuient désormais davantage sur cette forme de balisage . Schema.org fournit une liste de ses nouvelles versions. Le schéma des images est fourni depuis un certain temps. La version 1.7 du 8 juillet 2014 indiquait : "Cette version modifie la propriété image, notant que ImageObject est une valeur raisonnable." Et il se développe rapidement, de sorte que les entreprises ont plus d'opportunités d'utiliser le balisage.

Google met à jour ses directives sur les images de données structurées

Google adopte une approche plus structurée avec des spécificités dans son image de données structurées pour l'utilisation des images.

Nous avons commencé à faire des copies de la page des produits Google devoloper afin de suivre la mise à jour de ces directives et de comparer les variantes. Lorsque vous effectuez une analyse du comportement des consommateurs, observez quel segment d'audience arrive sur votre site grâce à une recherche d'images.

Qu'il s'agisse d'un commerce de proximité, de recettes, de balisage de produits , d'un livre, d'un événement, d'un téléfilm, etc., chacun a désormais besoin d'une attention particulière à sa charte d'image. Certains types de données ont été mis à jour d'une propriété recommandée à un type requis.

Les anciennes directives que nous avions étaient rares et ne disaient rien d'autre que de fournir une image ; cependant, les personnes qui implémentent le schéma doivent désormais adhérer aux nouvelles directives qui sont beaucoup plus descriptives. Une nouvelle directive est une évidence : " Les URL des images doivent être explorables et indexables ".

Auparavant, il suffisait de fournir une URL pour chaque image. Désormais, Google indique qu'il souhaite "Champ répété d' ImageObject ou d'URL". Bien que peu de nos pages ne contiennent pas d'image, les nouvelles directives indiquent : "Chaque page doit contenir au moins une image , et il ne précise pas que cela concerne uniquement les pages et les publications qui incluent un balisage de schéma. La différence peut signifier que votre contenu s'affiche ou non dans les cartes Google les plus courantes .

Google recommande d'utiliser content="max-image-preview:large" pour encourager le classement dans Google Discover pour les URL non AMP.

Google détecte les entités Web avec une image locale

Google plonge plus profondément dans la cartographie des entités locales et laisse entendre qu'il est sur le point de porter la recherche d'images à un tout autre niveau.

Mais maintenant, nous savons que Google sélectionnera l'image qu'il préfère afficher dans les résultats de recherche en tenant compte du rapport et de la résolution de chaque image. Il est intéressant de noter que la « résolution » est désormais référencée, ce qui indique que les utilisateurs en apprennent beaucoup sur une page à partir des images qui y sont utilisées et que Google précise davantage les facteurs importants dans la sélection des images. Effectuez un audit complet du site Web pour avoir des chances d'améliorer la façon dont vos images peuvent être utilisées plus efficacement dans la recherche visuelle.

N'importe quelle ancienne image n'est pas utile aux téléspectateurs, donc naturellement, nous savions depuis le début que les images devaient être pertinentes pour le contenu balisé avec un schéma. Un changement clair est que Google révèle maintenant qu'il préfère un tableau d'images à différents rapports d'aspect. À l'instar d'un contenu de qualité, vos images doivent être centrées sur le consommateur et attirer votre public . Nous apprenons que "Pour de meilleurs résultats, fournissez plusieurs images haute résolution (minimum de 800 000 pixels en multipliant la largeur et la hauteur) avec les proportions suivantes : 16 x 9, 4 x 3 et 1 x 1."

Si vous utilisez la propriété d'image thumbnailUrl , les mêmes directives - y compris la recommandation pour plusieurs rapports d'aspect - entrent en jeu. Tout n'est pas allé dans le sens d'être plus précis. Alors que la télévision et les films avaient auparavant besoin d'une image avec "un minimum de 140 pixels de large sur 210 pixels de haut, avec un rapport d'aspect de 2: 3", actuellement, ces spécifications sont remplacées par ces nouveaux formats d'image "standard", ce qui signifie que Google demande "16 × Formats d'image 9, 4 × 3 et 1 × 1 ".

Les webmasters qui sont confrontés à la tâche de revenir en arrière, de mettre à jour et de remplacer l'ancienne image pour se conformer aux nouvelles demandes d'images de données structurées de Google seront heureux de savoir que les directives relatives aux images d'articles n'ont pas changé. Ils conservent la même spécification pour la largeur en pixels de l'image : l'URL d'une image représentative de l'article. Seule une image balisée qui appartient directement à l'article doit être spécifiée. Auparavant, les images devaient avoir au moins 696 pixels de large ; assurez-vous de vous tenir au courant des meilleures pratiques de Google pour avoir une meilleure chance d'afficher vos images dans Google Maps .

IMAGE DE L'ARTICLE

Comme on le trouve actuellement exactement dans Google Guidelines : "ImageObject ; requis (AMP), recommandé (non-AMP)

Consignes supplémentaires relatives aux images :

• Seule une image balisée qui appartient directement à l'article doit être spécifiée.
• Les images doivent avoir au moins 1200 pixels de large (anciennement 696 pixels de large).
• Chaque page doit contenir au moins une image (que vous incluiez ou non le balisage). Google sélectionnera la meilleure image à afficher dans les résultats de recherche en fonction du format d'image et de la résolution.
• Les URL d'image doivent être explorables et indexables.
• Les images doivent représenter le contenu balisé.
• Les images doivent être au format .jpg, .png ou. format gif.
• Pour de meilleurs résultats, fournissez plusieurs images haute résolution (minimum de 800 000 pixels en multipliant la largeur et la hauteur) avec les proportions suivantes : 16 x 9, 4 x 3 et 1 x 1.

Comment obtenir un article, un blog et une image de publication de blog idéaux dans vos publications Google

Les sites de commerce électronique peuvent augmenter les ventes avec un schéma d'image de produit correct.

Voici un exemple où votre site peut bénéficier de l'utilisation correcte des images. Lorsqu'un nouveau message sur Google est publié, il peut inclure une image accrocheuse dans le lien généré. Google affiche un aperçu, ou extrait de SERP, qui se compose aujourd'hui du titre de la page, d'une brève description de celle-ci et d'une image miniature pour attirer l'attention du spectateur.

Chaque image d'une page doit comporter une balise alt liée au sujet de la page et prenant en charge l'intention de recherche correspondante .

Google fournit des détails détaillés sur le rendu d'une image d'article.

Depuis le 6 janvier 2017, nous devions avoir un balisage de schéma d'image avec une taille d'image conforme aux directives suivantes :

* L'image fait au moins 400 pixels de large

* L'image a un rapport hauteur/largeur inférieur à 5:2 (largeur:hauteur).

Lorsque votre image +Snippet ne s'affiche pas

Google révèle une raison potentielle : "Les images trop petites ou pas assez carrées ne sont pas incluses dans le +Snippet, même si les images sont explicitement référencées par les microdonnées schema.org ou le balisage Open Graph. Plus précisément, la hauteur doit être d'au moins 120 px, et si la largeur est inférieure à 100 px, le rapport d'aspect ne doit pas être supérieur à 3,0. »

MINIATURE DE TAILLE D'IMAGE VIDÉO

Les internautes poussent le niveau de consommation de contenus vidéo vers le haut. Ce que cela signifie pour vous implique que le balisage de votre site Web avec des éléments Web vidéo avec des données structurées aidera Google Semantic Search avec un point d'entrée pour découvrir et aider à faire correspondre les requêtes de recherche à vos vidéos pertinentes disponibles en ligne.

Une thumbnailUrl doit être fournie pour indiquer le fichier d'image miniature de la vidéo pouvant être affiché dans les pages de résultats des moteurs de recherche (SERP). « Les images doivent mesurer au moins 160 × 90 pixels et au plus 1 920 × 1 080 pixels. Nous recommandons les images aux formats .jpg, .png ou .gif. Toutes les URL d'image doivent être explorables et indexables. Sinon, nous ne pourrons pas les afficher sur la page des résultats de recherche », indique actuellement Google.

Les meilleures pratiques suivantes en matière de miniatures personnalisées pour la taille et la résolution de l'image vidéo sont proposées : "Votre image miniature personnalisée doit être aussi grande que possible, car l'image sera également utilisée comme image d'aperçu dans le lecteur intégré. Nous vous recommandons vos miniatures personnalisées :

* Avoir une résolution de 1280×720 (avec une largeur minimale de 640 pixels).

* Être téléchargé dans des formats d'image tels que .JPG, .GIF, .BMP ou .PNG.
Restez sous la limite de 2 Mo.

* Essayez d'utiliser un format d'image 16:9 car c'est le format le plus utilisé dans les lecteurs et les aperçus YouTube."

Votre contenu vidéo est une imagerie à la fois très visible et demandée par les internautes. Prenez le temps de sélectionner l'image de couverture qui annonce votre contenu vidéo. Maximisez l'impact de vos images sur la page et dans la recherche pour ajouter de l'intérêt et encourager l'engagement des utilisateurs.

CARROUSEL D'IMAGES AMP

Il utilise le fichier amp-carousel-0.1.js et width: 100% . Les codeurs s'appuient sur le type carousel pour afficher une liste d'images de taille similaire sous forme de bande continue. Le composant amp-carousel utilise idéalement les espaces d'écran plus petits sur les smartphones pour permettre aux téléspectateurs mobiles de choisir parmi plusieurs vignettes similaires de contenu proposées en cliquant sur une image le long de son axe horizontal.

L'article de RelayMedia intitulé Spread the Carousel Love , ** il commence en disant: «Tous les éditeurs hésitants à propos de l'AMP devraient considérer l'opportunité qu'ils manquent. Il n'y a pratiquement aucun risque à publier des articles AMP, et beaucoup à gagner en termes de proéminence dans la recherche et d'apprentissage.

Nous constatons une utilisation plus large du carrousel d'images de produits. Il s'agit d'un bien immobilier de grande valeur pour les auteurs de livres, les cinéastes, les personnalités célèbres et les magasins de commerce électronique. Et son utilisation devrait se développer.

La page AMP par exemple utilise 400 pixels de large sur 300 pixels pour la hauteur de chaque image de carrousel.

GALERIE D'IMAGES NON AMP

Page non AMP avec galerie d'images de données structurées

Si votre site n'est pas encore prêt pour les avantages d'AMP, les pages non-AMP peuvent également devenir un résultat riche dans une liste de résultats enrichie en SERP ou dans un carrousel qui affiche des pages Web non-AMP similaires. Les résultats enrichis peuvent inclure des titres et des images. Bien que Google tente d'extraire automatiquement suffisamment d'informations pour que les sites puissent bénéficier de ces fonctionnalités, si la page Web a correctement implémenté des données structurées, cela peut aider les moteurs de recherche à mieux interpréter votre contenu et à améliorer vos chances d'obtenir une image de carte enrichie ou un carrousel d'images. résultat. Les données de schéma sont devenues des pratiques SEO fondamentales .

Une image miniature pertinente pour la Chose


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Le Github JSON Schema Form Repository est un site idéal auquel participer pour glaner des exemples de code et contribuer à l'expansion de ce domaine du Web. Étant donné que Google se soucie beaucoup des requêtes de recherche avec une intention transactionnelle ; de nouveaux types de balisage de schéma de commerce électronique émergent et se développent .

Pourquoi les sites doivent être optimisés pour la recherche d'images

Rand Fishkin a rapporté son analyse de la recherche d'images Google dans un article du 14 mars 2017 intitulé The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand a rapporté son analyse de la recherche d'images Google sur les données Jumpshot et Moz et a constaté que :

• Google Image Search la 2ème plate-forme de recherche la plus utilisée après Google.com en 1ère place.

• Ses recherches sont plus nombreuses que les 10 meilleures propriétés Web restantes combinées.

• Plus de 10 fois plus que n'importe quelle recherche sur Bing ou Yahoo.

• Ils totalisent plus de 40 fois le nombre de recherches d'images sur la plateforme Facebook.

Rand a déclaré que "parce que les gens sont naturellement attirés par les images et parce que Google utilise les données de clic pour afficher spécifiquement les images qui suscitent le plus d'engagement", davantage de clics se produisent à partir du bloc d'images. Avec l'utilisation croissante du balisage JSON, l'ajout correct de ce schéma donne aux sites que nous gérons une meilleure visibilité dans les SERP.

Les détails exacts et spécifiés de l'image sont dans les directives du schéma Google

Une grande partie de la technologie innovante d'aujourd'hui pour la reconnaissance d'images repose sur la technologie Deep Learning , une forme avancée d'apprentissage automatique et le succès croissant de l'intelligence artificielle. Auparavant, les professionnels de la recherche sémantique devaient respecter des directives moins rigides lors de l'utilisation de la propriété image pour le balisage de schéma qui s'applique à LocalBusiness , à un Article et à NewsArticle. Au départ, seule une URL d'image était nécessaire. Il a ensuite déclaré que "[une] URL, ou une liste d'URL pointant vers le ou les fichiers d'image représentatifs", ainsi que des suggestions. Bon nombre des premières suggestions ont maintenant été transformées en règles, en particulier pour les articles.

Les directives révisées cherchent maintenant à s'assurer que la visibilité de l'image elle-même ajoute de la valeur à la page. Alors que GoogleBot ne le voit pas avec l'œil humain, le géant de la recherche dit maintenant que l'image doit être "[l]'image représentative de l'article... qui appartient directement à l'article".

Donnez la priorité aux images dans le contenu à feuilles persistantes de votre pilier . Étant donné qu'un article peut contenir plusieurs images; cela supprime les conjectures du processus de sélection d'un moteur de recherche lors de l'affichage de l'article avec un extrait d'image qui l'accompagne. Il est également intéressant qu'une taille minimale soit indiquée : "[i] les images doivent avoir une largeur d'au moins 696 pixels". On peut supposer que cela indique la valeur d'une image sur la page et qu'il ne devrait pas s'agir d'une taille de vignette ennuyeuse.

La condition actuelle selon laquelle la hauteur et la largeur de l'image doivent être incluses indique qu'une simple déclaration d'URL pour image n'est plus prise en charge pour les extraits riches en articles et produira une erreur critique. Il n'y a aucune erreur en supposant que cela fait partie du coup de pouce de Google pour aider les webmasters à passer aux pages mobiles accélérées (AMP). Les éléments AMP sont censés se charger rapidement et une grande partie est supprimée ou définie en ce qui concerne la mise en page d'un article mobile. Incorporez la théorie AMP pour améliorer les expériences utilisateur dans votre conception UX.

Lorsque les dimensions de l'image sont explicitement ajoutées, cela donne à Google la possibilité de restituer correctement les images associées aux articles AMP sur différents appareils. Il tente de "remplacer les références d'image par des images dimensionnées pour la fenêtre d'affichage du spectateur". C'est l'une des raisons pour lesquelles une image peut déborder des limites lors de la visualisation d'une version AMP sur un PC. L'échange de taille d'image n'est pas effectué car il est prêt pour les mesures du plus grand écran. Il devrait être pris en compte comme une exigence fondamentale de votre conception de sites Web interactifs .

Alors qu'auparavant l'exigence amp-img selon laquelle la balise "doit inclure une largeur et une hauteur explicites", la même chose est désormais universelle pour les ordinateurs de bureau. Pour les concepteurs Web qui s'appuient sur l'utilisation d'URL relatives pour l'insertion d'images, ils doivent s'adapter à AMP, où la déclaration d'URL ImageObject appelle une URL absolue plutôt que la version de l'URL relative. Cela a du sens lorsque l'on considère les tâches d'un navigateur pour afficher une page Web. Dans l'ensemble, cela ne fait que ralentir Google pour avoir à analyser le code afin de calculer les dimensions de l'image.

Après tout, l'intention d'AMP est de charger les pages plus rapidement. Cela vient des utilisateurs qui ne veulent pas attendre. Alors pourquoi ne pas simplement proposer les données d'image à l'avance ? Un référencement efficace est une optimisation pour une meilleure expérience utilisateur , et la vitesse compte pour eux.

IMAGES DE COMMERCE ÉLECTRONIQUE DU CARROUSEL DE PRODUITS

Souvent, il s'agit de choisir la page qui convient le mieux pour ajouter un balisage structuré à une image. Implémentez-le sur la page de produit individuelle dans votre panier par rapport à la page de catégorie avec plusieurs produits répertoriés. Cela évitera la confusion pour les acheteurs potentiels.

L'image trouvée dans un extrait enrichi et un résultat de recherche d'image valides peut être riche en informations sur les produits que les acheteurs de commerce électronique souhaitent. REMARQUE : votre concepteur Web peut afficher des carrousels de produits dans n'importe quelle zone de votre site Web de commerce électronique à l'aide d'une fonction de conception de carrousel de produits ; c'est différent de Google qui choisit volontairement d'afficher votre produit dans l' utilisation du carrousel dans les résultats enrichis du commerce électronique mobile .

Façons de stipuler les dimensions de l'image JSON-LD

Selon le scénario, essayez d'abord d'annoter votre balisage avec JSON-LD, à moins que les instructions ne spécifient un format différent comme préférable.

Lors de l'utilisation du balisage JSON-LD, les valeurs d'image sans l'utilisation de guillemets sont des "nombres", tandis que les valeurs exprimées entre guillemets sont des "chaînes". Cela signifie qu'un codeur doit être délibéré pour éviter les guillemets lorsqu'une valeur numérique est le résultat souhaité.

Une façon courante de stipuler la hauteur et la largeur d'une image est "width": "600px" , mais pour de nombreux navigateurs modernes, cela pose le problème de la valeur attendue pour "width", car il attend "Distance" ou "QuantitativeValue" . Les tests exécutés qui incluent "width":"600px" ont été modifiés par Google en :


"width":{
"@type":"Intangible",
"name":"600px"
}

Il manque encore des informations sur le type d'unité de mesure utilisé. Essayez de remplacer "Distance" par quelque chose comme ceci :


"width":
{
"@type":"Distance",
"name":"600 px"
}

Pensez au-delà du point d'obtenir un balisage valide ici car cela laisse encore une certaine ambiguïté quant à l'unité de mesure et oblige les moteurs de recherche à essayer de découvrir ce que l'on entend par "px". Notre préférence est d'utiliser l' outil de données structurées Linter , il aime les images qui utilisent plutôt "QuantitativeValue" :

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

Les URL décrivant des entités d'image doivent être stables et ne pas dépendre de données variables. Cet exemple de balisage d'image sera interprété comme une référence, plutôt qu'un littéral de chaîne, car (au moment de la publication), le contexte JSON-LD schema.org définit l'image comme étant de type @id:
Exemple d'extrait de contexte schema.org pour coder une image JSON :

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
S'ils ne sont pas exprimés comme tels dans un contexte distant, des termes donnés peuvent être (re-)définis dans un contexte local :

Exemple de relation d'image typée :

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

Étant donné que les gens s'identifient si bien aux images et que la recherche d'images Google se développe, il est important de comprendre comment les images représentent votre entreprise et construisent votre marque .

Le balisage JSON aide à comprendre les composants visuels d'un article

Compte tenu de l' essor de la recherche visuelle , il s'agit d'un aspect important du référencement. Si un site se trouve sur la plate-forme WordPress et s'appuie sur un plug-in pour rendre le balisage structuré, des problèmes peuvent survenir lorsque vous devez corriger la propriété Image. Dans ce cas, c'est généralement parce qu'une image en vedette doit être utilisée pour la page ou la publication. Cela peut valoir la peine de coder à la main votre schéma si les plugins ont des problèmes de compatibilité et de code déprécié.

Sans cette configuration, le plugin ne parvient pas à reconnaître quelle photo représente le mieux le contenu de cet article. Le plugin dépend de ces informations pour ajouter l' ImageObject avec ses dimensions de taille. Que votre site repose ou non sur des plugins, certains de vos meilleurs outils de référencement pour résoudre les problèmes se trouvent dans la Google Search Console .

Aaron Bradly de SEO Skeptic recommande que "les avantages que Google espère tirer du balisage d'article, en général, sont la capacité de mieux manipuler les articles dans l'écosystème Google grâce à une meilleure compréhension des composants et de la provenance d'un article, plutôt que d'utiliser le balisage pour mieux comprendre de quoi parle un article.”*******

Maintenant, combinez cette pensée avec la déclaration familière selon laquelle une image vaut mille mots, et combinez à la fois une sélection d'images puissante avec les données structurées du schéma approprié qui l'entourent.

REMARQUE : Utilisez une virgule pour signaler d'autres propriétés à venir. Par exemple, cela est nécessaire lors de l'inclusion de plusieurs images. La dernière propriété "image" n'utilise pas de virgule. Testez votre nouveau code et assurez-vous que toutes les erreurs ont été remplacées par la syntaxe correcte.

SUGGESTIONS D'IMAGES SUPPLÉMENTAIRES

Les éléments suivants sont uniquement l'opinion de Hill Web Marketing et sont en plus d'avoir une taille d'image valide :

1. Dans la mesure du possible, évitez les photographies de stock

De nombreux clients demandent quel type d'image ils doivent utiliser. Optez pour une image avec des personnes si possible; un individu à l'air heureux remonte le moral du spectateur, peut-être inconsciemment, est puissant. Les visages humains et le langage corporel racontent une histoire, ce qui rend le tout convaincant. Avez-vous déjà remarqué comment un enfant regarde sans vergogne? Il est naturel de regarder les visages plus que tout autre type d'image. Chaque page Web doit contenir des photos de personnes, ou au moins une photo .

Les visiteurs du site peuvent immédiatement reconnaître une image de stock. De telles images de personnes semblent être les pires contrevenants car elles ne se sentent tout simplement pas authentiques. Ne vous méfiez pas trop de la simple utilisation de l'appareil photo de votre smartphone. Les images qui sont composées d'un éclairage immaculé, de bureaux impeccables, d'un perfectionnisme irréel et composées à 50/50% de personnes ethniquement diverses ne sont tout simplement pas la façon dont la vie se déroule.

Compte tenu de la puissance d'une image, investissez dans un peu de photographie professionnelle originale. Habillez-vous mais restez naturel pour le jour de la photo. À moins qu'elles ne soient flagrantes, évitez de supprimer les imperfections mineures ; une image qui transmet l'esthétisme est plus importante que de montrer un état d'être « poli ».

L'erreur la plus courante commise lors de l'utilisation de photographies de stock consiste à choisir de sélectionner des images aléatoires au lieu de celles qui sont suffisamment liées au sujet de l'article ou du blog. Pour protéger votre dépendance aux images de stock, si vous achetez, optez pour un site comme Getty Images ou Fotolia où la qualité générale des photos est supérieure. Assurez-vous de disposer d'images susceptibles de susciter l'engagement des consommateurs dans vos campagnes Google Ads .

Après avoir mené une étude sur l'utilisation des images sur 41 blogs au sein de différentes niches en ligne, Neil Patel****** a conclu qu'« en moyenne, lorsqu'un article de blog utilisait une image de photographie d'archives, il recevait 152 tweets et 83 likes sur Facebook ». Regardez comment votre image contribue ou distrait avec vos plateformes sociales et, si nécessaire, engagez un responsable du marketing des médias sociaux professionnel .

2. Pour des images de chargement plus légères, utilisez la compression

Notez que dans l'image en haut de notre page, l'arrière-plan est estompé, ce qui réduit la résolution dans ces espaces alors qu'il est possible de laisser un aspect de plus haute résolution sur le point focal de ce graphique, la femme.

Il existe de nombreuses listes de ressources en ligne d'outils qui aident à la compression d'image. Essayez-en plus d'un pour choisir votre processus préféré afin d'encoder au mieux vos images, en livrant la même image avec le moins d'octets, sans basculer vers une sur-optimisation. L'important est de tester, tester, tester le code correct qui respecte les exigences de l'image JSON.

Dès le départ, sachez quel format de photo utiliser qui fonctionne le mieux pour la compression d'image. Par exemple, convertir un fichier GIF (non animé) en une image PNG le réduirait de 21 % en moyenne. Guy Podjarny *** déclare que « la conversion d'un fichier PNG (non transparent) en JPEG peut offrir des économies encore plus importantes, réduisant souvent la taille du fichier de 3 à 5 fois. De nouveaux formats tels que WebP et JPEG XR peuvent aller encore plus loin et communiquer le même visuel avec 25 à 50 % d'octets en moins ».

3. Résoudre les problèmes qui entravent le chargement des images plus rapidement

Ensuite, il y a plus à penser : la façon dont vos images se chargent est le travail qu'un navigateur doit faire, qui détermine la rapidité avec laquelle vos images peuvent être affichées. Les concepteurs Web qui dépendent de CSS avec de longues instructions, de JavaScript pour gérer les graphiques ou de s'appuyer sur les plugins WordPress pour effectuer une partie du travail, compliquent souvent les choses à l'excès. Chaque aspect doit être soigneusement examiné, ce qui est mieux réalisé dans un audit SEO technique complet du site .

4. Les images doivent correspondre à l'intention et au sujet de la page

Il faut plus de temps pour être intentionnel, mais surtout l'image principale d'une page doit clairement correspondre à l'intention d'une page.

Neil a également signalé que lorsqu'il utilisait des graphiques et des images graphiques, il recevait le plus grand nombre de rétroliens. "En moyenne, ils ont reçu 258 % de rétroliens en plus que les articles de blog avec d'autres types d'images."

Ajouter plus d'images aux pages avec un contenu long peut aider à briser les longs blocs de texte et à renforcer votre argument.

Les images sur vos pages de destination méritent une attention particulière, car elles sont essentielles pour stimuler les ventes. Les messages contenant des données d'image peuvent ne pas attirer l'attention de la masse, mais ils ont leur propre mérite d'un point de vue éducatif et commercial. Ils ajoutent de la valeur aux blogs de niche pédagogiques (comme celui-ci) et recueillent fréquemment un lien vers eux. À des fins de recherche uniquement, un graphique intégré, exploitable ou statique, peut en fait prendre de la valeur. Alors que certaines formes de contenu graphique deviennent obsolètes après un certain nombre d'années, Neil a constaté que "d'autres blogs seront toujours liés à des publications riches en données avec des graphiques, quel que soit l'âge des publications".

Selon Hubspot, "si une image pertinente est associée à cette même information, les gens retiennent 65 % de l'information". L'article du 3 janvier 2017 sur les 2 statistiques de marketing de contenu visuel que vous devriez connaître en 2017 . *

5. Engagez des graphiques 3D dessinés à la main et des images animées

Utilisez une taille d'image valide pour tous les balisages JSON-LD éligibles.

Les graphiques 3D dessinés à la main ou les images animées sont populaires et ont généralement moins de poids, en particulier lorsque vous utilisez un arrière-plan clair. Jetez un coup d'œil aux images utilisées par Rand Fishkin pour ses articles de blog incroyablement populaires sur le White Broad Friday (moz.com/blog/). Peut-être qu'un "fond pastel" n'est pas l'apparence de votre marque, mais il a probablement été choisi pour une bonne raison. Si vous n'avez pas le temps de créer ou d'aimer ces types d'images, essayez des graphiques, des infographies ou des photographies de stock.

Gardez à l'esprit l'exigence de taille d'image pour utiliser le balisage de schéma. Pourquoi limiter l'utilisation future de la page en se concentrant uniquement sur l'attrait visuel d'une image ?

Toutes les images en ligne n'ont pas été étiquetées correctement, ce qui rend vos images riches avec des métadonnées correctes pour une optimisation correcte. Les messages conversationnels du chatbot peuvent contenir des boutons, du texte, des images et d'autres éléments , ou être entièrement basés sur la parole. Les applications ou sites Web traditionnels peuvent demander et afficher simultanément plusieurs éléments d'information sur un écran, un bot rassemblera la même quantité d'informations à l'aide de plusieurs messages.

Pourquoi une taille d'image valide est-elle importante ?

Les gens sont de bons apprenants visuels. Vos images véhiculent un lien avec votre sujet et avec vous personnellement. De nouvelles opportunités dans les SERP riches donnent à votre marque une meilleure exposition. Avoir un plan marketing agile vous permettra de répondre au mieux aux exigences émergentes en matière de taille d'image.

« Le Web devient de plus en plus riche en images. Entre les écrans mobiles haute résolution, la conception de style Pinterest et les grands graphiques d'arrière-plan, la charge utile moyenne des images a plus que doublé au cours des trois dernières années. Bien que visuellement attrayantes, ces images ont un coût de performance substantiel et, si elles ne sont pas optimisées correctement, peuvent rendre une expérience Web lente et pénible, aussi belle soit-elle. – Guy Podjarny sur Oreilly

« Saviez-vous que 90 % des informations transmises au cerveau sont visuelles ? Le cerveau traite également les visuels 60 000 fois plus rapidement que le texte et des études ont montré que 40 % des gens réagissent mieux aux images qu'au texte brut », déclare shiftelearning.com **** Ce qui signifie que c'est un investissement de temps valable pour rechercher votre créneau de marché. pour comprendre quels types d'images stimulent la connexion avec les utilisateurs. Une fois que la taille et le balisage de vos images sont tous optimisés, soumettez une image sitemap.xml. Google peut indexer vos images ainsi que les URL des pages .

Comment Google utilise certaines images pour mettre en évidence des informations factuelles et fiables

Comment JSON-LD et vos images travaillent dur pour renforcer la visibilité et l'EAT de votre marque.

« Les photos et les vidéos sont un moyen incroyable d'aider les gens à comprendre ce qui se passe dans le monde. Mais le pouvoir des médias visuels a ses pièges⁠, en particulier lorsqu'il y a des questions concernant l'origine, l'authenticité ou le contexte d'une image. À partir d'aujourd'hui, nous affichons des informations de vérification des faits dans Google Images à l'échelle mondiale pour aider les utilisateurs à naviguer dans ces problèmes et à porter des jugements plus éclairés sur ce qu'ils voient sur le Web. Cela s'appuie sur les fonctionnalités de vérification des faits dans la recherche et les actualités, que les gens rencontrent des milliards de fois par an.

Désormais, lorsque vous effectuez une recherche sur Google Images, vous pouvez voir une étiquette "Fact Check" sous les résultats de l'image miniature. Lorsque vous appuyez sur l'un de ces résultats pour afficher l'image dans un format plus grand, vous verrez un résumé de la vérification des faits qui apparaît sur la page Web sous-jacente. Ces étiquettes peuvent apparaître à la fois pour les articles de vérification des faits sur des images spécifiques et pour les articles de vérification des faits qui incluent une image dans l'histoire. - Google

Google nous informe également que « l'ajout de ce libellé dans les résultats de Google Images n'affecte pas le classement ; nos systèmes sont conçus pour faire apparaître les informations les plus pertinentes et les plus fiables disponibles. Dans Apporter des informations de vérification des faits à Google Images publié le 22 juillet 2020, le chef de produit de Google, Harris Cohenm, parle de son intention de s'assurer que les gens ont accès à un contexte critique sur les informations qu'ils trouvent ⁠ - y compris les images ⁠ - qu'ils rencontrent en ligne .

Associez-vous à Jeannie Hill , fondatrice de Hill Web Creations, qui travaille avec les entreprises de Minneapolis pour s'assurer qu'une taille d'image valide est utilisée et dispose d'un code sans erreur pour améliorer la recherche organique, l'optimisation des moteurs de recherche pour le monde mobile et les chances d'un avantage concurrentiel en ligne . Constamment vigilant pour connaître et respecter les mises à jour des directives SEO de Google .
J'aime résider à Minneapolis , Minnesota , où je fournis des services de marketing numérique dans la région métropolitaine et au-delà.

Sommaire

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Toutes nos félicitations! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/