Como otimizar imagens e ilustrações para uma loja on-line otimizada para SEO
É uma verdade universal que as imagens sempre tornam seu conteúdo mais acessível, atraente e envolvente para os visitantes, mas elas são mais do que isso e desempenham um papel fundamental no SEO.
Em primeiro lugar, eles fornecem informações contextuais cruciais para os mecanismos de pesquisa. Em segundo lugar, as imagens otimizadas aumentam o engajamento do usuário e as classificações do mecanismo de pesquisa, acelerando o carregamento da página.
Para oferecer à sua marca a melhor chance de sucesso com SEO, você precisa entender os fundamentos da otimização de imagens.
A otimização de imagem representa o procedimento completo de melhoria da qualidade da imagem, ajustando seu formato, tamanho e resolução para aumentar o envolvimento do usuário. Também envolve a identificação adequada de imagens para que os rastreadores dos mecanismos de pesquisa possam lê-las e compreender o contexto da página.
Em novembro de 2018, as fotos representavam 21% do peso total de uma página da web, de acordo com o HTTP Archive. Como as imagens usam mais bytes de qualquer componente de um site, seu tamanho e complexidade afetam significativamente a velocidade do site. No entanto, quando você minimiza o tamanho das fotos sem sacrificar a qualidade, a velocidade de carregamento da página aumenta e, como resultado, a experiência dos usuários do site melhora.
Dicas fundamentais ajudam você a otimizar imagens e ilustrações
Ao melhorar a experiência do usuário, você pode esperar mais interações do visitante com seu site, aumentando suas classificações nos mecanismos de pesquisa e aprimorando o envolvimento, as conversões e a retenção do consumidor. Além disso, como as fotos otimizadas ocupam menos espaço de armazenamento em seu servidor, os backups do site serão executados mais rapidamente. Agora vou mostrar como melhorar suas fotos:
Redimensionamento de imagem
O tamanho da imagem e o tamanho do arquivo não são sinônimos. O tamanho da imagem determina as dimensões da imagem (por exemplo, 1024 por 680 pixels). O tamanho do arquivo refere-se à quantidade de espaço crucial no servidor para armazená-lo (por exemplo, 350 kilobytes).
Imagens com resolução mais alta e tamanho maior (normalmente filmadas com uma câmera profissional) reduzem rapidamente o tempo de carregamento do site. Embora tenham um bom desempenho para reprodução impressa, eles devem ser reduzidos sem sacrificar muito a qualidade para operar com eficiência na web.
💡 DICA: Use este guia para determinar os tamanhos de imagem mais apropriados para as redes sociais.
Selecionando o formato do arquivo e a taxa de compactação
PNG, JPEG e GIF são formatos de arquivo padrão. Cada um tem vantagens. JPEG é mais apropriado para fotos com muita cor, enquanto PNG é melhor para imagens explícitas.
O tamanho do arquivo é reduzido quando uma imagem é muito compactada, mas a qualidade da imagem também é prejudicada. Por outro lado, a qualidade da imagem é excelente ao usar uma taxa de compactação baixa, mas o tamanho do arquivo é enorme.
Experimente diferentes formatos de arquivo e taxas de compactação para determinar o que funciona melhor para cada imagem. Muitos programas de software de edição de imagem, incluindo o Adobe Photoshop, apresentam uma opção “salvar para a web” que reduz automaticamente o tamanho do arquivo enquanto maximiza a qualidade da imagem. Se você não possui o Photoshop, aqui estão algumas alternativas:
- Ferramentas de otimização de imagem
- Foto de afinidade
- Pixlr (otimização JPEG)
- ImageOptim (somente Mac)
- Kraken (compressão em massa)
- Gimp
- Paint.NET
- JPEG mini
- OptiPNG
- FileOptimizer
- triagem
Plug-ins do WordPress para otimização de imagens
- Yoast SEO
- ShortPixelName
- Otimizador de Imagens EWWW
- WP Smush
- TinyPNG
- ImageRecycle
- Optimus Image Optimizer
Otimização de velocidade
Depois de concluir o processo de otimização da imagem, qual seria a maneira de saber se os tempos de carregamento da página do seu site não estão deixando os visitantes do site esperando? Bem, aqui estão as ferramentas mais adequadas que ajudarão você a testar a velocidade do seu site:
- WebPageTest
- Pingdom
- GTmetrix
- WebWaitName
- Google PageSpeed Insights
É bom continuar verificando suas estatísticas com frequência, pois os sites tendem a observar mudanças ao longo do tempo que devem ser otimizadas periodicamente.
Melhorar os nomes dos arquivos de imagem
Escolher o nome de arquivo apropriado é fundamental para SEO e classificação nos resultados de pesquisa de imagens. Para maximizar o potencial de SEO, nomeie qualquer arquivo de imagem antes de enviá-lo com palavras-chave de cauda longa relevantes.
Certifique-se de adicionar as palavras-chave de destino no início, separadas por hífens. Use sublinhados com moderação, pois os mecanismos de pesquisa não os identificam e não podem “ver” as palavras separadamente.
Manter os nomes dos arquivos de imagem pertinentes à sua imagem é uma boa ideia. Recomendamos que você escolha títulos concisos e claros para suas imagens. Por exemplo, o nome original de uma fotografia de uma mulher em um salão de beleza é “salon234.jpg”. Renomeie-o como “mulher cortando o cabelo em um salão.jpg” ou algo mais descritivo.
Faça uso de Alt Tags
Os espectadores podem entender do que se trata uma imagem, mas os spiders dos mecanismos de pesquisa querem mais informações. Sem texto alternativo, os mecanismos de pesquisa não podem indexar corretamente o conteúdo da imagem. Uma tag alt decente adiciona contexto e também ajuda pessoas com deficiência visual. Mesmo que as imagens não carreguem devido a um bug, os mecanismos de pesquisa ainda podem verificar o texto alternativo para ajudar a classificar um site. Sempre evite o preenchimento de palavras-chave ao inserir os termos relevantes para a marca.
Você precisa fornecer mais informações do que forneceu no nome do arquivo. Embora não haja uma quantidade perfeita de palavras, tente apontar de 10 a 15 palavras para expressar algo sobre a imagem.
Melhore o título da imagem
Se você usa o WordPress, o título da imagem é frequentemente derivado do nome do arquivo, portanto, ocasionalmente, você pode deixá-lo sozinho. No entanto, se você não usa o WordPress ou o título não descreve adequadamente a imagem, renomeie-a com as palavras-chave adequadas, assim como faria com os nomes dos arquivos.
Os títulos das imagens são menos significativos para SEO, mas podem ajudar a contextualizar o texto alternativo. Em relação ao engajamento do usuário, os títulos das imagens são mais benéficos. Considere usar uma frase de chamariz curta como “compre agora” ou “faça o download agora”.
Incluir legendas
As legendas das imagens, ou frases que aparecem logo abaixo das fotos, podem não influenciar diretamente o SEO, mas, ao contrário dos nomes dos arquivos e do texto alternativo, as legendas são visíveis na página de um site. Como resultado, eles podem melhorar a experiência do usuário.
A maioria das pessoas é atraída por legendas de imagens para ter uma noção do conteúdo geral. Sem legendas de imagens, sua taxa de rejeição pode aumentar, reduzindo a confiabilidade do mecanismo de pesquisa.
Faça uso de fotografias exclusivas
As fotografias de estoque são boas, mas não necessariamente ajudarão em suas classificações de pesquisa porque outros sites frequentemente usam as mesmas imagens. Portanto, da mesma forma que o material textual original é benéfico para o SEO, fotos exclusivas devem ser carregadas sempre que possível.
Certifique-se de que seu texto complementa as fotos
A cópia da página pode ajudar os mecanismos de pesquisa a determinar a relevância de suas fotografias. Se não houver informações suficientes para explicar uma imagem, adicione uma linguagem mais relevante e, se possível, descreva a imagem.
Incluir dados estruturados de imagem
Ao incluir dados estruturados em suas páginas, os mecanismos de pesquisa podem apresentar suas fotografias como resultados avançados. As fotos do Google suportam dados estruturados para imagens de produtos, receitas e vídeos.
Por exemplo, se você postar receitas em seu site e contribuir com dados estruturados para suas fotografias, o Google pode adicionar um emblema à sua imagem indicando que ela está associada a uma receita. Aprimore sua compreensão de como adicionar dados estruturados a seus sites dentro das restrições das Diretrizes gerais de dados estruturados do Google.
Usar Sitemaps
Um mapa do site, de acordo com o Google, é “um arquivo onde você pode listar as páginas da web do seu site para notificar o Google e outros mecanismos de busca sobre a organização do conteúdo do seu site”. Em outras palavras, é um arquivo que inclui um mapa do conteúdo do seu site. Os mapas do site são essenciais para o SEO, pois informam os mecanismos de pesquisa sobre todas as páginas do seu site. Portanto, inclua todas as imagens – um infográfico, meme, foto, miniatura de vídeo etc. – em seu mapa do site para garantir que os rastreadores dos mecanismos de pesquisa o descubram.
Inclua o título, a descrição, o endereço URL, a legenda e as informações de licenciamento para essas entradas de mapa de imagem. Da mesma forma, inclua o título, a descrição, a localização do URL, o URL da miniatura e o URL do arquivo de vídeo bruto para entradas de vídeo. Se o seu site for hospedado no WordPress, você pode utilizar automaticamente o Yoast SEO para incorporar seu material visual em um mapa do site.
Últimas palavras
Estas são as táticas comprovadas que você precisa ter em mente se estiver tendo problemas para ver seu material antes de enviar qualquer imagem. Essas táticas de otimização de imagens tornarão seu material mais atraente para os mecanismos de pesquisa e visitantes humanos.