Los visuales dan forma a su E-Benefiko: logo, banner principal, banner mobile y galería de fotos. Esta guía explica cómo agregar cada tipo de imagen, respetar los formatos esperados, usar las posiciones de la galería, distinguir texto alternativo y leyenda, y guardar correctamente las imágenes para que se muestren en todos los idiomas.
En esta guía
- ¿Para qué sirve esta etapa?
- Ir al apartado Visuales
- Agregar el logo o foto de perfil
- Comprender los banners de su E-Benefiko
- Agregar el banner del E-Benefiko
- Agregar el banner mobile
- Comprender los cuadros de foto de Descripción
- Preparar el formato correcto para la galería
- Cargar una imagen en la galería
- Comprender texto alternativo y leyenda
- Redactar el texto alternativo
- Redactar la leyenda visible
- Guardar en Visuales, luego en Descripción
- Comprender la visualización de las imágenes para los visitantes
- Revisar el resultado en previsualización
- ¿Necesita ayuda para preparar sus imágenes?
¿Para qué sirve esta etapa?
El apartado Visuales sirve para agregar las imágenes principales de su E-Benefiko.
Estas imágenes ayudan a los visitantes a comprender su universo: su marca, su lugar de actividad, sus productores, sus orígenes, su beneficio, sus métodos, sus productos o sus momentos importantes.
Los visuales no son solamente decorativos. Acompañan las descripciones y hacen que su E-Benefiko sea más claro, más vivo y más profesional.
Ir al apartado Visuales
Desde su espacio vendedor, abra:
E-Benefiko → Visuales
La interfaz contiene las siguientes zonas:
- Logotipo o foto de perfil;
- Banner del E-Benefiko;
- Banner del E-Benefiko (mobile);
- Galería de fotos del E-Benefiko.
Avance en este orden: logo, banner principal, banner mobile y luego galería de fotos.
Agregar el logo o foto de perfil
La zona Logotipo o foto de perfil permite agregar la imagen que identifica su E-Benefiko.
El logo mostrado en su página usa un formato cuadrado de 150 × 150 píxeles.
Suba una imagen cuadrada, igual o superior a este tamaño.
Formatos recomendados:
- JPG / JPEG;
- PNG.
Elija una imagen simple, legible y reconocible. Si su logo contiene texto, verifique que siga siendo legible en un formato pequeño.
Comprender los banners de su E-Benefiko
Su E-Benefiko usa tres lógicas de banner.
El banner por defecto es la imagen que se muestra automáticamente mientras usted no ha subido su propio banner. Sirve para que su E-Benefiko se vea presentable desde el primer día, incluso si todavía está configurando su tienda.
El Banner del E-Benefiko es el banner principal pensado para pantallas de computadora. Es ancho y funciona bien con una imagen panorámica, una atmósfera clara, un mensaje corto o una composición visual más trabajada.
El Banner del E-Benefiko (mobile) es el banner pensado para teléfonos. Si no carga un banner mobile, el banner principal puede mostrarse en teléfono. Sin embargo, una imagen pensada para computadora puede verse recortada o menos legible en mobile.
Un banner puede ser una simple foto bien elegida, pero también puede convertirse en una verdadera imagen de presentación: foto, slogan, zona de texto, colores, tipografía y composición. Para obtener un resultado más original o más trabajado, puede usar una herramienta de creación visual como Canva, o utilizar un servicio de la Tienda.
Agregar el banner del E-Benefiko
La zona Banner del E-Benefiko permite agregar el banner principal de su E-Benefiko.
Este banner es la portada de su tienda en computadora. Le ayuda a dar una primera impresión profesional y a transmitir su identidad: su marca, su estilo y su promesa.
El formato mostrado es de 1285 × 563 píxeles, es decir, una proporción de 2,28.
Suba una imagen igual o superior a este formato, manteniendo la misma proporción.
Formatos recomendados:
- JPG / JPEG;
- PNG.
Use una foto fuerte: origen, finca, equipo, producto, lugar de trabajo o elemento central de su actividad.
Si su banner contiene información en texto, verifique que los elementos importantes sigan visibles y legibles. Evite textos demasiado pequeños o colocados demasiado cerca de los bordes.
Para ir más lejos sobre el mensaje, el estilo y la coherencia visual, podrá consultar el artículo Crear su imagen de marca en la categoría Marketing y visibilidad.
Agregar el banner mobile
La zona Banner del E-Benefiko (mobile) permite agregar un banner adaptado a teléfonos.
El formato mostrado es de 815 × 620 píxeles, es decir, una proporción de 1,31.
Suba una imagen igual o superior a este formato, manteniendo la misma proporción.
Formatos recomendados:
- JPG / JPEG;
- PNG.
En teléfono, el espacio es más estrecho. Un banner pensado para computadora puede verse recortado, o su mensaje puede volverse menos legible.
Puede partir de la misma foto que el banner principal, pero prepare una versión adaptada:
- acerque el sujeto principal: persona, finca, producto, saco, café o lugar;
- agrande los elementos importantes si es necesario;
- conserve una zona más limpia si su banner contiene texto;
- evite detalles demasiado pequeños;
- verifique que los elementos importantes no queden cortados.
Si algunas partes de su banner principal deben quedar visibles también en mobile, recorte la imagen para obtener el resultado deseado en el formato mobile.
Comprender los cuadros de foto de Descripción
La Galería de fotos del E-Benefiko funciona con los cuadros de foto del apartado Descripción.
Antes de tomar, elegir o cargar una foto de galería, vaya primero al apartado Descripción y ubique el cuadro de foto que desea ilustrar.
Cada cuadro de foto muestra informaciones útiles, por ejemplo:
FOTO 101
Ancho: 1200px min. (16:9)
Haz clic para ejemplo- el número de foto que debe usar como posición en la galería;
- el ancho mínimo recomendado;
- el ratio esperado;
- el tipo de imagen sugerido mediante el ejemplo.
El número mostrado en el cuadro de foto corresponde a la posición que debe usar en la galería. Es lo que permite que la imagen se muestre en el lugar correcto dentro de su E-Benefiko.
Preparar el formato correcto para la galería
Una vez identificado el cuadro de foto en Descripción, prepare una imagen con el formato correcto.
Los formatos más utilizados son:
| Formato | Uso |
|---|---|
| 16:9 | imagen amplia, tipo paisaje |
| 3:4 | imagen vertical, tipo retrato |
| 1:1 | imagen cuadrada |
Cuando sea posible, elija el formato antes de tomar la foto. Una imagen tomada directamente con el buen formato requiere menos recorte y da un mejor resultado.
Evite transformar una imagen vertical en imagen horizontal al azar. Elija una foto cuya composición corresponda al cuadro solicitado.
Use, en la medida de lo posible, imágenes originales, limpias y nítidas.
Evite imágenes borrosas, demasiado oscuras, demasiado comprimidas, con texto añadido, fecha automática, marca de agua, filtro fuerte, captura de pantalla o imagen descargada desde redes sociales.
Comprima sus imágenes antes de usarlas para ayudar a que sus páginas carguen más rápido.
Para aprender a preparar mejor sus fotos antes de subirlas, podrá consultar el artículo Guía de la foto.
Cargar una imagen en la galería
La Galería de fotos del E-Benefiko reúne las imágenes destinadas a los cuadros de foto del apartado Descripción.
Después de ubicar el cuadro de foto y preparar la imagen con el formato correcto, agréguela en la galería.
Para cada imagen, complete:
- la imagen;
- el Texto alternativo o Atributo Alt;
- la posición correspondiente al número del cuadro de foto.
La posición permite a la interfaz colocar la imagen en el cuadro correcto. No la modifique al azar.
Comprender texto alternativo y leyenda
El Texto alternativo y la leyenda no tienen el mismo papel.
El Texto alternativo o Atributo Alt describe lo que se ve en la imagen. Sirve para identificar la imagen, mejorar la accesibilidad, facilitar la comprensión del contenido y referenciar la imagen ante los motores de búsqueda cuando el contenido es público.
La leyenda es el texto visible debajo de la foto en ciertos cuadros de descripción y también en la vista ampliada. Sirve para contar el contexto de la imagen.
| Elemento | Ejemplo |
|---|---|
| Texto alternativo / Atributo Alt | Cerezas de café Bourbon en distintos grados de maduración |
| Leyenda | Selección de cerezas Bourbon durante la cosecha en nuestra finca familiar. |
El texto alternativo describe la imagen.
La leyenda cuenta su historia.
Redactar el texto alternativo
El texto alternativo sirve para describir la imagen para los visitantes, las herramientas de accesibilidad y los motores de búsqueda.
Ayuda a los motores de búsqueda a comprender lo que muestra la imagen y contribuye al posicionamiento natural cuando el contenido es público.
Escriba una descripción corta, fiel y concreta.
Evite textos demasiado vagos como:
- “Foto 1”;
- “Imagen café”;
- “Prueba”;
- “Linda foto”.
Prefiera una descripción clara de lo que se ve.
Ejemplos:
- Canasta llena de cerezas de café maduras;
- Vista aérea del beneficio y del área de secado al sol;
- Manos seleccionando café verde;
- Un maestro tostador frente a un tostador de tambor.
No invente lo que no se ve. Describa simplemente el sujeto principal de la imagen.
Para comprender mejor el papel de las balizas y del posicionamiento natural, podrá consultar el artículo ¿Para qué sirven las balizas SEO?.
Redactar la leyenda visible
La leyenda está destinada al visitante.
No sirve solamente para decorar. Ayuda a comprender lo que ocurre en la imagen.
Una buena leyenda puede precisar:
- un lugar;
- una persona;
- un origen;
- una etapa de producción;
- un método;
- un momento importante;
- un compromiso o una práctica.
Aparece debajo de la foto en la página y también en la vista ampliada.
Ejemplo:
- Texto alternativo: Dos personas charlan mientras clasifican cerezas de café bien rojas
- Leyenda: Selección manual de cerezas maduras durante la cosecha, una etapa clave para preservar la calidad del café.
El texto alternativo sigue siendo descriptivo.
La leyenda da contexto al visitante.
Guardar en Visuales, luego en Descripción
Después de agregar una imagen en la galería, haga clic en Guardar en el apartado Visuales.
Esta acción guarda la imagen en la galería de su E-Benefiko.
Luego, vaya al apartado Descripción.
Abra la sección o el formulario donde se encuentra el cuadro de foto correspondiente. Verifique que la imagen aparezca en la posición prevista y guarde esa sección o ese formulario.
Si su E-Benefiko usa varios idiomas, repita esta etapa en cada idioma.
Por ejemplo, si la imagen debe aparecer en un origen, abra el formulario de ese origen en el apartado Descripción, verifique que la imagen aparece y guarde el origen. Luego, abra ese mismo origen en los otros idiomas y guárdelo también.
Sin esta etapa, los visitantes pueden ver una imagen faltante o un ícono de imagen rota en lugar de la foto en ciertos idiomas.
Buen reflejo
Después de cada imagen agregada en la galería, guarde primero en Visuales, luego verifique y guarde el lugar correspondiente en Descripción, en cada idioma utilizado.
Comprender la visualización de las imágenes para los visitantes
Una vez que la imagen está correctamente guardada, puede mostrarse a los visitantes en el cuadro de descripción previsto.
Según el lugar donde se muestra, el visitante puede ver la imagen directamente en la página y abrirla en vista ampliada mediante la galería de imágenes. Esta vista permite observar mejor la foto y leer la leyenda cuando está prevista.
Esta lógica también se aplica a las imágenes vinculadas con los orígenes. Cuando una imagen se agrega a un origen, debe cargarse en Visuales, verificarse en el formulario del origen dentro de Descripción y guardarse en cada idioma utilizado.
El objetivo es evitar imágenes faltantes del lado del visitante y permitir una consulta limpia de las fotos, tanto en su E-Benefiko como en las páginas de origen.
Revisar el resultado en previsualización
Una vez guardadas sus imágenes, use la previsualización de su E-Benefiko.
Revise:
- el logo o foto de perfil;
- el banner principal;
- el banner mobile;
- las imágenes mostradas en los cuadros de descripción;
- las posiciones de las imágenes;
- los textos alternativos;
- las leyendas visibles;
- la visualización en los idiomas utilizados.
En computadora y en teléfono, controle que los elementos importantes sigan visibles y legibles.
¿Necesita ayuda para preparar sus imágenes?
Si sus imágenes son demasiado pesadas, están mal encuadradas, son poco homogéneas o son difíciles de describir, puede usar los servicios de la Tienda.
El servicio Optimización de imágenes para la galería de fotos permite mejorar fielmente las imágenes existentes, sin transformar la escena, las personas, los objetos ni la composición. Incluye especialmente la mejora visual, la adaptación al buen formato de galería, la compresión y una propuesta de texto alt/title según las opciones elegidas.
El servicio Creación de banner E-Benefiko – Identidad permite preparar un banner de portada profesional para computadora y/o mobile, con un mensaje corto, una foto, un template y un formato listo para importar en el E-Benefiko.
Estos servicios son útiles si desea obtener una presentación más cuidada sin preparar todo usted mismo.
Para ir más lejos, también podrá consultar los artículos:
- Crear su imagen de marca;
- Guía de la foto;
- ¿Para qué sirven las balizas SEO?
Importante
Los visuales no deben solamente llenar espacios. Deben ayudar al visitante a comprender su E-Benefiko, su actividad y lo que hace única a su marca.
