Dieser Artikel erklärt, wie Sie Fotos zu Entitäten hinzufügen, drehen, zuschneiden, anordnen und löschen. Weitere Informationen zu den Größen- und Formatempfehlungen für Fotos für bestimmte Publisher finden Sie unter Foto- und Video-Richtlinien für Publisher.
- Klicken Sie in der Navigationsleiste auf Knowledge Graph und klicken Sie auf Entitäten.
- Klicken Sie auf die Entität, die Sie bearbeiten möchten.
- Klicken Sie in der linken Seitenleiste auf Medien.
-
Klicken Sie auf das Stift-Symbol neben dem Feld Geschäftslogo oder Fotogalerie und nehmen Sie die gewünschte Änderung vor.
- Wenn Sie bereits ein Geschäftslogo hinzugefügt haben, müssen Sie das vorhandene Bild löschen, bevor Sie ein neues hinzufügen können.
Foto hinzufügen
Wenn Sie neue Fotos hinzufügen, können Sie ein neues Bild hochladen (über eine Bilddatei oder eine Bild-URL) oder eines aus Ihrer Medienbibliothek auswählen.
- In dem Feld, das Sie bearbeiten, klicken Sie auf Fotos auswählen und wählen aus den Optionen im Modalfenster aus:
- Ziehen Sie eine Bilddatei per Drag-&-Drop direkt in das Feld
- Klicken Sie auf Fotos hochladen, um eine Bilddatei auszuwählen
- Klicken Sie auf URLs eingeben, um eine Bild-URL einzugeben.
- Klicken Sie auf Elemente auswählen, um eines Ihrer vorhandenen Foto-Elemente in Yext auszuwählen. Weitere Informationen finden Sie unter Ein Foto-Element hinzufügen.
-
Fügen Sie Ihre gewünschte Beschreibung, Beschriftung, Alternativtext und Click-Through-URL hinzu.
- Beschreibung: Ein Titel oder eine kurze Beschreibung. Dieses Feld hat zwar keine Zeichenbegrenzung, Publisher akzeptieren jedoch in der Regel Fotobeschreibungen mit maximal 100 Zeichen.
- Details: Zusätzliche Informationen neben der Beschreibung.
- Alternativtext: Eine Beschreibung dessen, was auf dem Bild zu sehen ist. Alternativtext wird von Bildschirmlesegeräten für Sehbehinderte gelesen und kann anstelle eines Bildes angezeigt werden, wenn dieses nicht geladen werden kann.
- Click-Through-URL: Verlinken Sie das Bild.
Fotos bearbeiten, neu anordnen und löschen
Um ein Foto zu drehen, zuzuschneiden oder ein Seitenverhältnis anzuwenden, bewegen Sie den Mauszeiger über das Foto und klicken Sie auf Bearbeiten. Wenn Sie die gewünschten Anpassungen vorgenommen haben, klicken Sie auf Fertig.
Um ein Foto zu löschen, klicken Sie auf das Papierkorbsymbol () rechts neben dem Foto.
Um die Reihenfolge der Fotos in einem Fotogalerie-Feld anzuordnen, bewegen Sie die Fotos per Drag-and-Drop, indem Sie auf die drei Linien () links neben dem gewünschten Foto klicken. Beachten Sie, dass möglicherweise nicht alle Publisher die gewählte Fotoreihenfolge respektieren.
Yext Knowledge Graph – Fotorichtlinien
Im Folgenden finden Sie die Größen- und Formatrichtlinien für Fotos und Videos auf Entitäten im Knowledge Graph, die mit Listings auf Publisher-Websites synchronisiert werden.
Es gibt spezielle Richtlinien für die Speicherung von Fotos in den Feldern Unternehmenslogo und Fotogalerie im Knowledge Graph sowie Spezifikationen für Fotofelder bei Apple, Facebook und Google. Bei Google gibt es auch Spezifikationen für das Feld „Google-Videogalerie“
Standardmäßig sind die Felder Unternehmenslogo und Fotogalerie im Knowledge Graph für die Synchronisierung von Fotos mit Listings geeignet.
Bevorzugte Dateiformate
- JPG
- JPEG
- PNG
Unternehmenslogo-Feld
- Maximale Dateigröße: 5 MB
- Höchstmaß: 400 px x 400 px
Fotogalerie-Feld
- Maximale Dateigröße: 5 MB
- Mindestmaß: 180 px x 180 px
- Auch wenn Yext Fotos mit den Mindestmaßen akzeptiert, beträgt die empfohlene Mindestgröße für viele Publisher jedoch 250 px auf 250 px.
- Höchstmaß: 30.000 px x 30.000 px
- Auch wenn Yext Fotos mit den Maximalmaßen akzeptiert, beträgt die empfohlene Maximalgröße für viele Publisher jedoch 5.000 px auf 5.000 px.
- Maximale Anzahl an Fotos: 500
- Obwohl die maximal zulässige Anzahl von Fotos für jede Entität 500 beträgt, variieren die Fotolimits je nach Publisher.
Bildspeicherung und Bildbereitstellung
Der Knowledge Graph unterstützt eine Reihe von Bildspeicherfunktionen, um sicherzustellen, dass Bilder flexibel in digitalen Erlebnissen dargestellt werden können.
Sobald ein Foto in eine Entität hochgeladen wurde, gibt es mehrere Möglichkeiten anzugeben, wie dieses Foto für die nachgelagerte Nutzung angezeigt werden soll (d. h. jede Quelle, die auf das Bild Ihrer Entität verweist, wie z. B. Yext Search, Yext Listings oder Yext Pages).
Bilder speichern
Fotos können in Feldern vom Typ „Foto“ oder „Datei“ in Entitäten gespeichert werden.
| Datei-Feldtyp | Feldtyp Foto | |
|---|---|---|
| Prüfen Sie Höhe, Breite und Seitenverhältnis | Nein | Ja |
| Prüfen Sie die Dateigröße | Ja | Nein |
| Verwenden Sie dynamische Links (dynl, dynm) | Ja | Ja |
| Dynamische Bildtransformation und Größenänderung | Ja | Ja |
Verhalten von Bildfeldern
Eingebaute Bildfelder zeigen ein bestimmtes Verhalten:
| Feld | Details |
|---|---|
| Logo | Fotos, die in das Logo-Feld hochgeladen werden, werden automatisch auf ein Seitenverhältnis von 1:1 angepasst. Dies gilt nicht für die EU-Quellregion. EU-Nutzer*innen müssen Fotos vor dem Hochladen in ein 1:1-Seitenverhältnis formatieren. Weitere Informationen finden Sie in der Referenz zu nicht unterstützten Funktionen in der EU-Quellregion. |
| Legacy Rich Text (v1) Felder | Externe Bilder in Legacy Rich Text Feldern werden in der Entitätsbearbeitung (zur CSP-Compliance) nicht gerendert. Die nachgelagerte Nutzung wird dadurch nicht beeinträchtigt, da Bilder weiterhin in Yext Search und Yext Pages gerendert werden. Fotos werden normalerweise in der Entitätsbearbeitung auf allen Rich Text (v2) Feldern gerendert. Weitere Informationen finden Sie in der Referenz zu Rich Text (v2) und Markdown-Feldtypen. |
Bilder bereitstellen
Wenn Bilder in nachgelagerten Anwendungen (Yext Search, Yext Pages, Yext Listings) referenziert werden, sollte die Hosting Basis-URL in eine Yext-Bildserver Basis-URL umgeändert werden. Zum Beispiel sollte a.mktgcdn.com in dyn.mktgcdn.com, dynl.mktgcdn.com oder dynm.mktgcdn.com geändert werden.
Wenn Sie eine Yext-URL verwenden, können Sie die Größe und die Transformation des Bildes angeben.
Richtlinien für Dateitypen
| Format | Am besten für |
|---|---|
| JPEG | Fotos und Bilder mit einer breiten Farbpalette |
| PNG | Clipart oder Vektorgrafik mit einer begrenzten Farbpalette |
| WEBP | Kann beide Anwendungsfälle gut bewältigen und kodiert Bilder in eine kleinere Datei bei gleicher Qualität. Dieses Format wird für die Bereitstellung von Webseiten empfohlen. Allerdings kann nicht jede Anwendung dieses Format lesen. |
Dynamische Bildtransformation
Die in Yext verwendeten Fotos werden auf Cloudflare gehostet und bereitgestellt. Cloudflare unterstützt eine Vielzahl von Bildtransformationen über Pfadparameter in der bereitstellenden URL. Die Cloudflare-Dokumentation enthält eine vollständige Liste der Optionen.
Hinweis: Die dynamische Bildtransformation ist nur für Fotos unter 100 Megapixeln verfügbar (Feldtypen Foto und Datei). Die Bereitstellung von GIFs wird derzeit nicht unterstützt – die Transformationsoptionen von Cloudflare, wie
anim, funktionieren nicht. Nur von Cloudflare unterstützte Bildformate sind für die Transformation geeignet.
Wenn Sie eine Datei -Feldtyp-URL transformieren, die bereitgestellt werden soll, sollte a.mktgcdn.com/f/{businessID} zu dyn.mktgcdn.com/p/ geändert werden.
Wenn Sie eine URL des Typs Fotofeld umwandeln, die bereitgestellt werden soll, sollte a.mktgcdn.com zu dyn.mktgcdn.com geändert und die Dimensionen und die Dateiendung am Ende der URL weggelassen werden.
Die bereitgestellte Bild-URL sollte folgendes Format haben: https://dyn.mktgcdn.com/p/{image_UIUD}/{options}
Beispiel: Anwenden von Weichzeichnung, 1000x1000-Pixel-Zuschnitt und 90-Grad-Drehung bei einem Foto
Der Prozess verläuft wie folgt:
- Rufen Sie die gehostete URL ab:
https://a.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/1701x1295.jpg - Ändern Sie die Basis-URL zu:
dyn.mktgcdn.comhttps://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/ - Fügen Sie die Transformationen hinzu:
https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/blur=20,height=1000,width=1000,fit=crop,rotate=90
Beachten Sie, dass Yext derzeit das Bereitstellen von GIFs nicht unterstützt, sodass die Verwendung von Cloudflare-Transformationsoptionen, wie anim, nicht funktioniert.
Verwendung von bereitgestellten Bildern auf React-Frontends
Verwenden Sie die Bildkomponente, um Fotos aus dem Knowledge Graph in nachgelagerte Anwendungen einzubinden.
Generierte Miniaturansichten (veraltet)
Bevor Yext die dynamischen Transformationsoptionen in Cloudflare nutzte, wurde proaktiv eine Reihe von Miniaturansichten in verschiedenen Größen für jedes hochgeladene Bild generiert.
Heute generiert Yext diese Miniaturansichten noch immer, wenn ein Foto hochgeladen wird, wir empfehlen jedoch, die dyn.mktgcdn.com Basis-URLs und Cloudflare-Größenanpassung für eine genauere Kontrolle über die bereitgestellten Bilder zu nutzen. Um die Seitengeschwindigkeit zu optimieren und sicherzustellen, dass alle Geräte die Bilder korrekt wiedergeben können, erstellen wir eine Reihe von Miniaturansichten in verschiedenen Größen und normalisieren das Bildformat so, dass es von allen Geräten verwendet werden kann.
Verwendung von Miniaturansichten auf Ihrer Website
Miniaturansichten werden unter Verwendung der ursprünglichen Dimensionen Ihres Fotos erstellt, zusätzlich zu Miniaturansichten, die skaliert werden, um in jedes dieser festen Begrenzungsfelder zu passen:
- 1900x1900
- 619x1000
- 600x450
- 196x400
Das Foto wird nicht vergrößert und auch das Seitenverhältnis nicht geändert.
Miniaturansichten können über die URLs des folgenden Formats abgerufen werden:
FIT.mktgcdn.com/p/UUID/WIDTHxHEIGHT
Ähnlich wie bei der dynamischen Fotobereitstellung muss die Basis-URL, wenn Sie ein Dateifeld zum Speichern von Fotos verwenden und diese bereitstellen möchten, von a.mktgcdn.com/f/{businessID}/UIUD zu FIT.mktgcdn.com/p/UIUD/WIDTHxHEIGHT geändert werden.
FIT legt einen von zwei Modi fest, der die dynamische Auswahl aus einer Reihe von Miniaturansichten ermöglicht:
-
dynl.mktgcdn.com– „mindestens“ so groß, in einer Dimension -
dynm.mktgcdn.com– „höchstens“ so groß, in jeder Dimension
Diese dynamische URL gibt die Miniaturansicht zurück, die am besten zum angegebenen FIT und den angegebenen Dimensionen passt.