Um site sem imagens é bem monótono. Você sabe, chato. Um site com imagens não otimizadas é uma chatice completa e consumirá sua preciosa largura de banda, diminuirá a velocidade de quase tudo e arruinará a experiência do usuário (UX).
Todo proprietário de site deve se esforçar para fornecer a melhor experiência de usuário a seus visitantes em todos os momentos. Usar imagens pesadas que demoram muito para carregar não é como você oferece uma experiência de usuário simplificada. E se você tem imagens pesadas em seu site, provavelmente não otimizou o mesmo para os mecanismos de busca. Você está perdendo pontos de UX e SEO à esquerda, à direita e ao centro e seu negócio online está sofrendo o peso de tudo isso.
O post de hoje mostrará como otimizar suas imagens para obter o melhor desempenho do site e fins de SEO. Quero dizer, qual é o sentido de ter um site super-rápido com um SEO de imagem ruim? Além disso, você descobrirá plugins úteis de otimização de imagem que melhorarão o desempenho do seu amado site WordPress. Aproveite o post e compartilhe seus pensamentos (ou qualquer outra coisa realmente) nos comentários. Esperamos sempre por isso
Isenção de responsabilidade: WPExplorer é um afiliado de um ou mais produtos listados abaixo. Se você clicar em um link e concluir uma compra, podemos fazer uma comissão.
Como otimizar imagens para WordPress (antes do upload)
Antes de olhar para os plugins de otimização de imagem do WordPress, vamos esclarecer algumas coisas. Otimizar imagens do WordPress para melhor desempenho e SEO vai além de apenas plugins. Por exemplo, você deve garantir:
- Suas imagens são nomeadas apropriadamente (Ótimo para SEO)
- As imagens são do tamanho certo (por que fazer upload de um arquivo enorme quando um menor pode fazer o truque?)
- Você esmaga suas imagens (reduz o tamanho de seus arquivos de imagem)
- Você adiciona atributos alt e title às suas imagens (ótimo para SEO)
Nomeando imagens apropriadamente
Você precisa nomear suas imagens como um profissional de marketing – ou com SEO em mente. O raciocínio aqui é bastante simples: imagens com nomes apropriados aparecerão nos resultados de pesquisa do Google Imagens, o que aumenta muito o tráfego. Além disso, imagens nomeadas corretamente são mais fáceis de rastrear e encontrar. Para SEO: Se você estiver trabalhando com palavras-chave, seria ótimo incluir uma palavra-chave no título da sua imagem.
Não faça upload de suas imagens parecendo PHOTO101.jpg ou algo semelhante, nomeie todas as suas imagens apropriadamente. Tecnicamente falando, nomear suas imagens corretamente não tem nenhum efeito no desempenho do site, mas é bom para SEO.
Usando imagens com tamanhos adequados
Se você fizer upload de imagens muito grandes e depois redimensioná-las usando HTML, acredito que está perdendo tempo e deixando seu site WordPress mais lento ao mesmo tempo. Se você deseja exibir uma imagem de 300 x 300, por exemplo, certifique-se de que a imagem mede 300 x 300 antes do upload.
Se você puder diminuir a imagem e redimensioná-la para 300 x 300 usando HTML sem comprometer a qualidade, melhor. Apenas não torne suas imagens maiores do que você realmente precisa.
Esmagando imagens
Smushing irá reduzir o tamanho de suas imagens consideravelmente. O processo envolve a retirada de suas imagens de dados complementares, como coordenadas de gps, tipo de câmera usada e data de criação, entre outros.
Usando Sprites
Sprites, uma técnica CSS bastante conhecida, permite que você use uma única imagem para obter designs diferentes em seu site. Ao contrário de carregar várias imagens (o que leva tempo), os Sprites carregam uma única imagem, economizando muitos segundos no tempo de carregamento da página.
Sempre adicione o atributo ALT às suas imagens
Adicionar o atributo alt às suas imagens não torna seu site WordPress mais rápido, mas é definitivamente bom para sua campanha de SEO. As aranhas dos mecanismos de busca não veem suas imagens da mesma forma que os leitores humanos. Eles se baseiam em informações anexadas à sua imagem (por exemplo, título da imagem e conteúdo do atributo alt ) para classificar e classificar a imagem.
Embora o atributo alt deva ser usado para conter o texto alternativo de uma imagem (caso a imagem não seja carregada por um motivo ou outro, o texto alternativo é mostrado em seu lugar), você pode usar esse atributo para fins de SEO. Você pode inserir uma palavra-chave ou frase-chave no texto alternativo e observar seu SEO disparar.
Top dez (10) plugins de otimização de imagem para WordPress
Com essa primeira parte fora do caminho, talvez eu deva parar de revelar os segredos do comércio de SEO e passar para a parte mais suculenta deste post; Plugins de otimização de imagem do WordPress!
Plugin WordPress para Otimizador de Imagem EWWW
Com mais de trezentos mil (300k) downloads e uma excelente classificação de 4,8/5,0 estrelas, o EWWW Image Optimizer é o plugin de otimização de imagem que salvará seu site WordPress. Programado para ser executado automaticamente, você pode usar o EWWW Image Optimizer para otimizar imagens ao carregá-las em seu site, bem como imagens carregadas anteriormente
Além disso, você pode facilmente converter imagens em formatos de arquivo menores. O plugin usa as ferramentas de imagem gifsicle, jpegtran, pngquant, pngout e optipng para otimizar suas imagens sem perder qualidade. As vantagens de usar o EWWW Image Optimizer incluem:
- Backups mais rápidos
- As páginas da Web carregam mais rápido
- Menos uso de largura de banda
- O plugin é super rápido e fácil de instalar e usar (tentei eu mesmo)
- Melhor otimização PNG
- etc.
Plugin WordPress para Otimizador de Imagem CW
Você está procurando um plugin de otimização de imagem eficiente e seguro? CW Image Optimizer é a sua resposta. O CW Image Optimizer usa a ferramenta de imagem Linux littleutils para reduzir o tamanho de seus arquivos de imagem, melhorando o desempenho do seu site WordPress.
Além disso, Jacob Allred – o autor – quer que você saiba que enquanto o plugin é baseado em WP Smush.it, você não precisa se preocupar com a política de privacidade e TOS (termos de serviço) do Smush.it, pois suas imagens nunca sairão do seu servidor . Instalar o Linux littleutils pode ser um pouco desafiador para iniciantes no WordPress, mas com uma classificação impressionante de 4.4/5.0 e mais de vinte mil (20k) downloads, vale a pena conferir o CW Image Optimizer.
Plugin WordPress WP Smush.it
Gerenciado e mantido pelo WPMU DEV, o WP Smush.it permite otimizar imagens compactando-as individualmente na Biblioteca de mídia ou em massa no menu Mídia no WordPress Admin (Dashboard). O WP Smush.it integra o WordPress com a API Smush.it, que é a plataforma que permite que este plugin de otimização de imagem:
- Retirar dados adicionais de JPEGs
- Otimize a compactação JPEG
- Converter GIFs em PNGs
- Tira cores não usadas de imagens indexadas
WP Smush.it otimiza suas imagens automaticamente nos bastidores. O plug-in pode otimizar imagens à medida que você as adiciona ao seu blog e você pode otimizar imagens existentes com apenas alguns cliques. WP Smush.it foi baixado mais de 800k vezes, tem uma classificação de 4.1/5.0 e você pode esperar um ótimo suporte e mais recursos da equipe profissional do WPMU DEV.
Plugin WordPress de Carregamento Preguiçoso
Um bom nome para um plugin que oferece ótima otimização de imagem para melhor desempenho do site. A melhor parte é que o Lazy Load funciona imediatamente, o que significa que você não precisa configurar opções demoradas. O plugin, que possui mais de oitenta mil (80 mil) downloads e uma classificação de 4,5/5,0, funciona automaticamente e usa jQuery.sonar para carregar imagens apenas quando estiverem visíveis para o usuário. Suas imagens aparecerão uma após a outra à medida que o usuário rolar a página.
Lazy Load é o resultado incrível dos esforços combinados de Jake Goldman da 10up LLC, Automattic e TechCrunch. Lazy Load é um ótimo reflexo do poder do jQuery.sonar e um ótimo plugin de otimização de imagem para WordPress.
Plugin WordPress de Imagens Amigáveis
Se você está ficando para trás com o SEO da sua imagem, você está prestes a descobrir por que o SEO Friendly Images é o plugin de otimização de imagem do WordPress que você precisa. Também categorizado como um plugin de SEO do WordPress , o SEO Friendly Images adiciona automaticamente os atributos alt e title às suas imagens. Basta definir suas opções de alt e título facilmente e seu trabalho está feito!
Como vimos anteriormente, o atributo alt é superimportante para a otimização de mecanismos de busca. O atributo title contém o texto (dica) que aparece quando você passa o mouse sobre uma imagem. SEO Friendly Images foi desenvolvido por Vladimir Prelovac (renomado autor de plugins WordPress de outros plugins populares, como Smart YouTube Pro e Theme Test Drive ) tem uma classificação de 4.0/5.0 e mais de um milhão (1 milhão) de downloads.
Plugin Hammy para WordPress
Procurando fornecer uma experiência de imagem otimizada em vários dispositivos, especialmente telefones celulares? Se você disse sim, Hammy vai te interessar. Em vez de reduzir o tamanho de suas imagens, Hammy pega imagens de suas postagens e páginas e gera algumas imagens menores. Quando um leitor chega ao seu site, o Hammy exibe automaticamente a imagem mais apropriada. Isso oferece aos usuários móveis uma experiência melhor.
O plugin depende do jQuery, mas se o último não estiver disponível, o Hammy retornará à imagem original. Isso pode apresentar um problema, e talvez seja a única razão pela qual o plugin tem uma classificação de 3,8/5,0 e cerca de dezessete mil (16,9k) downloads apenas. Hammy pega metadados, bem como atributos alt e title da imagem original, o que é uma grande vantagem. Infelizmente, o plug-in não suporta tipos de postagem personalizados e requer algumas configurações para funcionar.
Plugin WordPress Imsanity
Você está cansado de colaboradores (ou usuários) carregarem fotos absurdamente enormes? Bem, você não precisa mais reduzir as imagens manualmente porque agora você tem Imsanity. Você pode facilmente configurar max with, height e qualidade de imagem que ajudam o Imsanity a manter todas as imagens carregadas sob controle. O plug-in reduz imagens grandes para o tamanho pré-configurado e, em seguida, substitui os originais. O plugin vem com uma opção de redimensionamento em massa que cuida das imagens carregadas anteriormente. Imsanity vem com outros recursos não mencionados acima e tem uma classificação de 4,9/5,0.
Plugin WordPress de Imagem Prizm
Segundo a Accusoft, o autor, este plugin de otimização de imagens do WordPress permite “…reduzir o tamanho do arquivo de suas imagens em até 70%…” sem perder resolução e qualidade visual. Com apenas quatro mil (4k) downloads e uma classificação de 3,5/5,0, podemos argumentar que o plugin de otimização Prizm Image está chegando lá passo a passo, ou melhor, imagem por imagem.
O Prizm Image ajuda você a otimizar a compactação JPEG, otimizar PNGs e GIFs, remover metadados de arquivos JPEG e muito mais. Você precisa se registrar para uma conta gratuita do Prizm Image para usar o plugin. Se você me perguntar, este plugin de otimização de imagem parece ótimo, mas os poucos downloads e a classificação de menos de quatro estrelas estão dando uma vibe ruim.
Plugin WordPress de Imagens Responsivas PB
Eu adoraria dizer que o web design responsivo é o futuro, mas ele está aqui conosco, no presente. Se você ainda não conhece, o design responsivo permite que você crie sites com ótima aparência em todos os dispositivos, independentemente da largura da tela.
Para obter o melhor resultado, seu conteúdo textual e imagens devem ser responsivos. É aqui que entram as Imagens Responsivas PB. O plugin reformata suas imagens de acordo com consultas de mídia CSS padrão, oferecendo a você uma grande flexibilidade. Você pode personalizar suas consultas de mídia por imagem, por postagem ou por layout. O PB Responsive Images foi desenvolvido por Jacob Dunn e Phenomblue e tem uma classificação de 4,5/5,0.
Plugin WordPress Renomeador de Arquivos de Mídia
Você provavelmente notou um arquivo de imagem rotulado incorretamente em seu site WordPress pelo menos uma vez no passado. Renomear o arquivo manualmente significa que você também precisa editar todas as referências a essa imagem. Se você me perguntar, isso parece complicado, especialmente se você administra um grande site.
E se você pudesse obter um plugin de otimização de imagem do WordPress que cuidasse do trabalho pesado para você? Bem, adivinhe, o Media File Renamer é apenas esse plugin. Este plugin ajuda você a renomear suas imagens sem suar a camisa. Além disso, o Media File Renamer atualiza todas as referências (links em posts e páginas, src etc) automaticamente, o que facilita seu trabalho. Você pode até renomear em massa todos os seus arquivos de uma só vez. Basta pensar no que isso significaria para seus esforços de SEO de imagem.
ShortPixel
ShortPixel é um plugin de compressão de imagem que simplesmente funciona: instale-o e esqueça-o. Com mais de 20.000 instalações ativas de acordo com o WordPress, é uma escolha popular para aqueles que estão cientes da importância de ter imagens otimizadas em seu site.
É um fator importante para SEO ter um site que carrega rápido e as imagens geralmente são o maior recurso em qualquer site. Os poderosos algoritmos do ShortPixel garantem que as imagens (JPEGs, PNGs e GIFs) e PDFs sejam redimensionadas e otimizadas corretamente. Isso leva a sites mais rápidos que o Google adora! Sem mencionar que é uma melhor experiência do usuário para os visitantes.
O ShortPixel pode não apenas redimensionar e compactar as imagens/PDFs mais antigos do seu site, mas também faz o mesmo automaticamente para cada nova imagem que você adiciona ao seu site. Assim, você só precisa instalar o plugin, configurá-lo e depois esquecê-lo. Ele apenas fará sua mágica em segundo plano enquanto você trabalha em outras coisas em seu site.
Pra você…
Agora você tem muitas opções no que diz respeito aos plugins de otimização de imagem do WordPress. Escolha um que se adapte perfeitamente às suas necessidades. Se você estiver disposto a experimentar, você pode tentar dois plugins por vez, mas não adianta – um plugin de otimização de imagem deve ser suficiente.
Qual plugin de otimização de imagem você usa para melhorar o desempenho do seu site WordPress? Por favor, compartilhe conosco na seção de comentários abaixo. Adeus amigo!
