loading

26/03/2019
Como usar imagens em uma página web?  Dicas para 2019

Como usar
imagens em uma
página web?
Dicas para 2019

Como usar imagens em uma página web? Mais de uma vez fizemos esta pergunta a nós próprios. Sabemos que o aspecto visual é decisivo porque atrai novos usuários, aumenta as visitas e as possibilidades de melhorar as vendas.

Isto é uma realidade. Quase todos nós no mundo do web design vivemos diariamente a experiência exaustiva de procurar imagens. Tenho a certeza que sabes como isso é.

Estamos habituados a essa peregrinação que se assemelha a Thanos a recolher as Gemas do Infinito em Vingadores. Mas é um trabalho essencial para atingir nosso objetivo e você tem que ser muito exigente quando se trata de escolher e editar.

Não é difícil notar que quando entramos numa página web a primeira coisa que nos apanha são as imagens. São um elemento de comunicação e também de informação.

Mas, é suficiente para descarregá-los ou levá-los com nossa câmera e depois enviá-los para o nosso site? Não, isto não é suficiente. Para ser bem sucedido com o nosso site, devemos considerar vários aspectos. Requer análise, dedicação e uma estratégia adequada.

Dicas para usar imagens em uma página web

1. Use imagens de qualidade

A baixa qualidade afecta a percepção dos visitantes e não dá confiança no site. Uma imagem nítida, de bom tamanho, certamente atrai muito mais do que uma foto desfocada.

Você pode fazer suas próprias imagens e, neste caso, você estará livre de direitos autorais e termos legais.

Você também pode encontrar boas imagens sob a licença Creative Commons. Estes são aconselháveis desde que as condições de utilização sejam respeitadas.

E, finalmente, há muitos bancos de imagens gratuitas e pagas que podem ajudá-lo.

Além disso, as imagens devem conter implicitamente uma chamada à ação. Ou seja, quando o visitante os vê, sente a necessidade de consumir seu produto.

2. Comprimi-los

Reduzir o tamanho do arquivo é essencial para que ele não seja tão pesado. Desta forma, a página será carregada mais rapidamente.

Isto é muito importante porque os visitantes não esperam muito e se o seu site for lento eles vão abandonar a tentativa.

Existem vários programas que facilitam este trabalho como o https://tinypng.com/, mas você pode procurar outros porque a oferta é muito variada.

3. Otimizá-los antes de publicá-los

No que diz respeito à otimização de imagem é um aspecto que o Google dá um lugar preponderante. Portanto, é essencial realizar esse processo antes de carregá-los.

Para fazer isso, é importante que a palavra-chave esteja no nome e título do arquivo para que o motor de busca saiba do que se trata.

Ele também deve ser colocado no atributo “Alt”, para que quando o mouse passar sobre ele o texto seja exibido.

Você também deve incluir a palavra-chave na legenda.

4. Analisar tendências

Embora eu seja a favor de tentarmos diferenciar-nos da concorrência, isso não significa que ignoremos as tendências da moda.

Costumo analisar a orientação da minha competição e gosto de conseguir efeitos exclusivos que me diferenciem.

Mas tenho de respeitar as circunstâncias do momento. Seria muito difícil vender, por exemplo, carros elétricos, que representam uma época de boom tecnológico, com uma paisagem vintage dos anos 60.

5. Editar sempre

Quer se trate de uma imagem gratuita ou paga, tenha em mente que haverá muitos do mesmo na Internet.

Então, se a licença o permite, é conveniente fazer modificações para que o motor de busca interprete isso antes de um conteúdo único. Esta prática favorecerá o posicionamento.

Adicionando elementos ou combinando várias imagens conseguimos bons efeitos e como consequência teremos um produto exclusivo.

Google detecta se a imagem é a mesma que outra na Internet e, neste caso, irá interpretá-la como conteúdo duplicado e isso prejudica a posição que nos dá.

6. Escolha o formato de ficheiro correcto

O Google Images suporta imagens nestes formatos: BMP, GIF, JPEG, PNG, WebP e SVG.

As BMPs não são mais usadas porque são muito pesadas.

Os arquivos JPG podem fornecer um bom equilíbrio entre qualidade e tamanho.

Por outro lado, o PNG oferece imagens de melhor qualidade, mas com mais peso.

Se você quiser imagens animadas você pode usar GIF.

E o formato WebP é do Google e é o mais leve de todos, mas ainda não funciona em todos os navegadores.

7. Certifica-te que tens a licença

Não utilize imagens nas quais não tenhamos a licença correspondente.

Você pode encontrar imagens royalty free em várias plataformas, tais como https://pixabay.com/, https://unsplash.com/, https://gratisography.com/.

Há também plataformas de pagamento que contêm excelentes produtos para o seu site.

Melhore a visibilidade do seu conteúdo no Google Imagens

Você pode aumentar a visibilidade do seu conteúdo no Google Images criando uma boa experiência de usuário. Para isso, o Google recomenda o seguinte:

  • Oferecer um bom contexto

Quer dizer que o conteúdo visual é relevante para o tema da página. Também sugere que tanto as imagens como o texto são originais.

  • Otimizar a localização

Colocar as imagens perto do texto relevante e colocar as imagens mais importantes no topo são algumas das dicas do Google a este respeito.

  • Não inserir texto em imagens

Não é conveniente usar texto em imagens, especialmente se for informação importante, uma vez que nem todos os usuários podem acessá-la. Este texto não pode ser redimensionado, não pode ser pesquisado, não pode ser aumentado ou diminuído, não oferece acessibilidade e não se adapta bem aos dispositivos. .

  • Boa informação e alta qualidade

