Cet article explique comment ajouter, faire pivoter, rogner, organiser et supprimer des photos des entités. Pour en savoir plus sur les recommandations de taille et de format des photos pour des annuaires spécifiques, consultez les Consignes concernant les photos et les vidéos pour les annuaires.
- Cliquez sur Knowledge Graph dans la barre de navigation, puis sur Entités.
- Cliquez sur l'entité que vous souhaitez modifier.
- Cliquez sur Média dans la barre latérale située à gauche.
-
Cliquez sur l'icône en forme de crayon en regard des champs Logo de l'entreprise ou Galerie de photos et apportez les modifications souhaitées.
- Si vous avez déjà ajouté un logo d'entreprise, vous devrez supprimer l'image existante avant de pouvoir en ajouter une nouvelle.
Ajouter une photo
Lorsque vous ajoutez de nouvelles photos, vous pouvez uploader une nouvelle image (via un fichier image ou une URL d'image) ou en sélectionner une dans votre bibliothèque d'actifs.
- Dans le champ que vous modifiez, cliquez sur Sélectionner des photos et choisissez parmi les options de la boîte de dialogue :
- Glissez-déposez un fichier image directement dans la boîte
- Cliquez sur le bouton permettant d'uploader des photos pour choisir un fichier image
- Cliquez sur Saisir des URL pour saisir l'URL d'une image.
- Cliquez sur Sélectionner des actifs pour choisir l'un de vos actifs photo existants dans Yext. Consultez l'article Ajouter un actif photo pour en savoir plus.
-
Ajoutez une description, une légende, un texte alternatif ou une URL de clic.
- Description : un titre ou une brève description. Bien qu'il n'y ait pas de limite de caractères pour ce champ, les annuaires acceptent généralement les descriptions de photos ne dépassant pas 100 caractères.
- Détails : Informations complémentaires à la description.
- Texte alternatif : Une description de l'image. Le texte alternatif est lu par les lecteurs d'écran pour les personnes aveugles ou malvoyantes et peut s'afficher à la place d'une image si le chargement échoue.
- URL de clic : Un lien hypertexte vers l'image.
Modifier, réorganiser et supprimer une photo
Pour faire pivoter, rogner ou appliquer un rapport hauteur/largeur à une photo, survolez la photo et cliquez sur Modifier. Une fois que vous avez effectué les ajustements souhaités, cliquez sur Terminé.
Pour supprimer une photo, cliquez sur l'icône de la corbeille () à droite de la photo.
Pour réorganiser des photos dans un champ Galerie de photos, glissez-déposez en cliquant sur les trois lignes () situées à gauche de la photo souhaitée. Notez que tous les annuaires ne respectent pas l'ordre des photos choisi.
Consignes relatives aux photos de Yext Knowledge Graph
Vous trouverez ci-dessous les consignes relatives à la taille et au format des photos et des vidéos des entités du Knowledge Graph qui seront synchronisées avec les listings sur les sites d'annuaire.
Il existe des consignes spécifiques pour le stockage de photos dans les champs Logo de l'entreprise et Galerie de photos du Knowledge Graph, ainsi que des spécifications pour les champs photo sur Apple, Facebook et Google. Google a également des spécifications pour le champ Galerie de vidéos Google.
Par défaut, les champs Logo de l'entreprise et Galerie de photos du Knowledge Graph permettent la synchronisation des photos avec les listings.
Formats de fichiers à privilégier
- JPG
- JPEG
- PNG
Champ Logo de l'entreprise
- Taille de fichier maximale : 5 MB
- Dimensions maximales : 400 px x 400 px
Champ Galerie de photos
- Taille de fichier maximale : 5 MB
- Dimensions minimales : 180 px x 180 px
- Bien que Yext accepte les photos correspondant aux dimensions minimales indiquées, le minimum recommandé pour un grand nombre d'annuaires est de 250 x 250 px.
- Dimensions maximales : 30 000 px x 30 000 px
- Bien que Yext accepte les photos correspondant aux dimensions maximales indiquées, le maximum recommandé pour un grand nombre d'annuaires est de 5 000 x 5 000 px.
- Nombre maximal de photos : 500
- Bien que le nombre maximal de photos autorisées pour chaque entité soit de 500, les limites varient selon l'annuaire.
Stockage et diffusion des images
Le Knowledge Graph prend en charge tout un éventail de capacités de stockage d'images afin que les images puissent être diffusées de manière flexible sur les expériences numériques.
Une fois qu'une photo a été chargée sur une entité, il existe plusieurs manières de spécifier comment cette photo doit être affichée pour une utilisation en aval (c'est-à-dire toute source faisant référence à cette image sur votre entité, comme Search, Listings ou Pages).
Stockage des images
Les photos peuvent être stockées sur des entités dans des champs du type Photo ou Fichier.
| Type de champ Fichier | Type de champ Photo | |
|---|---|---|
| Valider la hauteur, la largeur et le rapport hauteur/largeur | Non | Oui |
| Valider la taille du fichier | Oui | Non |
| Utiliser des liens dynamiques (dynl ou dynm) | Oui | Oui |
| Transformation et redimensionnement dynamiques des images | Oui | Oui |
Comportement des champs d'image
Certains champs d'image intégrés ont un comportement spécifique :
| Champ | Détails |
|---|---|
| Logo | Les photos chargées dans le champ Logo sont automatiquement ajustées selon un rapport hauteur/largeur de 1:1. Ceci ne s'applique pas à la région source UE. Les utilisateurs de l'UE doivent formater les photos selon un rapport hauteur/largeur de 1:1 avant de les charger. Pour en savoir plus, consultez Fonctionnalités non prises en charge dans la région source UE. |
| Champs de texte enrichi hérité (v1) | Les images externes figurant dans les champs de texte enrichi hérité ne seront pas affichées dans Modification d'entités (pour la conformité CSP). Cela n'affecte pas l'utilisation en aval, car les images seront toujours affichées dans Search et Pages. Les photos s'affichent normalement dans Modification d'entités dans tous les champs de texte enrichi (v2). Pour en savoir plus, consultez Types de champ Texte enrichi (v2) et Markdown. |
Diffusion des images
Lors de la référence aux images dans les utilisations en aval (Search, Pages ou Listings), l'URL de base d'hébergement doit être remplacée par une URL de base de diffusion d'images Yext. Par exemple, a.mktgcdn.com doit être remplacée par dyn.mktgcdn.com, dynl.mktgcdn.com ou dynm.mktgcdn.com.
L'utilisation d'une URL de diffusion Yext vous permet de spécifier la taille et la transformation de l'image.
Consignes relatives aux types de fichier
| Format | Idéal pour |
|---|---|
| JPEG | Photos et images avec une large gamme de couleurs |
| PNG | Images clipart ou vectorielles avec une palette de couleurs limitée |
| WEBP | Peut gérer correctement les deux cas d'utilisation et encoder les images dans un fichier plus petit tout en conservant le même niveau de qualité. Ce format est recommandé pour la diffusion de pages web. Cependant, toutes les applications ne peuvent pas lire ce format. |
Transformation dynamique d'images
Les photos utilisées dans Yext sont hébergées et diffusées sur Cloudflare, qui prend en charge diverses transformations d'images via les paramètres de chemin de l'URL de diffusion. Consultez la documentation de Cloudflare pour obtenir la liste complète des options.
Remarque : la transformation dynamique d'images n'est disponible que pour les photos de moins de 100 mégapixels (types de champs Photo et Fichier). La diffusion de GIF n'est pas prise en charge pour le moment. Par conséquent, les options de transformation de Cloudflare comme
animne fonctionneront pas. Seuls les formats d'image pris en charge par Cloudflare peuvent faire l'objet d'une transformation.
Si vous transformez une URL de type de champ fichier à diffuser, a.mktgcdn.com/f/{businessID} doit être ajustée en dyn.mktgcdn.com/p/.
Si vous transformez une URL de type de champ photo à diffuser, a.mktgcdn.com doit être ajustée en dyn.mktgcdn.com et les dimensions et l'extension à la fin de l'URL doivent être supprimées.
L'URL de l'image diffusée doit avoir le format suivant : https://dyn.mktgcdn.com/p/{image_UIUD}/{options}
Exemple : application de flou, rognage 1000x1000 et rotation de 90 degrés d'une photo
Le processus serait le suivant :
- Récupérez l'URL hébergée :
https://a.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/1701x1295.jpg. - Modifiez l'URL de base en
dyn.mktgcdn.com:https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/. - Ajoutez les transformations :
https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/blur=20,height=1000,width=1000,fit=crop,rotate=90.
Notez qu'actuellement, Yext ne prend pas en charge la diffusion de GIF. Par conséquent, l'utilisation d'options de transformation Cloudflare comme anim ne fonctionnera pas.
Utilisation d'images diffusées sur les front-ends React
Utilisez le composant Image pour diffuser des photos du Knowledge Graph dans les expériences en aval.
Vignettes générées (anciennes)
Avant d'utiliser les options de transformation dynamique dans Cloudflare, Yext générait de manière proactive un ensemble de vignettes de différentes tailles pour toute image chargée.
Aujourd'hui, Yext génère toujours ces vignettes lorsqu'une photo est chargée. Toutefois, nous recommandons d'utiliser les URL de base dyn.mktgcdn.com et le redimensionnement Cloudflare pour un contrôle plus précis des images diffusées. Pour optimiser la vitesse de la page et garantir que tous les appareils puissent afficher correctement les images, nous créons un ensemble de vignettes de plusieurs tailles et normalisons le format d'image pour que tous les appareils puissent les prendre en charge.
Utilisation de vignettes sur votre site
Les vignettes sont créées en utilisant les dimensions originales de votre photo, en plus des vignettes qui sont mises à l'échelle pour s'adapter à chacun de ces cadres de délimitation fixes :
- 1900x1900
- 619x1000
- 600x450
- 196x400.
La photo n'est jamais agrandie, ni le rapport hauteur/largeur modifié.
Les vignettes sont accessibles en utilisant des URL au format suivant :
FIT.mktgcdn.com/p/UUID/LARGEURxHAUTEUR
Comme pour la diffusion dynamique de photos, si vous utilisez un champ de fichier pour stocker des photos et souhaitez les diffuser, l'URL de base doit être modifiée de a.mktgcdn.com/f/{businessID}/UIUD à FIT.mktgcdn.com/p/UIUD/LARGEURxHAUTEUR.
FIT spécifie l'un des deux modes permettant une sélection dynamique parmi un ensemble de vignettes :
-
dynl.mktgcdn.com— « au moins » aussi grand, sur une dimension -
dynm.mktgcdn.com— « au plus » aussi grand, sur l'une ou l'autre dimension.
Cette URL dynamique renverra la vignette qui correspond le mieux au FIT et aux dimensions donnés.