Este artículo explica cómo añadir, rotar, recortar, organizar y eliminar fotos en las entidades. Para obtener más información sobre las recomendaciones de tamaño y formato de fotos para editores específicos, consulte Directrices de fotos y vídeos para editores.
- Haz clic en Knowledge Graph en la barra de navegación y haz clic en Entidades.
- Haz clic en la entidad que quieras editar.
- Haz clic en Medios en la barra lateral izquierda.
-
Haz clic en el icono del lápiz junto al campo Logotipo del negocio o Galería de fotos y realiza el cambio que desees.
- Si ya has añadido un logotipo del negocio, tendrás que borrar la imagen existente antes de poder añadir una nueva.
Añadir una foto
Al añadir fotos nuevas, puedes subir una imagen nueva (mediante un archivo de imagen o una URL de imagen) o seleccionar una de tu biblioteca de activos.
- En el campo que está editando, haga clic en Seleccionar fotos y elija entre las opciones del modal:
- Arrastra y suelta un archivo de imagen directamente en el cuadro
- Haz clic en Subir fotos para elegir un archivo de imagen
- Haz clic en Introducir URL para introducir la URL de una imagen
- Haz clic en Seleccionar activos para elegir uno de tus activos fotográficos existentes en Yext. Consulte Añadir un activo fotográfico para obtener más información.
-
Añade la descripción, el título, el texto alternativo y la URL de destino que desees.
- Descripción: un título o una descripción breve. Aunque no hay un límite de caracteres para este campo, los medios digitales suelen aceptar descripciones de fotos de 100 caracteres o menos.
- Detalles: información adicional además de la descripción.
- Texto alternativo: una descripción de lo que aparece en la imagen. Los lectores de pantalla leen el texto alternativo para personas que tengan alguna discapacidad visual y pueden mostrarlo en lugar de una imagen si esta no se carga.
- URL de destino: hipervínculo de la imagen.
Edita, reorganiza y elimina una fotografía
Para rotar, recortar o aplicar una relación de aspecto a una fotografía, coloque el cursor sobre esta y haga clic en Editar. Una vez que haya realizado los ajustes deseados, haga clic en Listo.
Para eliminar una foto, haz clic en el icono de la papelera () a la derecha de la foto.
Para organizar el orden de las fotos en un campo de la galería de fotos, arrastre y suelte haciendo clic en las tres líneas () situadas a la izquierda de la foto deseada. Tenga en cuenta que no todos los medios digitales respetarán el orden de las fotos elegido.
Directrices fotográficas del Yext Knowledge Graph
A continuación se muestran las directrices de tamaño y formato para fotos y vídeos de entidades en el Knowledge Graph que se sincronizarán con los listings en los sitios de los editores.
Existen directrices específicas para el almacenamiento de fotos en los campos Logotipo de la empresa y Galería de fotos del Knowledge Graph, así como especificaciones para los campos de fotos en Apple, Facebook y Google. Google también tiene especificaciones para el campo Google Video Gallery.
De forma predeterminada, los campos Logotipo empresarial y Galería de fotos de Knowledge Graph reúnen los requisitos para sincronizar fotos con los listings.
Formatos de archivo preferidos
- JPG
- JPEG
- PNG
Campo Logotipo empresarial
- Tamaño máximo del archivo: 5 MB
- Dimensiones máximas: 400px x 400px
Campo Galería de fotos
- Tamaño máximo del archivo: 5 MB
- Dimensiones mínimas: 180px x 180px
- Aunque Yext aceptará fotos con las dimensiones mínimas, el tamaño mínimo recomendado para muchos editores es 250 px × 250 px.
- Dimensiones máximas: 30 000 píxeles x 30 000 píxeles
- Aunque Yext acepte fotos con las dimensiones máximas, el tamaño máximo recomendado para muchos editores es 5000 px x 5000 px.
- Número máximo de fotos: 500
- Aunque el número máximo de fotos permitido para cada entidad es de 500, los límites de fotos varían según el medio digital.
Almacenamiento y distribución de imágenes
El Knowledge Graph es compatible con varias capacidades de almacenamiento de imágenes para garantizar que las imágenes se puedan mostrar de forma flexible en las experiencias digitales.
Una vez que una foto se ha cargado a una entidad, hay varias formas de especificar cómo debe mostrarse esa imagen para su uso posterior (es decir, cualquier fuente que haga referencia a esa imagen en su entidad, como Search, Listings o Pages).
Almacenamiento de imágenes
Las fotos pueden almacenarse en entidades en campos de los tipos Foto o Archivo.
| Tipo de campo de archivo | Tipo de campo de fotografía | |
|---|---|---|
| Validar la altura, el ancho y la relación de aspecto | No | Sí |
| Validar el tamaño del archivo | Sí | No |
| Utilice enlaces dinámicos (dynl, dynm) | Sí | Sí |
| Transformación dinámica de imágenes y redimensionamiento | Sí | Sí |
Comportamiento del campo de imagen
Ciertos campos de imagen integrados tienen un comportamiento específico:
| Campo | Detalles |
|---|---|
| Logotipo | Las fotos que se cargan al campo Logo se rellenan automáticamente para ajustarse a una relación de aspecto 1:1. Esto no se aplica a la región de origen de la UE. Los usuarios de la UE deben formatear las fotos a una relación de aspecto 1:1 antes de subirlas. Consulte la referencia Funciones no compatibles en la región de origen de la UE para obtener más información. |
| Campos de texto enriquecido antiguos (v1) | Las imágenes externas en los campos de texto enriquecido antiguos no se renderizarán en Editar entidad (por motivos de cumplimiento de CSP). Esto no afecta al uso posterior, ya que las imágenes seguirán mostrándose en Search y en Pages. Las fotos se renderizan normalmente en Editar entidad en todos los campos de texto enriquecido (v2). Consulte la referencia de Tipos de campos de texto enriquecido (v2) y Markdown para obtener más información. |
Servicio de imágenes
Al hacer referencia a imágenes en usos posteriores (Search, Pages, Listings), la URL base del alojamiento debe cambiarse por una URL base del servidor de imágenes de Yext. Por ejemplo, a.mktgcdn.com debería cambiarse a dyn.mktgcdn.com, dynl.mktgcdn.com, o dynm.mktgcdn.com.
El uso de una URL de servicio de Yext le permite especificar el tamaño y la transformación de la imagen.
Pautas de tipos de archivo
| Formato | Ideal para |
|---|---|
| JPEG | Fotos e imágenes con una amplia gama de colores |
| PNG | Clip art o arte vectorial con una paleta de colores limitada |
| WEBP | Puede gestionar bien ambos casos de uso y codifica las imágenes en un archivo más pequeño con el mismo nivel de calidad. Este formato es el recomendado para el servicio de páginas web. Sin embargo, no todas las aplicaciones pueden leer este formato. |
Transformación dinámica de imágenes
Las fotos utilizadas en Yext se alojan y entregan en Cloudflare, que admite diversas transformaciones de imagen mediante los parámetros de ruta en la URL de entrega. Consulte la documentación de Cloudflare para ver la lista completa de opciones.
Nota: La transformación dinámica de imágenes solo está disponible para las fotos de menos de 100 megapíxeles (tipos de campo Foto y Archivo). El servicio de GIF no es compatible actualmente: las opciones de transformación de Cloudflare, como el
anim, no funcionan. Solo los formatos de imagen compatibles con Cloudflare pueden transformarse.
Si va a transformar una URL de tipo campo de archivo para su servicio, a.mktgcdn.com/f/{businessID} debe ajustarse a dyn.mktgcdn.com/p/.
Si va a transformar una URL de tipo campo de fotografía para su servicio, a.mktgcdn.com debe ajustarse a dyn.mktgcdn.com y deben quitarse las dimensiones y la extensión al final de la URL.
La URL de la imagen de servicio debe tener el siguiente formato: https://dyn.mktgcdn.com/p/{image_UIUD}/{options}
Ejemplo: aplicar desenfoque, recorte de 1000x1000 y rotación de 90 grados a una foto
El proceso sería el siguiente:
- Obtenga la URL alojada:
https://a.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/1701x1295.jpg - Cambie la URL base a
dyn.mktgcdn.com:https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/ - Añada las transformaciones:
https://dyn.mktgcdn.com/p/weDfOuuWD5IybzlazwEUUps4-NxElRV2E2O0_zOXE6U/blur=20,height=1000,width=1000,fit=crop,rotate=90
Tenga en cuenta que Yext actualmente no admite la presentación de GIF, por lo que el uso de opciones de transformación de Cloudflare como anim no funcionará.
Uso de imágenes de servicio en las interfaces de React
Utilice el componente de imagen para incluir fotos del Knowledge Graph en las experiencias posteriores.
Miniaturas generadas (antiguas)
Antes de aprovechar las opciones de transformación dinámica de Cloudflare, Yext generaba proactivamente un conjunto de miniaturas en varios tamaños para cualquier imagen cargada.
Ahora, Yext seguirá generando estas miniaturas cuando se cargue una foto; sin embargo, recomendamos aprovechar el dyn.mktgcdn.com. URL base y redimensionamiento de Cloudflare para un control más preciso de las imágenes servidas. Para optimizar la velocidad de la página y garantizar que todos los dispositivos puedan renderizar las imágenes correctamente, creamos un conjunto de miniaturas en varios tamaños y normalizamos el formato de la imagen a algo que todos los dispositivos puedan consumir.
Uso de miniaturas en su sitio
Las miniaturas se crean utilizando las dimensiones originales de su foto, además de miniaturas que se escalan para ajustarse dentro de cada uno de estos cuadros delimitadores fijos:
- 1900x1900
- 619x1000
- 600x450
- 196x400
La foto nunca se amplía, ni se cambia la relación de aspecto.
Se puede acceder a las miniaturas mediante URLs del siguiente formato:
FIT.mktgcdn.com/p/UUID/WIDTHxHEIGHT
De manera similar al servicio de fotos dinámicas, si va a utilizar un campo de archivo para almacenar fotos y desea servirlas, la URL base debe cambiarse de a.mktgcdn.com/f/{businessID}/UIUD a FIT.mktgcdn.com/p/UIUD/WIDTHxHEIGHT.
FIT especifica uno de los dos modos que permiten la selección dinámica entre un conjunto de miniaturas:
-
dynl.mktgcdn.com— «como mínimo» igual de grande, en una dimensión -
dynm.mktgcdn.com— «como máximo» de ese tamaño, en cualquiera de las dos dimensiones
Esta URL dinámica devolverá la miniatura que mejor se ajuste al FIT y a las dimensiones dadas.