Como adicionar uma galeria de fotos ao seu site

Se você toca um negócio local, as suas fotos vendem mais do que as suas palavras jamais vão. Um morador decidindo entre três telhadistas vai rolar as suas fotos de antes e depois muito antes de ler o seu parágrafo sobre "trabalho de qualidade". Então aprender como adicionar uma galeria de fotos ao seu site não é um luxo. É uma das mudanças de maior retorno que você pode fazer no site que você já tem.

A boa notícia: você não precisa ser técnico, e não precisa contratar ninguém. Este guia percorre a coisa toda em linguagem simples. Ele cobre escolher as fotos certas, deixá-las prontas para carregarem rápido, os passos de verdade para adicionar uma galeria nas plataformas comuns, e os pequenos detalhes que a maioria dos tutoriais pula. No fim você vai saber como adicionar uma galeria de fotos ao seu site que pareça profissional e te ajude a fazer o telefone tocar.

Por que uma galeria de fotos vale a hora que leva

A maioria dos artigos de "como fazer" pula direto para os botões. Antes de tocar em qualquer coisa, ajuda saber o que uma boa galeria está de fato fazendo por você.

Ela constrói confiança rápido. Fotos reais de trabalhos reais dizem a um estranho que você já fez isso antes.
Ela responde perguntas antes de as pessoas perguntarem. Uma galeria de banheiros prontos silenciosamente diz "sim, a gente faz esse estilo".
Ela mantém as pessoas na página por mais tempo, o que os buscadores leem como sinal de que a sua página é útil.
Ela te dá algo para apontar. Quando alguém liga e pergunta "vocês já fizeram uma cozinha como a minha?" você pode mandar um link.

Uma galeria não é decoração. É prova. Tenha isso em mente ao escolher o que vai nela.

Passo 1: escolha fotos que vendem, não só preenchem espaço

Este é o passo que quase todo guia ignora, e importa mais do que a ferramenta que você escolhe. Dez fotos fortes batem cinquenta fracas. Uma galeria bagunçada de fotos borradas, escuras e pela metade pode te prejudicar mais do que não ter galeria nenhuma.

Aqui está o que cabe numa galeria de pequena empresa:

Pares de antes e depois. Estas são as imagens mais persuasivas que você tem. Mostre o deque velho e cansado, depois o novo.
Trabalho pronto em boa luz. Fotografe perto de uma janela ou ao ar livre com luz do dia. A luz natural faz mais do que qualquer filtro.
Variedade de trabalhos. Inclua alguns tipos de projeto diferentes para os visitantes se verem em pelo menos um.
Um par de fotos de "sua equipe trabalhando". As pessoas contratam pessoas. Uma foto da sua equipe no local te faz parecer real e local.
Enquadramento limpo. Arrume o espaço, tire a escada do quadro, e segure o celular firme. Isso é 90 por cento de uma boa foto.

O que deixar de fora: capturas de tela, fotos de banco que obviamente não são suas, qualquer coisa escura ou fora de foco, e qualquer coisa com o rosto de um estranho ou uma placa de carro que você não teve permissão para mostrar.

Uma regra rápida: se você não mandaria a foto por mensagem a um cliente em potencial para ganhar o trabalho, não a coloque na galeria.

Passo 2: deixe as suas imagens prontas para a galeria carregar rápido

Aqui está uma armadilha que pega quase todo dono de pequena empresa. Você tira uma foto num celular moderno, e esse único arquivo pode ter de 5 a 12 megabytes. Solte dez desses direto numa página e a sua galeria vira um tijolo. Ela vai se arrastar num celular com sinal fraco, e muitos visitantes vão sair antes de ela terminar. Páginas lentas também aparecem mais abaixo no Google, então isto não é só sobre paciência.

Você quer que cada imagem da galeria pareça nítida mas pese muito pouco. Mire em fotos que exibem bem e carregam em menos de 3 segundos mesmo num celular.

Faça estas três coisas com toda imagem antes de ela ir para o site:

Redimensione as dimensões. A maioria das galerias nunca precisa de uma imagem mais larga do que cerca de 2000 pixels. O seu celular fotografa muito maior do que isso. Encolher só a largura corta o tamanho do arquivo drasticamente.
Comprima o arquivo. Uma ferramenta gratuita como TinyPNG ou Squoosh pode baixar uma foto de vários megabytes para algumas centenas de kilobytes sem perda visível de qualidade. Este é o maior ganho isolado de velocidade.
Use o formato certo. JPG é o padrão seguro para fotos. Se a sua plataforma suporta WebP, ele te dá a mesma qualidade num tamanho menor. Salve logotipos e gráficos simples como PNG em vez disso.

Mais um hábito que compensa: renomeie o arquivo antes de subir. Um nome como "reforma-deque-cedro-curitiba.jpg" bate "IMG_4821.jpg". Os buscadores leem esse nome de arquivo, e ajuda o seu trabalho a aparecer nos resultados de imagem do Google.

Passo 3: adicione a galeria na sua plataforma

Os cliques exatos dependem de onde o seu site vive. Aqui estão os caminhos comuns. O padrão é o mesmo em todo lugar: ache um bloco de galeria, adicione as suas imagens preparadas, escolha um layout.

Num criador de sites (Wix, Squarespace, GoDaddy e similares)

Abra o editor da página e vá para o ponto onde você quer a galeria.
Adicione uma nova seção ou bloco e busque por "galeria" ou "galeria de imagens".
Escolha um layout (grade, mosaico ou slideshow) e clique em adicionar.
Suba as imagens comprimidas que você preparou no Passo 2.
Adicione uma legenda a cada imagem e salve.

