Questo articolo spiega come aggiungere, ruotare, ritagliare, organizzare e eliminare le foto sulle entità. Per maggiori informazioni sulle dimensioni e sul formato delle foto raccomandate per publisher specifici, consulta le Linee guida per foto e video per i publisher.
- Fai clic su Knowledge Graph nella barra di navigazione e seleziona Entità.
- Fai clic sull'entità da modificare.
- Fai clic su Media nella barra laterale sinistra.
-
Fai clic sull'icona a forma di matita accanto al campo Logo aziendale o Galleria di foto e apporta la modifica desiderata.
- Se è già presente un logo aziendale, dovrai eliminare l'immagine esistente prima di poterne aggiungere una nuova.
Aggiungi una foto
Quando aggiungi nuove foto, puoi caricare una nuova immagine (tramite un file immagine o un URL immagine) oppure selezionarne una dalla libreria delle risorse.
- Nel campo che stai modificando, fai clic su Seleziona foto e scegli tra le opzioni nella finestra modale:
- Trascini e rilasci un file immagine direttamente nella casella
- Fai clic su Carica foto per scegliere un file immagine
- Fai clic Inserisci URL per inserire l'URL di un'immagine
- Fai clic su Seleziona risorse per scegliere una delle tue foto esistenti su Yext. Consulta Aggiungi una risorsa fotografica per maggiori informazioni.
-
Aggiungi la descrizione, la didascalia, il testo alternativo e l'URL di clickthrough desiderati.
- Descrizione: un titolo o una breve descrizione. Sebbene non ci sia un limite di caratteri in questo campo, in genere i publisher accettano descrizioni di foto con non più di 100 caratteri.
- Dettagli: informazioni aggiuntive oltre alla descrizione.
- Testo alternativo: una descrizione di ciò che si trova nell'immagine. Il testo alternativo viene letto dalle utilità per la lettura dello schermo a vantaggio degli utenti ipovedenti e può essere visualizzato al posto di un'immagine se questa non viene caricata.
- URL di clickthrough: collegamento ipertestuale all'immagine.
Modificare, riorganizzare ed eliminare una foto
Per ruotare, ritagliare o applicare una proporzione a una foto, passa il mouse sulla foto e fai clic su Modifica. Dopo aver apportato le modifiche desiderate, fai clic su Fatto.
Per eliminare una foto, fai clic sull'icona del cestino () a destra della foto.
Per organizzare l'ordine delle foto in un campo Galleria di foto, trascina e rilascia facendo clic sulle tre linee () a sinistra della foto desiderata. Tieni presente che non tutti i publisher potrebbero rispettare l'ordine delle foto scelto.
Linee guida fotografiche di Yext Knowledge Graph
Di seguito sono riportate le linee guida relative alle dimensioni e al formato delle foto e dei video relativi alle entità presenti nel Knowledge Graph che verranno sincronizzate con i listing sui siti degli editori.
Esistono linee guida specifiche per memorizzare le foto nei campi logo aziendale e galleria foto nel Knowledge Graph, oltre alle specifiche per i campi foto su Apple, Facebook e Google. Google ha anche delle specifiche per il campo Galleria video di Google.
Per impostazione predefinita, i campi Logo aziendale e Galleria foto nel Knowledge Graph sono idonei alla sincronizzazione delle foto con i listing.
Formati di file preferiti
- JPG
- JPEG
- PNG
Campo del logo aziendale
- Dimensione massima del file: 5 MB
- Dimensioni massime: 400px x 400px
Campo Galleria di foto
- Dimensione massima del file: 5 MB
- Dimensioni minime: 180px x 180px
- Sebbene Yext accetti foto con le dimensioni minime, la dimensione minima consigliata per molti publisher è 250px x 250px.
- Dimensione massima: 30.000px x 30.000px
- Sebbene Yext accetti foto con le dimensioni massime, la dimensione massima consigliata per molti publisher è 5.000 px x 5.000 px.
- Numero massimo di foto: 500
- Anche se il numero massimo di foto consentite per ciascuna entità è 500, i limiti delle foto variano a seconda del publisher.
Archiviazione e distribuzione delle immagini
Il Knowledge Graph supporta diverse funzionalità di archiviazione delle immagini per garantire che possano essere servite in modo flessibile nelle esperienze digitali.
Una volta che una foto è stata caricata su un'entità, ci sono diversi modi per specificare come quella foto debba essere visualizzata per l'uso downstream (cioè, qualsiasi fonte che faccia riferimento a quell'immagine sulla tua entità, come Search, Listings o Pages).
Archiviazione delle immagini
Le foto possono essere memorizzate su entità in campi del tipo sia foto che file.
| Tipo di campo del file | Tipo di campo foto | |
|---|---|---|
| Convalida altezza, larghezza e proporzioni | No | Sì |
| Convalida la dimensione del file | Sì | No |
| Utilizza link dinamici (dynl, dynm) | Sì | Sì |
| Trasformazione e ridimensionamento dinamici delle immagini | Sì | Sì |
Comportamento campo immagine
Alcuni campi immagine integrati hanno un comportamento specifico:
| Campo | Dettagli |
|---|---|
| Logo | Le foto caricate nel campo Logo vengono automaticamente riempite per adattarsi alla proporzione 1:1. Questo non si applica alla regione di origine dell'UE. Gli utenti dell'UE devono formattare le foto con una proporzione 1:1 prima di caricarle. Per ulteriori informazioni, consulta il riferimento Funzionalità non supportate nella regione di origine UE. |
| Campi Legacy Rich Text (v1) | Le immagini esterne nei campi Rich Text legacy non verranno visualizzate in Modifica entità (per conformità CSP). Ciò non incide sull'utilizzo downstream, poiché le immagini verranno comunque visualizzate in Search e Pages. Le foto vengono visualizzate correttamente in modifica entità in tutti i campi Rich Text (v2). Consulta il riferimento Rich Text (v2) e tipi di campo markdown per maggiori informazioni. |
Servizio immagini
Quando si fanno riferimento alle immagini negli utilizzi downstream (Search, Pages, Listings), l'URL di base dell'hosting dovrebbe essere modificato in un URL di base del servizio immagini Yext. Ad esempio, a.mktgcdn.com dovrebbe essere modificato in dyn.mktgcdn.com, dynl.mktgcdn.com, o dynm.mktgcdn.com.
L'utilizzo di un URL di servizio Yext consente di specificare la dimensione e la trasformazione dell'immagine.
Linee guida sui tipi di file
| Formato | Ideale per |
|---|---|
| JPEG | Foto e immagini con una vasta gamma di colori |
| PNG | Clip art o arte vettoriale con una palette di colori limitata |
| WEBP | Gestisce bene entrambi i casi d'uso e codifica le immagini in un file più piccolo mantenendo lo stesso livello di qualità. Questo formato è consigliato per l'erogazione di pagine web. Tuttavia, non tutte le applicazioni possono leggere questo formato. |
Trasformazione dinamica dell'immagine
Le foto utilizzate in Yext sono ospitate e servite su Cloudflare, che supporta numerose trasformazioni di immagine tramite parametri di percorso nell'URL di servizio. Consulta la documentazione di Cloudflare per l'elenco completo delle opzioni.
Nota: la trasformazione dinamica delle immagini è disponibile solo per le foto inferiori a 100 megapixel (tipi di campi foto e file). Il servizio GIF attualmente non è supportato: le opzioni di trasformazione Cloudflare come
animnon funzionano. Solo i formati immagine supportati da Cloudflare sono idonei alla trasformazione.
Se stai trasformando un URL di tipo campo file da servire, a.mktgcdn.com/f/{businessID} dovrebbe essere adattato a dyn.mktgcdn.com/p/.
Se stai trasformando un URL di tipo foto da servire, a.mktgcdn.com dovrebbe essere adattato a dyn.mktgcdn.com e le dimensioni e l'estensione alla fine dell'URL dovrebbero essere eliminate.
L'URL dell'immagine servita deve avere il seguente formato: https://dyn.mktgcdn.com/p/{image_UIUD}/{options}
Esempio: applicare sfocatura, ritaglio 1000x1000 e rotazione di 90 gradi a una foto
Il processo sarebbe il seguente:
- Recupera l'URL ospitato:
https://a.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/1701x1295.jpg - Cambia l'URL di base in
dyn.mktgcdn.com:https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/ - Aggiungi le trasformazioni:
https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/blur=20,height=1000,width=1000,fit=crop,rotate=90
Nota che Yext attualmente non supporta la pubblicazione di GIF, quindi l'uso di opzioni di trasformazione di Cloudflare come anim non funziona.
Utilizzo di immagini servite sui front-end di React
Usa il componente Immagine per fornire le foto del Knowledge Graph nelle esperienze downstream.
Miniature generate (Legacy)
Prima di sfruttare le opzioni di trasformazione dinamica di Cloudflare, Yext generava in modo proattivo un set di miniature di varie dimensioni per ogni immagine caricata.
Oggi, Yext genera ancora queste miniature quando una foto viene caricata, tuttavia consigliamo di sfruttare l'URL di base dyn.mktgcdn.com e il ridimensionamento tramite Cloudflare per un controllo più granulare sulle immagini servite. Per ottimizzare la velocità di caricamento delle pagine e garantire che tutti i dispositivi possano visualizzare correttamente le immagini, creiamo una serie di miniature di diverse dimensioni e normalizziamo il formato delle immagini in modo che sia compatibile con tutti i dispositivi.
Usare le miniature sul tuo sito
Le miniature vengono create utilizzando le dimensioni originali della foto, oltre a miniature ridimensionate per adattarsi a ciascuno di questi riquadri di delimitazione fissi:
- 1900x1900
- 619x1000
- 600x450
- 196 x 400
La foto non viene mai ingrandita e le dimensioni non vengono modificate.
Le anteprime possono essere accessibili utilizzando gli URL del seguente formato:
FIT.mktgcdn.com/p/UUID/WIDTHxHEIGHT
Simile al servizio dinamico delle foto - se usi un campo file per memorizzare le foto e vuoi mostrarle, l'URL di base deve essere modificato da a.mktgcdn.com/f/{businessID}/UIUD a FIT.mktgcdn.com/p/UIUD/WIDTHxHEIGHT.
FIT specifica una delle due modalità che consentono la selezione dinamica tra un insieme di miniature:
-
dynl.mktgcdn.com— "almeno" altrettanto grande, in una dimensione -
dynm.mktgcdn.com— "al massimo" altrettanto grande, in entrambe le dimensioni
Questo URL dinamico restituirà la miniatura migliore per il FIT e le dimensioni date.