Os GIFs podem ser uma adição divertida e envolvente ao conteúdo do seu site. E também podem ajudar no ranqueamento do Google ou causar uma grande catástrofe de SEO. Neste artigo, vamos explorar as melhores práticas de SEO ao usar imagens GIF e como elas podem ser otimizadas para melhor desempenho na web. Então prepare-se para aprender tudo sobre SEO GIF e como utilizá-lo da forma mais eficiente possível!
O que é uma imagem GIF?
As imagens GIF são um tipo de arquivo que se tornou muito popular na internet. O termo “GIF” significa Graphics Interchange Format e é uma forma de imagem digital que foi criada em 1987 pela CompuServe.
A grande vantagem dos GIFs é que eles suportam animação, ou seja, podem ser usados para exibir gráficos estáticos com alta qualidade e sem perda significativa de detalhes. Além disso, podem ser compartilhados, e um GIF compartilhável e de boa marca pode sobreviver por muito tempo no ecossistema de memes.
No entanto, vale ressaltar que os sites devem sempre otimizar adequadamente seus recursos multimídia para garantir um tempo mínimo de carregamento da página e melhor experiência do usuário.
Como o Google rastreia GIFs?
O Google utiliza robôs para rastrear e indexar todas as páginas da internet. Com toda a certeza, quando se trata de imagens (indepenente do formato), o processo é semelhante. Os robôs do Google não são capazes de “ver” ou interpretar imagens com a mesma facilidade que os seres humanos fazem.
De acordo com a própria Central de Pesquisa Google, quando um GIF aparece em uma página da web, o Google pode identificá-lo por meio do código HTML e dos atributos alt e text (texto alternativo) associados a ele. Essas informações ajudam o mecanismo de busca a entender qual é o conteúdo apresentado no GIF.
Como apontar uma imagem GIF em HTML para SEO?
A velocidade com que um GIF carrega na página também pode afetar sua classificação nos resultados de pesquisa do Google. Mas este é um ponto a ser estudado logo mais. Há uma estratégia especial para imagens pesadas.
A declaração de uma imagem animada GIF para SEO é similar a uma imagem em PNG:
<img src="minha-imagem.gif" alt="Minha Imagem GIF" title="Minha Imagem GIF" width="300" height="300">Recomendação de nome do arquivo de imagem GIF para SEO
Acima de tudo, o nome é importante durante o rastreamento dos buscadores em nosso site. Sempre bom relembrar que o nome do arquivo (com ou sem acento) é tão importante quanto outras estratégias de SEO.
É chato? Sim! Diria que muito! Mas é essencial ter essa atenção para estar de acordo com práticas recomendadas de imagens para SEO pela Google. Um exemplo é a substitua espaços por hífen e caracteres especiais ou vogais.
- Nome do tema: Minha Carteira de Ações
- Nome da imagem para SEO: minha-carteira-acoes.PNG ou .JPG ou .GIF
Imagens GIFs são bons para SEO?
A resposta curta é: sim, GIFs podem ser bons para SEO. Mas como tudo no mundo do SEO, existem algumas nuances e considerações importantes a serem feitas.
Uma das principais maneiras pelas quais os GIFs podem ajudar na otimização de sites é que eles geralmente têm tamanhos menores em relação às imagens estáticas. Isso significa que uma página com muitos GIFs pode carregar mais rapidamente do que uma página com muitas imagens grandes.
Outra vantagem dos GIFs é que eles oferecem a oportunidade de compartilhamento nas redes sociais. Se você criar um bom conteúdo em formato de GIF, as pessoas provavelmente vão querer compartilhar, aumentando o tráfego do seu site e melhorando sua classificação no ranking dos motores de busca.
Confira sempre a quantidade de palavras do seu conteúdo vs a quantidade de imagens adequadas para não sobrecarregar demais o visual.
GIFs são ruins para SEO?
GIFs podem ser ruins para SEO em alguns casos específicos, mas isso não significa que eles devam ser evitados completamente. Por exemplo, se você usar muitos GIFs grandes e pesados em uma página, isso pode diminuir o tempo de carregamento da página. Como resultado disso, os usuários podem ficar frustrados com a lentidão do site e acabar indo embora.
Ao invés disso, você pode converter GIFs em vídeos MP4 e configurá-los em vídeos da web, certificando-se de que eles façam loop, reproduzidos automaticamente e silenciosos (como GIFs).
Substitua a imagem do GIF por um Vídeo MP4 ou WebM
Substituir GIFs animados por vídeos é uma excelente tática de SEO para carregar as páginas mais rapidamente.
Entendendo as tags:
- autoplay: reprodução automática;
- loop: repetição infinita;
- muted: sem audio;
- playsinline: reprodução em um espaço determinado no conteúdo.
<video autoplay loop muted playsinline width="400" height="400">
<source src="meu-video.webm" type="video/webm">
<source src="meu-video.mp4" type="video/mp4">
</video>Diferença entre formato MP4 ou WebM? Qual melhor para SEO?
Embora o formato MP4 exista desde 1999, o WebM é um formato de arquivo existente desde 2010. Os vídeos WebM tendem a ter um tamanho menor em comparação com os vídeos MP4. No entanto, é importante considerar que nem todos os navegadores são compatíveis com o formato WebM, portanto, pode ser necessário gerar ambos os formatos para garantir a compatibilidade com a maior quantidade possível de dispositivos.
Por este motivo, é recomendado que você aponte as duas tags conforme exemplo dado acima. Priorize em ordem do tamanho do arquivo.
<video ...opções...>
<source src="meu-video.mp4" type="video/mp4">
<source src="meu-video.webm" type="video/webm">
</video>
ou
<video ...opções...>
<source src="meu-video.webm" type="video/webm">
<source src="meu-video.mp4" type="video/mp4">
</video>Os navegadores não conseguem definir qual
web.dev<source>é ideal, então a ordem das tags<source>é importante. Por exemplo, se você especificar um vídeo MP4 primeiro e o navegador for compatível com WebM, ele ignorará o<source>do WebM e usará o MPEG-4 em vez disso. Se você preferir que o<source>do WebM seja usado primeiro, especifique-o primeiro!
Como converter uma animação GIF para um vídeo?
Um dos conversores que mais uso e com frequência é o Convert.IO. Com ele, a conversão de GIF para MP4 é prática e rápida.
Em primeiro lugar, declare o formato de entrada e saída do arquivo e, na sequência, realize o upload do mesmo:
Após upload concluído e já com o formato de destino selecionado, clique em Converter:
Ademais, apenas faça o download do arquivo da Convert.IO e insira em no seu conteúdo. Atenção: não esqueça de deixar o nome de fácil leitura e sem acentos.
Agora repita o processo para converter novamente seu arquivo de GIF para WEBM no Convert.IO.
Compare o tamanho dos arquivos:
- Imagem GIF: 2.66Mb
- Vídeo MP4: 627Kb
- Vídeo WebM: 635Kb
Como otimizar uma imagem GIF para SEO?
Otimizar uma imagem GIF para SEO pode ser feito seguindo algumas práticas recomendadas. Primeiro, é essencial reduzir o tamanho do arquivo do GIF, pois isso ajudará a diminuir o tempo de carregamento da página.
Uma ferramenta recomendada que não perder a qualidade do GIF (a qualidade também essencial para SEO) é a I Love IMG.
Agora, compare o tamanho das imagens GIF após compressão:
- Imagem GIF antes: 2.8Mb
- Imagem GIF depois: 1.5Mb
Estamos falando de uma redução de +56% do tamanho do arquivo. Apenas pequenas ações como estas podem criar uma relevância na sua página, pois lembre-se, nossa internet em celular é horrível.
Além disso, você pode usar outras ferramentas de compressão de imagens específicas para GIFs, que reduzem o número de cores e eliminam dados desnecessários, mantendo a qualidade visual.
Outra dica importante é sempre fornecer uma descrição significativa para o GIF, usando palavras-chave relevantes. Isso ajudará os mecanismos de busca a entender o conteúdo do GIF e melhorar sua visibilidade nos resultados de pesquisa.
Como os GIFs podem ajudar no ranqueamento do seu site?
Os GIFs animados podem ajudar no ranqueamento do seu site em mecanismos de busca como o Google. Isso ocorre porque essas imagens podem melhorar a experiência do usuário, aumentando o tempo de permanência e reduzindo a taxa de rejeição.
Quando usados corretamente, os GIFs podem fornecer uma pausa visual para quebrar longas seções de texto e manter os usuários envolvidos com o conteúdo. Eles também são altamente compartilháveis nas mídias sociais, gerando mais tráfego e backlinks para seu site.
Permaneça sempre de olho no tempo total de carregamento da página, visto que, se demorar muito tempo para carregar ou causar problemas técnicos na página, isso poderá prejudicar seu desempenho SEO geral.
Formato de Imagens Next-Gen
Um dos principais problemas que os GIFs apresentam é o seu peso em termos de tamanho do arquivo, o que pode afetar significativamente a velocidade do carregamento da página. Mas existe uma solução promissora para esse problema: formatos de imagem Next-Gen.
Os formatos de imagem Next-Gen são uma nova geração de arquivos de imagem projetados especificamente para melhorar o desempenho e a qualidade das imagens na web. Esses formatos incluem WebP, JPEG 2000, JPEG XR e AVIF.
O formato WebP é especialmente interessante porque oferece suporte à animação, como os GIFs fazem. E ainda tem um tamanho menor quando comparado com outros tipos de arquivo como PNG ou JPG. Alguns navegadores já suportam este formato (como Google Chrome), mas outros não (como Mozilla Firefox).
Embora esses novos formatos tenham muitas vantagens sobre as imagens tradicionais, eles ainda não são amplamente aceitos por todos os navegadores e plataformas online. No entanto, é importante ficar atento às atualizações dessas tecnologias e avaliar se elas podem ser adequadas ao seu site em particular.
Se você quiser experimentar esses novos formatos em suas imagens GIF animadas ou outras imagens no seu site, certifique-se primeiro se sua plataforma permite isso antes disso fazer qualquer mudança drástica no website.
Conclusão
Por fim, os GIFs animados podem ser uma valiosa adição à sua estratégia de SEO se usados adequadamente. Eles ajudam a tornar o conteúdo mais atraente e envolvente para os usuários, aumentando assim o tempo de permanência no site e reduzindo as taxas de rejeição.
No entanto, é importante lembrar que nem todos os GIFs são criados iguais. Para obter os benefícios do SEO com imagens GIF, você precisa garantir que elas sejam otimizadas adequadamente para desempenho e acessibilidade.
Ao seguir as melhores práticas discutidas neste artigo, você pode maximizar o potencial dos GIFs em seus esforços de marketing digital, melhorando tanto a experiência do usuário quanto sua classificação nos mecanismos de busca. Então por que não começar hoje mesmo? Crie alguns GIFs incríveis e comece a colher os frutos!