Para o motor de busca, a informação visual é tão importante como a informação mostrada no resto do conteúdo da página web. O Google tem em conta a qualidade destes elementos ao posicionar imagens. Significa que o Google não acredita no ditado “Uma imagem vale mais que mil palavras”. Pelo contrário, todo o conteúdo é relevante.

  • O website deve ser compatível com todos os tipos de dispositivos

E isso deve ser assim porque a maioria das pessoas busca no Google Images via telefone celular, tablet, computador, etc.

Importância das imagens no seu site

  • Websites com imagens atraem mais atenção quando aparecem nas páginas de resultados de pesquisa e, portanto, geram mais cliques. Quando você tem imagens de boa qualidade e otimizadas, elas podem até vir em primeiro lugar quando as pessoas pesquisam por imagens no Google.
  • As páginas de imagens convidam-no a partilhar nas redes sociais. Sem a necessidade de rever a investigação, o senso comum diz-nos que é muito mais apelativo partilhar um artigo com uma boa imagem do que partilhar apenas texto.
  • Eles ajudam a espalhar a sua marca e dão-lhe personalidade. Estudos mostram que os usuários são mais propensos a clicar se a descrição de um produto incluir uma imagem do que se incluir apenas texto.
  • As imagens não só comunicam informações visuais, mas também podem transmitir sensações e isso torna a sua oferta mais atraente.
  • Para o Google, as imagens são importantes porque aumentam o CTR. CTR é a relação entre visualizações e cliques. Por exemplo, se tivermos um resultado que tenha sido visto 100 vezes e clicado em 5 vezes, temos um CTR de 5%. Este é um valor de posicionamento muito importante.

Critérios do Google sobre as imagens no ranking

O Google utiliza mais de 200 critérios diferentes para garantir a classificação do nosso site. É um algoritmo que não é conhecido em sua totalidade, mas que os especialistas definem de forma aproximada.
Ressalta-se que os assuntos relacionados ao domínio, aos títulos e às palavras-chave ocupam os primeiros lugares. Mas sem dúvida as imagens também são fundamentais porque aumentam o CTR como já vimos. É diferente de um anúncio que é visto 20 vezes e clicado duas vezes do que um anúncio que é visto 10 vezes e clicado duas vezes. No segundo caso, teremos duas vezes mais CTR do que no primeiro.

Na lista de 2019 de Brian Dean (especialista em SEO), as imagens aparecem da seguinte forma:

29. Otimização de imagens: as imagens enviam sinais importantes de relevância para os motores de busca através do nome do arquivo, texto alternativo, título, descrição e título.

45. Multimédia: Imagens, vídeos e outros elementos multimédia podem funcionar como um sinal de qualidade de conteúdo.

92. Alt tag (para links de imagens) : O texto Alt funciona como âncora de texto para imagens.

Isto significa que se usarmos as imagens corretamente, nosso posicionamento no SERP (página de resultados de um motor de busca), será favorecido.

Você também pode visitar o site da TermInternet. Lá você encontrará informações detalhadas sobre os 11 principais fatores de classificação de pesquisa do Google [Posição #1 no Google], incluindo imagens.

Estatísticas sobre o tempo gasto num sítio Web

Como já vimos, as imagens devem ser bem otimizadas para que a página possa ser carregada rapidamente. Em geral, quando um usuário entra em um site, ele espera 3 segundos e se não conseguir entrar na página, ele abandona a tentativa. Imagine se será importante otimizar as imagens. Estas são estatísticas que nos permitem ilustrar esta afirmação.

Imágens vpnMentor

Conclusão

Usar imagens em um website requer um processo complexo. Eles devem fornecer valor, informação, entretenimento, confiança e, acima de tudo, criar a necessidade do produto ou serviço que estamos oferecendo.

Mas, fundamentalmente, temos de ter cuidado com todos os requisitos que salientámos e que são tão importantes para alcançar um bom posicionamento.

Tenha em mente que se a experiência do usuário for satisfatória, você certamente irá compartilhá-la com seus amigos através de redes sociais, e-mails e outras mídias. Isso se traduz em mais tráfego que, em última análise, favorece as vendas.

Em suma, se o seu site oferece uma imagem visual pobre certamente os visitantes vão sair rapidamente. Caso a oferta visual seja cativante, se também tivermos otimizado e editado corretamente, isso aumentará o tráfego e incitará o clique. Portanto, as nossas vendas vão aumentar.

Tente incorporar gradualmente as sugestões que lhe dou neste artigo e verá os resultados.

Plot (1)

Tradução: DeepL

Imagens: Freepik

Generic placeholder image
Nicolás González

Desenvolvedor & Web Designer
Freelance

+598 98 398 010

[email protected]

Artigos
Relacionados

Biblioteca
de mídia
Wordpress
O tesouro
do seu site

O Biblioteca de mídia WordPress: o tesouro do seu site é o local onde armazenamos os elementos multimédia e depois adicionamo-los ao nosso conteúdo. É ...

Plugins para
WordPress:
Escolha o melhor
em 2019.
(Grátis)

Plugins para WordPress são ferramentas fantásticas que nos permitem personalizar o nosso site. A possibilidade de ter estas aplicações é talvez a razão pela qual ...

O projeto web da sua empresa. Por onde começar?

O projecto web da sua empresa traduz-se na criação de uma página web que lhe dá visibilidade, tráfego e o mais importante: clientes. Por onde ...