¿Cómo añado una imagen a mi sitio web de Website Builder?
Esta guía explica cómo añadir una imagen a tu sitio web de Website Builder de one.com y personalizar sus configuraciones, incluida la apariencia, la conversión de enlaces y el texto alt.
- Inicia sesión en el panel de control de one.com y haz clic en Website Builder.
- Arrastra el componente Imagen desde el menú de la izquierda hasta tu espacio de trabajo.
- Selecciona la imagen que quieres añadir o sube una desde tu ordenador o desde una URL externa.
- Ajusta el tamaño y la ubicación del componente de imagen a tu gusto.
- Selecciona la imagen y haz clic en Editar imagen para ajustar las propiedades de la imagen.
- Haz clic en Guardar y Publicar para que la imagen esté visible en tu sitio.
Propiedades del componente de imagen
Puedes ajustar la forma en que se muestra tu imagen en tu sitio web mediante el menú que se encuentra encima o debajo de la imagen y el menú flotante que puedes desplazar por tu espacio de trabajo.
1 - Menú superior/inferior
- Enlace: puedes convertir una imagen en un enlace. Haz clic en el icono de la cadena y establece la ubicación a la que deseas vincular.
- Girar - Gira una imagen hacia la izquierda o hacia la derecha.
- Escalar imagen - Puedes usar este control deslizante para acercar y alejar una imagen sin cambiar el tamaño del componente.
- Reemplazar imagen - Haz clic en este botón para seleccionar otra imagen.
2 - Menú flotante
-
Escalado - Elige cómo quieres que se comporte tu imagen cuando cambies el tamaño del componente.
- Recortar mantiene la escala de la imagen, independientemente del tamaño del componente.
- Ajuste ajusta el tamaño del componente para que se ajuste a la imagen.
- Estirar cambia la escala de la imagen con el componente. - Borde - Haz clic aquí para añadir un borde a tu imagen. Puedes configurar el color, la opacidad y el ancho. También puedes añadir esquinas redondeadas a la imagen.
- Al hacer clic - Selecciona qué debe pasar cuando el usuario haga clic en la imagen: no hacer nada, mostrar una imagen más grande o abrir un enlace.
- SEO - Aquí puedes ingresar un título alternativo (alt) para tu imagen. Esto se muestra cuando la imagen no se puede mostrar y sirve como texto alt. Agregar texto alt es crucial para el SEO. Proporcionar información descriptiva sobre las imágenes ayuda a los motores de búsqueda a entender el contenido y el contexto de las imágenes, mejorando la visibilidad de tu sitio web en los resultados de búsqueda. Los textos alt también mejoran la accesibilidad para los usuarios que no pueden ver imágenes.
- Vista móvil - Aquí puedes ocultar una imagen en la vista móvil o moverla al final de la página si la imagen forma parte de tu plantilla.
- Animación - Añade un efecto de animación para que la imagen destaque aún más en tu sitio. Puedes elegir entre 'fundido de entrada', 'deslizar' o 'rebotar'.
Artículos relacionados:
¿Fue útil este artículo?