Como agregar una galeria de fotos a tu pagina web

Si manejas un negocio local, tus fotos venden mas de lo que tus palabras jamas haran. Un dueno de casa que decide entre tres techadores va a recorrer tus tomas de antes y despues mucho antes de leer tu parrafo sobre "trabajo de calidad". Asi que aprender como agregar una galeria de fotos a tu pagina web no es un lujo. Es uno de los cambios de mayor retorno que puedes hacerle al sitio que ya tienes.

La buena noticia: no necesitas ser tecnico, y no necesitas contratar a nadie. Esta guia recorre todo el asunto en lenguaje simple. Cubre elegir las fotos correctas, prepararlas para que carguen rapido, los pasos reales para agregar una galeria en las plataformas comunes, y los pequenos detalles que la mayoria de los tutoriales salta. Al final sabras como agregar una galeria de fotos a tu pagina web que se vea profesional y te ayude a hacer sonar el telefono.

Por que una galeria de fotos vale la hora que toma

La mayoria de los articulos de como-hacerlo brincan directo a los botones. Antes de tocar nada, ayuda saber que hace de verdad una buena galeria por ti.

Genera confianza rapido. Fotos reales de trabajos reales le dicen a un desconocido que ya has hecho esto antes.
Responde preguntas antes de que la gente pregunte. Una galeria de banos terminados dice en silencio "si, hacemos ese estilo".
Mantiene a la gente en la pagina mas tiempo, lo que los buscadores leen como senal de que tu pagina es util.
Te da algo a que apuntar. Cuando alguien que llama pregunta "han hecho una cocina como la mia?", puedes mandar un enlace.

Una galeria no es decoracion. Es prueba. Ten eso en mente al elegir que va en ella.

Paso 1: elige fotos que vendan, no que solo llenen espacio

Este es el paso que casi toda guia ignora, y importa mas que la herramienta que elijas. Diez fotos fuertes le ganan a cincuenta debiles. Una galeria amontonada de tomas borrosas, oscuras y a medio terminar puede danarte mas que no tener galeria.

Aqui esta lo que pertenece a la galeria de un negocio pequeno:

Pares de antes y despues. Estas son las imagenes mas persuasivas que tienes. Muestra la terraza vieja y cansada, luego la nueva.
Trabajo terminado con buena luz. Toma cerca de una ventana o al aire libre con luz de dia. La luz natural hace mas que cualquier filtro.
Variedad de trabajos. Incluye unos cuantos tipos distintos de proyecto para que los visitantes se vean en al menos uno.
Un par de tomas de "tu equipo trabajando". La gente contrata gente. Una foto de tu cuadrilla en el sitio te hace sentir real y local.
Encuadre limpio. Ordena el espacio, saca la escalera del cuadro, y sujeta el telefono firme. Eso es el 90 por ciento de una buena foto.

Que dejar fuera: capturas de pantalla, fotos de banco que obviamente no son tuyas, cualquier cosa oscura o fuera de foco, y cualquier cosa con la cara de un desconocido o una placa que no tengas permiso de mostrar.

Una regla rapida: si no le mandarias la foto por mensaje a un cliente potencial para ganar el trabajo, no la pongas en la galeria.

Paso 2: prepara tus imagenes para que la galeria cargue rapido

Aqui hay una trampa que atrapa a casi todo dueno de negocio pequeno. Tomas una foto en un telefono moderno, y ese solo archivo puede ser de 5 a 12 megabytes. Suelta diez de esos directo en una pagina y tu galeria se vuelve un ladrillo. Se arrastrara en un telefono con senal debil, y muchos visitantes se iran antes de que termine. Las paginas lentas tambien se posicionan mas bajo en Google, asi que esto no es solo sobre paciencia.

Quieres que cada imagen de galeria se vea nitida pero pese muy poco. Apunta a fotos que se muestran bien y cargan en menos de 3 segundos aun en un telefono.

Hazle estas tres cosas a cada imagen antes de que vaya al sitio:

Redimensiona las dimensiones. La mayoria de las galerias nunca necesita una imagen mas ancha que cerca de 2000 pixeles. Tu telefono captura mucho mas grande que eso. Reducir el ancho por si solo recorta el peso del archivo dramaticamente.
Comprime el archivo. Una herramienta gratuita como TinyPNG o Squoosh puede bajar una foto de varios megabytes a unos cuantos cientos de kilobytes sin perdida visible de calidad. Esta es la ganancia de velocidad mas grande.
Usa el formato correcto. JPG es el predeterminado seguro para fotos. Si tu plataforma soporta WebP, te da la misma calidad en un tamano menor. Guarda logos y graficos simples como PNG en su lugar.

Un habito mas que se paga: renombra el archivo antes de subirlo. Un nombre como "reconstruccion-terraza-cedro.jpg" le gana a "IMG_4821.jpg". Los buscadores leen ese nombre de archivo, y ayuda a que tu trabajo aparezca en los resultados de imagenes de Google.

Paso 3: agrega la galeria en tu plataforma

Los clics exactos dependen de donde vive tu sitio. Aqui estan los caminos comunes. El patron es el mismo en todos lados: encuentra un bloque de galeria, agrega tus imagenes preparadas, elige una estructura.

En un creador de paginas web (Wix, Squarespace, GoDaddy y similares)

Abre el editor de la pagina y ve al lugar donde quieres la galeria.
Agrega una nueva seccion o bloque y busca "galeria" o "galeria de imagenes".
Elige una estructura (cuadricula, mosaico o presentacion) y haz clic en agregar.
Sube las imagenes comprimidas que preparaste en el Paso 2.
Agrega una leyenda a cada imagen y guarda.