Criadores como o GoDaddy deixam você carregar um grande número de imagens numa só galeria, mas resista à vontade. Faça curadoria.

No WordPress

O WordPress tem uma ferramenta de galeria embutida, então você pode não precisar de um plugin nenhum.

Edite a página e clique no botão de mais para adicionar um bloco.
Busque por "Galeria" e selecione o bloco Galeria.
Suba as suas imagens ou escolha-as da Biblioteca de Mídia.
Defina o número de colunas e escolha se clicar abre uma visão maior.
Atualize a página.

Se você quer recursos mais chiques como um pop-up lightbox, álbuns, ou configurações específicas para celular, um plugin como Envira Gallery ou NextGen Gallery os adiciona por um criador de arrastar e soltar. Para a maioria dos negócios locais, o bloco embutido já basta para começar.

Com um widget incorporável

Se a sua plataforma não tem uma boa ferramenta de galeria, um serviço como o Elfsight gera uma galeria que você cola como um trecho de código. Você constrói a galeria no site deles, copia o código de incorporação, e o solta num bloco HTML ou de incorporar na sua página. Funciona em quase qualquer plataforma e não precisa de programação, embora as versões gratuitas muitas vezes mostrem um pequeno selo.

Passo 4: acerte os detalhes (a parte que separa o bom do esquecível)

Adicionar imagens são os 80 por cento fáceis. Estes toques finais são o que fazem uma galeria parecer que um profissional a construiu.

Adicione legendas e texto alternativo

Legendas dão contexto: "Reforma completa de cozinha, Maplewood, prazo de três semanas." O texto alternativo é uma curta descrição escrita da imagem que vive nos bastidores. Ele ajuda as pessoas que usam leitores de tela, e ajuda os buscadores a entenderem a foto. Escreva como se você estivesse descrevendo a imagem para alguém no telefone: "Novos armários de cozinha brancos estilo shaker com bancada de quartzo."

Ligue o lightbox

Um lightbox é aquele efeito em que clicar numa miniatura abre a imagem inteira grande e centralizada enquanto o fundo escurece. Ele deixa os visitantes estudarem o seu trabalho de perto sem sair da página. A maioria das ferramentas de galeria tem uma caixinha para isso. Ligue-a.

Mantenha em três ou quatro colunas

Mais colunas significa miniaturas menores e mais ruído visual. Três ou quatro na horizontal no computador é o ponto ideal. A galeria vai empilhar automaticamente em menos colunas nos celulares se a ferramenta prestar.

Cheque no celular antes de dar por pronto

A maioria dos seus visitantes está num celular. Depois de publicar, abra a página no seu próprio celular. As imagens carregam rápido? Você consegue tocar numa e vê-la grande? Algo parece espremido ou cortado? Conserte antes de seguir em frente. Essa única checagem pega os problemas que fazem uma galeria parecer amadora.

Uma galeria que carrega devagar num celular é pior do que não ter galeria. Velocidade e clareza batem quantidade toda vez.

Passo 5: mantenha atualizada

Uma galeria não é um item de configurar e esquecer. Adicione o seu melhor trabalho recente a cada mês ou dois. Uma galeria cuja foto mais nova é de três anos atrás silenciosamente diz aos visitantes que você pode não estar com trabalho. Troque as fotos mais fracas conforme as melhores chegam. Você está mirando numa coleção pequena, atual e forte, não numa pilha sempre crescendo.

Um caminho mais rápido se a coisa toda parece uma tarefa chata

Tudo acima é possível de fazer na mão, e muitos donos fazem numa tarde. Mas se você é um empreiteiro ou dono de loja ocupado, a verdade honesta é que redimensionar, comprimir, subir, legendar e checar no celular é o tipo de tarefa que fica na lista de afazeres por meses.

Este é um dos problemas que a Saynovo foi construída para tirar do seu prato. Se você já mantém fotos no seu Perfil da Empresa no Google, a Saynovo pode puxar essas imagens e arrumá-las numa galeria limpa e rápida como parte de construir o seu site, para você não estar exportando arquivos e mexendo numa ferramenta de galeria de jeito nenhum. E porque você edita o site conversando com ele, você pode dizer algo como "coloque as reformas de banheiro primeiro" e ver a galeria se reordenar. É um jeito de pular os passos manuais enquanto ainda termina com uma galeria que parece que deu trabalho de verdade.

Erros comuns a evitar

Subir direto do celular sem compressão. Esta é a causa número um de uma galeria lenta e frustrante.
Fotos demais. Faça curadoria sem dó. Corte qualquer coisa que não mereça o lugar.
Sem legendas. Uma parede de imagens sem rótulo deixa os visitantes chutando.
Esquecer a checagem no celular. O que fica ótimo no seu laptop pode quebrar numa tela pequena.
Deixar envelhecer. Galerias velhas fazem um negócio ativo parecer inativo.

Como adicionar uma galeria de fotos ao seu site: a versão curta

Aprender como adicionar uma galeria de fotos ao seu site se resume a cinco jogadas: escolher fotos que provem que você é bom, encolher e comprimi-las para carregarem rápido, adicioná-las pela ferramenta de galeria da sua plataforma, escrever legendas e texto alternativo e ligar o lightbox, depois checar o resultado num celular. Faça essas cinco e você vai ter uma galeria que puxa o próprio peso, constrói confiança com estranhos, e dá às pessoas mais um motivo para te ligar em vez do próximo nome na lista delas.

Comece pelas suas dez melhores fotos. Você sempre pode adicionar mais uma vez que o básico esteja no lugar.