Introducing G2.ai, the future of software buying.Try now

7 Dicas para Escolher a Melhor Imagem para o Seu Site

2 de Abril de 2019
por Mara Calvello

Todos nós já ouvimos o ditado: "Uma imagem vale mais que mil palavras."

E embora isso possa não ser literalmente verdade, não há como negar o quanto uma imagem certa pode agregar valor ao seu site. Existem muitas direções que você pode seguir com as imagens no seu site, então como saber se está indo na direção certa para a sua marca?

Como escolher a melhor imagem para o seu site

Imagens e fotos sempre foram uma parte vital da comunicação visual, então garantir que seu site aproveite ao máximo as imagens que você escolhe é essencial. É por isso que 51 por cento dos profissionais de marketing B2B priorizam a criação de ativos visuais como parte de sua estratégia de conteúdo.

Seu público é mais esperto do que você pensa. Eles podem identificar quando você está usando uma imagem comum de banco de imagens, especialmente se for uma irrelevante e de baixa qualidade. Escolher a imagem errada tem o potencial de arruinar seu site, de várias maneiras. Pode impactar negativamente tanto sua UI quanto sua UX, então escolha sabiamente.

Não sabe que tipo de imagem usar, como garantir que elas forneçam valor de SEO e salvá-las no tipo de arquivo correto? Continue lendo.

1. Escolha imagens de alta qualidade

Certifique-se de que as imagens que você escolhe são de alta qualidade. Imagens com grandes pixels e alta resolução funcionam melhor. Em relação ao tamanho, pense em como seu site vai parecer tanto em um desktop quanto em um dispositivo móvel. Um dos meus exemplos favoritos é a página inicial do Airbnb. Embora o formulário de reserva ainda seja o foco da página, o olhar do usuário não pode deixar de ser atraído pela imagem de fundo de alta qualidade e visualmente atraente.

Using a High-Quality Image[Fonte: Airbnb.com]

2. Torne-as relevantes para sua marca

Não importa o que sua empresa está vendendo ou o propósito do seu site, as imagens que você escolhe devem ser relevantes para sua marca e seu objetivo.

Por exemplo, se sua marca está vendendo joias, como a Pandora, as imagens dos produtos no seu site precisam ser visualmente atraentes e sedutoras para o cliente.

Images Relevant to the Brand[Fonte: us.pandora.net]

3. Escolha imagens com um call-to-action

Quer que um cliente ou visitante do site faça algo específico? Faça uma imagem também servir como um call-to-action. Marcas na indústria alimentícia costumam fazer isso bem. Por exemplo, a Starbucks, cujo menu está sempre mudando e evoluindo, facilita para você decidir qual espresso deve pedir na próxima vez que precisar de uma dose extra de cafeína.

Website with a Call-to-Action Image
[Fonte: Starbucks.com]


Minha boca se enche de água só de olhar para essas opções. Ambos, por favor.

4. Deixe a imagem falar por si

Prenda seus visitantes do site com uma imagem envolvente. Em vez de carregar seu site com toneladas de texto, opte por uma imagem que transmita a mensagem. Mesmo que o texto seja uma boa leitura, nem todos os seus clientes vão ter tempo para lê-lo, ou mesmo se importar.

A página inicial da allbirds transmite a mensagem de que seus produtos são naturais, sem entrar imediatamente em detalhes sobre os materiais e a história da marca.

Descriptive Website Image[Fonte: allbirds.com]

 

5. Mostre pessoas reais

Escolher uma imagem que inclua pessoas é uma ótima maneira de potencialmente aumentar a taxa de conversão do seu site. É aqui que, se puder, você deve evitar fotos de banco de imagens e usar pessoas reais. Você não quer que a imagem que escolhe esteja em centenas de outros sites por aí, e isso pode acontecer se você optar por fotos de banco de imagens.

A Warby Parker não só mostra duas pessoas em sua página inicial, mas também dá aos seus clientes uma ideia de como seus óculos vão parecer em pessoas reais, em vez de apenas mostrá-los como produtos isolados.

Warby Parker Homepage [Fonte: warbyparker.com]

6. Otimize para SEO

Não importa se você tem um blog, loja online ou apenas um site regular que você está procurando melhorar com imagens de alta qualidade, vale a pena otimizar cada imagem que você carrega.

Primeiro, certifique-se de que as imagens estão boas, como discutimos acima. Em seguida, você precisa garantir que elas possam ser facilmente indexadas pelos motores de busca, garantindo que você nomeie o arquivo de imagem corretamente.

Você já salvou uma imagem como "Foto1.jpg" ou "Captura de Tela 2019-03-18 às 16.13.42?" Isso é um grande erro quando se trata das imagens no seu site.

Ao nomear, seja consistente e não use pontuação ou espaços. Também é melhor usar hífens no nome em vez de sublinhados.

How to Name Your Image File
 

Depois que o nome do arquivo de imagem estiver formatado corretamente, não se esqueça do texto alternativo, que também adiciona valor de SEO.

O texto alternativo é uma descrição curta, geralmente de 100 caracteres, do que a imagem está mostrando. Embora esse texto não seja visível para os visitantes do site, ele dá aos motores de busca uma ideia do que a imagem representa. Este texto também ajudará visitantes com deficiência visual a navegar no seu site com software baseado em áudio.

Seguindo o exemplo acima, seu texto alternativo poderia ser: Estátua da Liberdade à noite

7. Escolha o tipo de arquivo de imagem correto

Não tem certeza de qual tipo de arquivo de imagem você deve usar? Vamos analisá-los.

  • JPGs: Este tipo de arquivo deve ser usado para fotografias, pois podem lidar com as cores em um tamanho de arquivo pequeno e eficiente. Quando usados, você não precisará se preocupar em ter um arquivo enorme, o que ajudará no tempo de carregamento dessa imagem.
  • PNGs: Este tipo de arquivo deve ser usado para gráficos, especialmente usando grandes ou planas áreas de cor. Isso inclui a maioria dos designs, infográficos, imagens que são pesadas em texto e logotipos. PNGs também suportam fundo transparente (que você vai querer usar para um logotipo). Se puder, salve seu PNG como um formato "24-bit" para melhor qualidade e uma exibição mais rica de cores.

Deixe seu site perfeito

A imagem certa no seu site é como a cereja do bolo. Ela realmente une tudo, e, esperançosamente, se você escolheu o tipo certo de imagem, garante que seu site seja agradável para o visitante de uma forma que o faça voltar para mais.

Interessado em dar ainda mais personalidade ao seu site? Confira estas dicas sobre como usar vídeo em sites e como escolher a melhor tipografia para o seu site!

 

Quer aprender mais sobre Software de Design de Sites? Explore os produtos de Design de Web.

Mara Calvello
MC

Mara Calvello

Mara Calvello is a Content and Communications Manager at G2. She received her Bachelor of Arts degree from Elmhurst College (now Elmhurst University). Mara writes content highlighting G2 newsroom events and customer marketing case studies, while also focusing on social media and communications for G2. She previously wrote content to support our G2 Tea newsletter, as well as categories on artificial intelligence, natural language understanding (NLU), AI code generation, synthetic data, and more. In her spare time, she's out exploring with her rescue dog Zeke or enjoying a good book.