Creadores como GoDaddy te dejan cargar un gran numero de imagenes en una galeria, pero resiste el impulso. Cura.

En WordPress

WordPress tiene una herramienta de galeria incorporada, asi que quiza no necesites un plugin.

Edita la pagina y haz clic en el boton de mas para agregar un bloque.
Busca "Galeria" y selecciona el bloque de Galeria.
Sube tus imagenes o elígelas de la Biblioteca de Medios.
Define el numero de columnas y elige si al hacer clic se abre una vista mas grande.
Actualiza la pagina.

Si quieres funciones mas elegantes como una ventana emergente lightbox, albumes, o ajustes especificos para movil, un plugin como Envira Gallery o NextGen Gallery los agrega con un creador de arrastrar y soltar. Para la mayoria de los negocios locales, el bloque incorporado basta para empezar.

Con un widget incrustable

Si tu plataforma no tiene una buena herramienta de galeria, un servicio como Elfsight genera una galeria que pegas como un fragmento de codigo. Construyes la galeria en su sitio, copias el codigo de incrustar, y lo sueltas en un bloque HTML o de incrustar en tu pagina. Funciona en casi cualquier plataforma y no necesita programar, aunque las versiones gratuitas a menudo muestran una pequena insignia.

Paso 4: acierta con los detalles (la parte que separa lo bueno de lo olvidable)

Agregar imagenes es el facil 80 por ciento. Estos toques finales son los que hacen que una galeria se vea como si un profesional la construyera.

Agrega leyendas y texto alt

Las leyendas dan contexto: "Remodelacion completa de cocina, Maplewood, plazo de tres semanas". El texto alt es una descripcion corta escrita de la imagen que vive tras bambalinas. Ayuda a la gente que usa lectores de pantalla, y ayuda a los buscadores a entender la foto. Escribelo como si describieras la imagen a alguien por telefono: "Gabinetes nuevos de cocina estilo shaker blancos con encimera de cuarzo".

Activa el lightbox

Un lightbox es ese efecto donde al hacer clic en una miniatura se abre la imagen completa, grande y centrada, mientras el fondo se oscurece. Deja que los visitantes estudien tu trabajo de cerca sin salir de la pagina. La mayoria de las herramientas de galeria tienen una casilla para esto. Activala.

Mantenlo en tres o cuatro columnas

Mas columnas significa miniaturas mas pequenas y mas ruido visual. Tres o cuatro de ancho en escritorio es el punto dulce. La galeria automaticamente se apilara en menos columnas en telefonos si la herramienta sirve.

Revisala en un telefono antes de darla por terminada

La mayoria de tus visitantes estan en un telefono. Despues de publicar, abre la pagina en tu propio telefono. Cargan rapido las imagenes? Puedes tocar una y verla grande? Algo se ve aplastado o cortado? Arreglalo antes de seguir. Esta sola revision atrapa los problemas que hacen que una galeria se vea amateur.

Una galeria que carga lento en un telefono es peor que no tener galeria. La velocidad y la claridad le ganan a la cantidad cada vez.

Paso 5: mantenla fresca

Una galeria no es algo de configurar-y-olvidar. Agrega tu mejor trabajo reciente cada mes o dos. Una galeria cuya foto mas nueva es de hace tres anos le dice en silencio a los visitantes que quiza no estas ocupado. Cambia las tomas mas debiles conforme lleguen mejores. Apuntas a una coleccion pequena, actual y fuerte, no a una pila que crece sin parar.

Un camino mas rapido si todo el asunto se siente como una tarea

Todo lo de arriba es hacible a mano, y muchos duenos lo hacen en una tarde. Pero si eres un contratista o dueno de local ocupado, la verdad honesta es que el redimensionar, comprimir, subir, poner leyendas y revisar en telefono es el tipo de tarea que se queda en la lista de pendientes por meses.

Este es uno de los problemas que Saynovo fue construido para quitarte del plato. Si ya guardas fotos en tu Perfil de Empresa en Google, Saynovo puede jalar esas imagenes y acomodarlas en una galeria limpia y rapida como parte de construir tu sitio, asi que no estas exportando archivos ni afanandote con una herramienta de galeria en absoluto. Y como editas el sitio hablandole, puedes decir algo como "pon primero las remodelaciones de bano" y ver como la galeria se reordena sola. Es una forma de saltarte los pasos manuales mientras aun terminas con una galeria que se ve como si hubiera tomado esfuerzo real.

Errores comunes que hay que evitar

Subir directo de tu telefono sin compresion. Esta es la causa numero uno de una galeria lenta y frustrante.
Demasiadas fotos. Cura sin piedad. Corta cualquier cosa que no se gane su lugar.
Sin leyendas. Un muro de imagenes sin etiqueta deja a los visitantes adivinando.
Olvidar la revision en telefono. Lo que se ve genial en tu laptop puede romperse en una pantalla pequena.
Dejarla envejecer. Las galerias viejas hacen que un negocio activo se vea inactivo.

Como agregar una galeria de fotos a tu pagina web: la version corta

Aprender como agregar una galeria de fotos a tu pagina web se reduce a cinco movidas: elige fotos que prueben que eres bueno, reducelas y comprimelas para que carguen rapido, agregalas con la herramienta de galeria de tu plataforma, escribe leyendas y texto alt y activa el lightbox, luego revisa el resultado en un telefono. Haz esas cinco y tendras una galeria que carga su peso, genera confianza con desconocidos, y le da a la gente una razon mas para llamarte a ti en vez del siguiente nombre de su lista.

Empieza con tus mejores diez fotos. Siempre puedes agregar mas una vez que lo basico este en su lugar.