Como otimizar as imagens para Wordpress
Já sabemos que Imagens mal otimizadas é entre todas a principal causa de performance em seu site. Entretanto, aplicar otimização de imagens em wordpress pode oferecer um resultado positivo para o seu site ou blog.
Faça o teste com a ferramenta PageSpeed e aplique esta técnica de otimização de imagens para Wordpress.
- Como otimizar imagens no Photoshop para Wordpress
- Qual o tamanho ideal para anexar imagens no WordPress
- Como nomear o arquivo de imagem no Wordpress
- Como reduzir o peso da imagem
- Como aplicar alt text no Wordpress
- Qual os plugins de otimização para Wordpress
- Como excluir imagens que não utiliza no Wordpress
- Como vincular a imagem com a página de origem no Wordpress
1- Otimização de imagens no Photoshop
Ao salvar a imagem escolha a opção:
- Arquivo -> Exportar -> Salvar para web -> PNG-24
- renomeie com o nome do artigo ou palavra-chave, conforme estratégia de conteúdo;
- comprima todas as imagens utilizando as ferramentas e pode ser feito com muitas imagens de uma só vez.
Dica extra: Plug-in SuperPNG Photoshop — Mac e Windows. Comparação com “Salvar para a Web”
2-Tamanho ideal para imagens no WordPress
O tamanho da sua imagem deve ser identificada em pixels. Felizmente, o WordPress tem uma maneira de processar imagens para evitar problemas com imagens que estão fora do padrão da plataforma.
Sempre que você carrega uma nova imagem, o WordPress gera três versões adicionais em tamanhos diferentes: miniatura, média e grande. Sua imagem original permanece como uma opção em tamanho real.
Confira os tamanhos de imagens no WordPress definido como padrão:
- Tamanho da miniatura (quadrado de 150 px)
- Tamanho médio (largura e altura máx. De 300 px)
- Tamanho grande (largura e altura máximas de 1024 px)
- Tamanho total (tamanho da imagem original / original que você enviou)- evite usar, pois, reflete diretamente no tempo de carregamento da página.
Conheça o tamanho de imagen no WordPress e o recomendado para cada objetivo:
- Imagem destacada: 1200 x 630px (grande)
- Meio dos artigos (quadrado): 600 x 600px (médio)
- Meio dos artigos (retangular): 1080 x 1920px
Como ajustar os tamanhos de imagens no painel do Wordpress
O Wordpress já tem um tamanho padrão carregado, entretanto se as configurações padrão não concordam com o que você precisa, você poderá editar e ajustar de acordo com o que precisa:
- Navegue para o painel de administração do WordPress
- No painel do Wordpress acesse a para configurações — Mídia
- Em Configurações de mídia, edite as dimensões de largura e altura para se adequar aos seus valores
- Clique em Salvar alterações para confirmar
3- Nomeie suas imagens de forma adequada
Quando salvar os arquivos escolha salvar os nomes de forma descritiva sugestão o título do artigo.
Como aplicar o alt text (texto alt) de uma imagem em Wordpress
confira o texto alternativo preenchido e adicionei o link da página principal, assim os lugares que colocar está imagem irá direcionar para a home.
Como adicionar texto alt às suas imagens no Wordpress através do painel de artigos:
- Adicione a imagem e clique em cima na janela do editor e um campo será exibido para isso na guia Configurações de Imagem.
- Ou se preferir é clicar na imagem diretamente na biblioteca de mídia e as opções também serão exibidas lá.
Separei 2 dicas que pode ajudar a escrever alt text
1. descritivo e descreva a imagem com o maior número de detalhes possível, não escreva muitas palavras. Seja específico, use a palavra-chave do texto ou até mesmo o título da sua postagem;
2. Seja relevante use uma imagem de acordo com o texto e fale sobre o que ela mostra, todas as tags devem ser completamente relevantes.
Tente escrever alt texts que descrevam as imagens de uma forma que se relacione ao assunto da página onde elas estão, principalmente quando uma imagem for mais genérica e não for tão específica quanto as outras.
Como reduzir o peso da imagem antes de enviar ao seu site em Wordpress
Você pode usar uma ferramenta online, que permitirá que você comprima suas imagens.
Ferramentas gratuitas:
Plugin de otimização para Imagens
Mesmo com todas as técnicas aplicadas, pode ser que seja necessário instalar um plugin de otimização de imagens, eu gosto do plugin Smush e utilizar o native lazy-loading em todas as imagens do site de forma automática.
Dica: após todas as configurações enviar o sitemap do site (search console) novamente para atualizar as imagens com as descrições e informações corretas.
tela do plugin com a aplicação lazy load em todas as imagens.
Excluir imagens do site que não utiliza
Todas as imagens do site são responsáveis pela velocidade do site, excluir e reaproveitar imagens no site é fundamental para manter seu site otimizado.
Vincular imagem com o artigo ou página do site
Dica extra é vincular a imagem ao artigo ou página ajuda a direcionar as pessoas a pagina de origem quando visualizado as imagens nos buscadores.
mídia — parte anexado a — anexar as imagens que estão com anexar a um post ou página que queira.
Ainda não sabe o que fazer ou está em dúvida? Entre em contato, quem sabe posse te ajudar!
