Quais são os prós e os contras do conteúdo GIF dinâmico? Os GIFs são bons ou ruins para SEO? Aqui está tudo o que você precisa saber ao usar GIFs em seu conteúdo da web.
De listas do BuzzFeed a clapbacks do Twitter, GIFs (abreviação de Graphics Interchange Format) fazem parte da linguagem da web.
Se você pesquisar nas imagens do Google ou no Giphy , um dos maiores agregadores de GIFs, poderá ver uma enorme variedade de GIFs em exibição de todos os lugares.
Um GIF animado ( pronunciado como “jif” e “gif”, e discutir sobre a pronúncia é uma maneira infalível de iniciar uma discussão online) é um tipo de arquivo de mídia que pode ser inserido em mensagens pessoais e também em conteúdo público online.
Uma rápida pesquisa no Google define GIF como “um formato sem perdas para arquivos de imagem que suporta imagens animadas e estáticas”, que cresceu em popularidade durante a década de 1980.
Os GIFs podem expressar emoções ou cenários em um formato mais dinâmico e divertido.
História GIF
Steve Wilhite da CompuServe construiu o GIF para economizar memória ao exibir imagens.
A equipe de Wilhite descobriu uma maneira de servir essas imagens usando um algoritmo de compressão e limitando o número de cores.
O algoritmo funcionou identificando padrões repetidos e tornou os GIFs excelentes na criação de imagens fotorrealistas de alto desempenho.
Como várias versões da imagem estão incluídas no arquivo, você pode encadear essas imagens para criar um vídeo em loop.
O GIF teve uma longa história depois disso; A Unisys Corp, a empresa proprietária do algoritmo GIF, começou a cobrar royalties por GIFs em 1995 – e a patente não expirou até 2003.
As imagens do Google surgiram em 2001, mas não obtiveram um recurso explícito para pesquisar GIFs até 2013.
Em 2019, o Google adicionou GIFs compartilháveis aos resultados da pesquisa.
Como o Google rastreia GIFs?
O Google parece, neste ponto, ler GIFs da mesma forma que lê todas as outras imagens – apenas com um foco maior em poder pesquisá-los e compartilhá-los por meio do Imagens do Google.
As técnicas de otimização de imagens do Google são o caminho certo para garantir que seus GIFs sejam rastreados, analisados e indexados.
GIFs são bons para SEO?
Os GIFs podem ser bons para o SEO da mesma forma que todas as imagens bem elaboradas podem ser boas para o SEO – eles podem gerar cliques e manter as pessoas engajadas em uma página.
Os GIFs podem ser compartilhados, e um GIF compartilhável e de boa marca pode sobreviver por muito tempo no ecossistema de memes.
As pessoas gostam de GIFs, e usá-los pode quebrar longos artigos e adicionar relação ao conteúdo.
GIFs são ruins para SEO?
Os GIFs não são ruins para o SEO – desde que você os apresente corretamente e não deixe que tornem seu site mais lento.
Os GIFs podem ser ruins para o SEO se você confiar neles em vez de texto ou torná-los muito pesados.
Eles também podem ser ruins para a acessibilidade – você deve garantir que os GIFs atendam às diretrizes de acessibilidade.
Como corrigir seus GIFs
Personalize seus nomes de arquivo GIF, use GIFs exclusivos e, principalmente, escreva um bom texto alternativo – para pessoas e para SEO.
Você pode adicionar GIFs ao seu sitemap de imagem para garantir que o Google saiba exatamente onde eles estão.
O Google diz que é bom adicionar imagens aos mapas do site usando tags de imagem.
Use nomes de arquivo descritivos e texto alternativo e certifique-se de que os GIFs funcionem com o texto ao redor.
Se você deseja que seu GIF seja bem indexado no Imagens do Google, deve otimizar o posicionamento do GIF – próximo ao texto relevante e no topo da página.
Seus GIFs devem ser rápidos, responsivos e ter boas estruturas de URL.
Vamos obter metadados meta
O Google quer saber o que está acontecendo por trás desse arquivo de mídia avançada com alt tags adequadas, nomes de arquivo descritivos, contextos de imagem relevantes, legendas de imagem e links associados.
Além disso, é recomendável seguir as diretrizes de práticas recomendadas do Google para imagens , mas entra em conflito com parte do que os usuários passaram a amar no conteúdo GIF.
Por exemplo, as diretrizes de práticas recomendadas do Google para publicação de imagens, incluindo arquivos GIF, dizem para não incluir texto na imagem, uma vez que não será indexado. Se adicionar contexto, este contexto provavelmente será perdido.
Você pode contornar isso adicionando legendas descritivas . Por exemplo, descrição do GIF: [descrição do GIF, palavras no GIF] .
Os usuários contam com descrições alternativas limitadas e o Google conta com elas, nomes de arquivo e elementos de contexto de página ao redor para descobrir do que se trata um GIF.
Você pode ficar à frente do pacote de GIFs tornando esses elementos bons .
Seu texto alternativo deve acompanhar seu conteúdo, tendo a acessibilidade em mente, e o Google poderá selecionar e usar seus GIFs.
Desempenho de GIF e vitais essenciais da web
Os GIFs podem diminuir o desempenho das páginas da web em que estão.
Com o foco crescente do Google em Core Web Vitals como um fator de classificação , é importante manter as páginas rápidas.
Existem muitas maneiras de melhorar o desempenho.
Como otimizar seus GIFs
Existem alguns métodos que você pode usar para acelerar seus GIFs.
- Compressão com perda.
- Otimização sem perdas.
Você pode usar sites de compactação de imagens, ou Photoshop, para reduzir o tamanho de seus GIFs e acelerar sua página da web.
A compactação com perdas é a arte de tornar seus GIFs piores de uma forma que as pessoas não percebem, tornando-os mais rápidos. A qualidade do GIF será pior, mas sua página da web será muito mais rápida.
A otimização sem perdas não remove pixels, cores ou informações. Não é tão rápido quanto os arquivos que foram otimizados com perdas.
Existem dezenas de ferramentas online que podem ajudá-lo a compactar suas imagens .
Você também pode transformar seu GIF em um arquivo APNG para manter mais cores e um tamanho de arquivo melhor.
Usar configurações melhores ao salvar GIFs no Photoshop também pode economizar na velocidade do site.
Você também pode converter seu GIF em um vídeo HTML5.
O site web.dev possui um guia completo sobre a conversão de GIFs em vídeos HTML5.
Você pode converter GIFs em vídeos MP4 e configurá-los em vídeos da web; certificando-se de que eles repetem, reproduzem automaticamente e que estão em silêncio (como GIFs).
Usar um vídeo também permite uma melhor acessibilidade – as diretrizes WCAG sobre “Pausar, Parar, Ocultar” exigem que os usuários tenham um nível de controle sobre as imagens em movimento.
Isso é mais facilmente realizado com vídeo do que com GIF.
Parece simples, mas os GIF-Go-Getters, cuidado
Vamos voltar a como o Googlebot rastreia um site por um minuto.
Lembre-se de que, se houver muitas formas de conteúdo dinâmico em um site, o desempenho do site poderá ser muito mais lento do que um site sem essas formas de conteúdo.
Em outras palavras, se um site for composto de milhares de GIFs, ele pode ter um tempo de carregamento lento, independentemente de como eles são apresentados com os metadados ou de outra forma.
O tempo lento de carregamento da página pode prejudicar as classificações do mecanismo de pesquisa de um site.
Os proprietários e operadores de sites precisam equilibrar os interesses concorrentes dos usuários e dos mecanismos de pesquisa para manter o tempo de carregamento da página baixo e, ao mesmo tempo, oferecer uma apresentação mais divertida e dinâmica do conteúdo da página.
Embora o tempo de carregamento da página possa ser afetado por vários fatores no local, a solução mais comum para o enigma do conteúdo GIF é que os desenvolvedores reduzam o tamanho das imagens.
Existem algumas maneiras de reduzir o tamanho das imagens em um site, dependendo de como o site foi construído.
Compressão GZIP
Uma técnica para compactar ou desinflar imagens em até 70% sem comprometer a qualidade da imagem.
Essa técnica deve ser implementada por seu host da web em seus servidores. Você pode usar este teste para ver se o seu site foi “GZipado” pelo seu host.
Otimização de imagem
Programas de desktop como Photoshop e programas da web como Smush.it podem ajudar a reduzir o tamanho da imagem, usando o recurso “Salvar para a Web”.
A qualidade da imagem diminuirá junto com a imagem e, como resultado, os desenvolvedores precisam encontrar o ponto ideal entre o tamanho e a qualidade da imagem.
Os desenvolvedores que dependem do HTML para reduzir o tamanho das imagens (ou seja, blogs do WordPress) não criam realmente mais espaço no servidor.
Ao contrário, um navegador da web ainda teria que carregar o tamanho da imagem original antes de recarregar e redimensionar a imagem para a altura e largura que você atribuiu a ela.
De qualquer forma, você já está fazendo um favor ao seu site e aos mecanismos de pesquisa ao optar pelo formato GIF em vez de outros formatos de imagem maiores.
Problemas de GIF acessíveis
Acessibilidade é uma questão importante e cruza com o SEO: boas práticas de SEO tendem a ajudar a acessibilidade e vice-versa.
A conformidade com as WCAG é importante para garantir que os usuários possam acessar seu site confortavelmente.
As diretrizes WCAG declaram:
“Movendo, piscando, rolando
Para qualquer informação em movimento, piscando ou rolando que (1) começa automaticamente, (2) dura mais de cinco segundos e (3) é apresentada em paralelo com outro conteúdo, existe um mecanismo para o usuário pausar, parar ou ocultar a menos que o movimento, piscar ou rolar seja parte de uma atividade onde seja essencial; e
Atualização automática
Para qualquer informação de atualização automática que (1) inicia automaticamente e (2) é apresentada em paralelo com outro conteúdo, existe um mecanismo para o usuário pausar … ”
Para GIFs, eles sugerem configurar imagens GIF animadas para parar de piscar após um determinado número de vezes, dentro de 5 segundos.
Você pode usar elementos HTML como <details> / <summary> para fornecer mais informações rapidamente e passar facilmente este critério WCAG.
Formatos de imagem de última geração
O Google começou a promover formatos de imagem de última geração.
Um dos principais é o WebP , que pode reduzir significativamente o tamanho das imagens, preservando sua qualidade.
WebP é sem perdas e com perdas.
Aproximando-se do conteúdo GIF
Quando usado de forma eficaz, o conteúdo GIF tem o potencial de aumentar o envolvimento em uma postagem ou parte do conteúdo em particular.
GIFs são bons para os usuários e podem aumentar o tráfego para seu site como resultado.
Todos esses fatores trabalham juntos para enviar uma aprovação indireta ao Google.
No entanto, se você enlouqueceu com GIFs, certifique-se de que o Google ainda possa indexar seu conteúdo da maneira mais eficaz possível sem o conteúdo GIF.
Isso pode ser alcançado fornecendo ao Google o máximo possível de informações sobre o conteúdo.
Você também deve se certificar de que a presença de GIFs em seu site não diminuiu o tempo de carregamento da página.
Imagens em movimento não vão a lugar nenhum.
Pesquise profissionais de marketing, pegue seu GIF e lide com ele.