Otimização de imagem 101 - Otimize imagens de postagem de blog para SEO

Neste artigo, você aprenderá TUDO que você precisa saber sobre Otimização de Imagens para SEO.

Na verdade, eu uso esse mesmo guia para otimizar as imagens das minhas postagens no blog ...

… Para fazer um SEO perfeito para as postagens do meu blog.
… Para classificar minhas imagens na pesquisa de imagens do Google.
… E para direcionar o tráfego usando minhas imagens.

Então, se você também está disposto a fazer isso pelo seu blog, você está no lugar certo.

Vamos começar.

Por que você precisa otimizar imagens?

Existem muitos motivos para otimizar as imagens. As imagens que você usa em seu artigo melhoram a pontuação de SEO, tornam seu artigo mais amigável para os mecanismos de pesquisa e também desempenham um papel importante na velocidade de carregamento da página de seu blog.

Benefícios da otimização de imagem:

• Sites de compartilhamento de fotos como o Pinterest podem gerar uma grande quantidade de tráfego.
• As fotos aparecem nos motores de busca e como a competição é muito menor na seção de imagens, você pode facilmente obter uma classificação mais alta de sua imagem com a otimização adequada.
• Melhora a taxa de rejeição do seu blog e aumenta a pontuação de SEO do seu artigo.
• Se você criar imagens personalizadas, também poderá obter backlinks quando outros blogs usarem sua imagem em seus artigos e fornecerem um link de fonte / crédito.

Encontrando as imagens certas para o seu blog

Todos nós usamos imagens em nosso artigo e antes de vermos as melhores práticas para otimizar as imagens, gostaria de compartilhar com vocês alguns recursos de onde você pode obter imagens de estoque gratuitamente.

Ao lidar com imagens, você precisa ter muito cuidado ao procurá-las. Você não pode usar o Imagens do Google para escolher qualquer imagem e adicioná-la ao seu artigo porque essas imagens podem estar protegidas por direitos autorais e você pode ter grandes problemas para usar tais imagens.

• Salve 

Em vez disso, você pode usar os vários sites que fornecem imagens de ações gratuitamente. Você pode usar esses sites para encontrar uma imagem que se adapte perfeitamente ao conteúdo do seu artigo.

Existem sites como FreeDigitalPhotos, MorgueFile, Pixabay, etc. que fornecem fotos de ações gratuitamente e sites como ShutterStock, onde você pode obter imagens profissionais e de alta qualidade pagando alguns dólares.

Você pode usar os sites gratuitos ou pagos para encontrar a imagem certa para o seu artigo, mas nunca use o Imagens do Google para obtê-los.

Seria ainda melhor se você pudesse produzir imagens personalizadas para o seu blog.

Dessa forma, ninguém jamais o incomodará e você terá todos os direitos sobre as imagens, pois as criou por conta própria e você detém todos os direitos.

Criação de suas próprias imagens:

Na maioria das vezes, você encontrará uma ótima imagem nos sites de banco de imagens, mas quando não conseguir encontrar a imagem perfeita e quiser criar imagens personalizadas, poderá usar sites online como o Canva.

• Salve 

Canva é a melhor plataforma, especialmente para não designers, para criar imagens personalizadas. Você pode encontrar muitos modelos pré-fabricados e fontes interessantes e com o recurso simples de arrastar e soltar, é extremamente fácil criar imagens de qualquer tamanho e dimensão.

Outra ótima ferramenta para criar imagens personalizadas é o PicMonkey. Ele também oferece designs personalizados que você pode usar em sua imagem.

• Salve 

Como otimizar imagens para motores de busca?

1. Escolha o nome de arquivo correto

Antes de enviar uma nova imagem para o seu artigo, você deverá verificar o nome da imagem antes de enviá-la. Tenho visto muitos blogueiros selecionando nomes de arquivos que nada têm a ver com o conteúdo do artigo ou nomes que não fazem sentido.

Você tem que renomear a imagem com um nome pelo qual deseja que a imagem seja classificada. Porque ao escolher um nome rico em palavras-chave para a imagem, você tornará mais fácil para os mecanismos de pesquisa classificarem essa imagem em posições mais altas nos SERPs.

Por exemplo, se você está escrevendo um artigo sobre como encontrar palavras-chave de cauda longa, nomeie sua imagem como “find-long-tail-keywords.jpg” ou algo parecido.

Deve fazer sentido para os seus leitores e também para os motores de busca.

No entanto, certifique-se de adicionar travessões entre duas palavras e não escreva tudo sem espaços. Não deveria ser assim - “findlongtailkeywords.jpg”. Não há nada de errado com este formato, mas é melhor ficar seguro e escolher um formato que seja legível.

2. Tamanho e compressão da imagem

A próxima coisa que você precisa cuidar antes de enviar a imagem é o tamanho da imagem e as dimensões. Você não precisa fazer upload de imagens grandes para o seu artigo porque isso vai colocar uma carga enorme no seu servidor e, como resultado, aumentar a velocidade de carregamento.

O tempo de carregamento da página do seu site é um fator extremamente importante do ponto de vista de SEO e você não quer aumentar o tempo adicionando imagens enormes.

Tamanho da imagem:

Na minha opinião, o tamanho da imagem que você carrega deve ser de, no mínimo, 200 x 200px para que seja captada por sites de redes sociais como Facebook, Twitter e Google+.

No entanto, você também pode inserir uma imagem muito menor ou grande em seu artigo, dependendo de seus requisitos. As dimensões acima são mencionadas apenas porque são os requisitos mínimos para que uma imagem seja escolhida pelas redes sociais.

Ao lidar com imagens grandes, certifique-se de levar em consideração a largura da área de conteúdo do seu blog.

• Salve 

A maioria dos temas do blog vem com largura de área de conteúdo de 600-700 px ou talvez menos ou mais dependendo do tema, portanto, certifique-se de saber a largura da área de conteúdo para criar uma imagem perfeita.

A seção acima informa as dimensões adequadas da imagem, mas o que você faria ao baixar uma imagem de estoque com dimensões muito grandes?

Se você baixou uma imagem de estoque e ela é muito grande em dimensões, é melhor redimensioná-la e depois carregá-la. Não carregue a imagem em seu tamanho original e redimensione-a usando o parâmetro de altura e largura em seu editor de postagem.

Se você carregar a imagem original e, em seguida, redimensioná-la a partir da postagem, não estará fazendo nada bem. Quando a página for carregada no navegador, as imagens serão carregadas em suas dimensões e tamanho originais e, em seguida, serão redimensionadas. Isso só aumentará o tempo de carregamento da sua página.

Existem ferramentas online como PicResize e PicMonkey que você pode usar para redimensionar suas imagens antes de enviá-las para o seu artigo.

Compressão de imagem

Ao usar imagens de estoque de alta qualidade, você estará adicionando muita pressão ao seu servidor para simplesmente carregar as imagens. Quanto maior a qualidade da imagem, maior será o seu tamanho.

Se a imagem que você deseja enviar estiver em três dígitos em KB ou em MB, é porque a qualidade da imagem é muito alta.

É possível que as dimensões da imagem sejam em torno de 500 x 500 px e ainda assim sejam grandes. Nesses momentos, você não pode simplesmente redimensionar a imagem; você precisa compactá-los para ficarem mais leves.

Existem ferramentas como o TinyPNG que o ajuda a compactar as imagens para reduzir o tamanho. Mesmo depois de compactar as imagens, isso não afetará muito a qualidade da imagem. A imagem ainda terá uma boa aparência e não será distorcida ou pixelizada.

• Salve 

3. Texto ALT

O objetivo principal do texto ALT é fornecer uma descrição para o arquivo de imagem. Se as imagens não estiverem aparecendo por algum motivo, o texto ALT aparecerá em seu lugar, descrevendo o conteúdo da imagem.

O outro uso do texto ALT é informar aos mecanismos de pesquisa que uma imagem está presente em seu lugar. Os motores de busca não conseguem ler a imagem e se você não usar o texto ALT nas imagens do seu blog, você está perdendo muito tráfego.

Os mecanismos de pesquisa usam texto ALT para determinar as melhores imagens a serem retornadas para uma consulta de pesquisa específica. A maioria das pessoas tenta chegar à primeira posição em um mecanismo de pesquisa, mas ignora os mecanismos de pesquisa de imagens, que também podem gerar muito tráfego. Assim, ao adicionar um texto ALT nas imagens, você garante que seu artigo está perfeitamente otimizado, o que o ajuda a obter uma vantagem de SEO sobre seus concorrentes.

Como escolher textos ALT?

Agora você conhece os benefícios e a importância dos textos ALT, mas o que deve inserir como texto ALT nas imagens?

Os textos ALT são o melhor lugar para inserir suas palavras-chave e aumentam suas chances de aparecer em mais lugares nas buscas de imagens.

No entanto, você precisa ter certeza de que sua imagem é adequada para o texto ALT. Você nunca deve adicionar uma imagem de um gato em seu artigo e rotulá-lo como “as melhores ferramentas de SEO gratuitamente ”. Isso simplesmente não faz sentido.

Portanto, use uma imagem adequada que mostre o tema do seu artigo e adicione palavras-chave nos textos ALT para torná-lo visível aos mecanismos de busca e aumentar as chances de obter uma classificação.

Como adicionar textos ALT nas imagens?

Para adicionar o texto ALT ao código da imagem, basta adicionar alt = ”este é o seu texto alternativo” . Aqui está um exemplo de como fazer isso.

<img src = ”find-long-tail-keywords.jpg” alt = ”como encontrar palavras-chave de cauda longa” />

Um método simples para adicionar texto ALT seria usar o Media Uploader em seu editor de postagem do WordPress. Ao carregar a imagem em seu artigo, você poderá adicionar texto ALT diretamente à sua imagem. Confira a imagem abaixo para saber como fazer isso.

• Salve 

Portanto, certifique-se de adicionar um texto ALT que descreva a imagem, bem como o conteúdo do artigo. Dessa forma, os leitores também poderão decifrar o conteúdo da imagem e os buscadores poderão classificá-la para as consultas relacionadas.

Alguns pontos a serem lembrados:

1. Altura e largura das imagens:

Os parâmetros de altura e largura são um dos fatores mais negligenciados na otimização de imagens. Sempre que você inserir uma imagem em seu artigo, certifique-se de que seu código HTML contenha também os parâmetros de altura e largura.

O motivo pelo qual eles devem estar presentes no código é que ele desempenha um papel importante na velocidade de carregamento da página. Quando os navegadores detectarem as tags de altura e largura, eles continuarão carregando o texto na página, mantendo o espaço definido pelos parâmetros de altura e largura e preenchendo-o com a imagem.

O texto e a imagem serão carregados simultaneamente, mantendo uma boa velocidade de carregamento da página. Se você não mencionar as tags, os navegadores irão carregar o texto até a imagem, então a imagem será carregada completamente e o restante do texto será carregado. Isso sobrecarregará os servidores e aumentará a velocidade de carregamento da página.

No WordPress, esses parâmetros são adicionados automaticamente quando você insere a imagem, mas se você adicionar manualmente as tags HTML ou se você apenas quiser ter certeza de que as tags estão presentes, você pode ir para a seção Editor de texto , encontrar o código da imagem, que se parecerá com a imagem abaixo e especifique os parâmetros de altura e largura conforme mostrado.

• Salve 

2. Remova o hiperlink da imagem

Quando você faz o upload das imagens em seu artigo, o WordPress adiciona automaticamente um link no código-fonte para o local da imagem (ou seja, pasta / wp-content / uploads ).

• Salve 

A menos que você queira compartilhar o link para a imagem em tamanho real, não consigo pensar em nenhum motivo para manter os hiperlinks na imagem.

O hiperlink não apenas transmite links para páginas de imagens não importantes, mas também distrai os usuários. Quando os visitantes estão lendo o artigo e clicam acidentalmente na imagem, eles serão redirecionados para o local da imagem e, portanto, podem perder o interesse pelo artigo.

Portanto, é melhor apenas remover os links do código-fonte da imagem. Veja como você pode remover o hiperlink da imagem.

Ao fazer o upload da imagem, no lado direito, em “Configurações de exibição de anexos” , você verá uma opção que diz Link para . Clique no menu suspenso e selecione Nenhum para remover o hiperlink.

• Salve 

Melhores práticas para uma imagem otimizada

1. Formato de imagem - JPEG, PNG ou GIF?

Existem diferentes tipos de formatos de imagem disponíveis, como JPEG (JPG), PNG e GIF. Principalmente, todos nós usamos o formato de arquivo JPEG, mas às vezes tendemos a usar PNG e GIF também.

• Formato JPEG - o formato JPEG é melhor usado para fotografia digital e é o formato mais usado.
• Formato PNG - PNG é um formato sem perdas e oferece uma compressão incrível. Mesmo se você editar a imagem várias vezes ou redimensioná-la e compactá-la, ela não perderá nenhum dado ou degradará a qualidade.
• Formato GIF - o formato GIF é popular principalmente porque suporta imagens de tamanho pequeno.

De todos os formatos de imagem, o melhor formato de imagem que você pode usar é JPEG. A razão por trás disso é muito simples. Os formatos JPEG são comparativamente menores em tamanho, o que significa que as imagens carregam mais rápido e, como você não precisa editar muito as imagens, o formato JPEG é o melhor para usar em seus posts.

2. Use legendas na imagem

As legendas são a descrição do texto que aparece logo abaixo das imagens em seu artigo. Você pode usar a área de legenda para descrever a imagem ou fornecer links de crédito.

• Salve 

Não existe uma relação direta entre as legendas das imagens e as classificações dos motores de busca. Mas há razões pelas quais adicionar uma legenda à imagem é um fator realmente importante.

As legendas estão disponíveis para que você possa dizer aos leitores o que está tentando sugerir usando a imagem. Às vezes, os leitores podem ter uma ideia errada e tirar conclusões erradas e cabe a você fornecer a eles todas as informações e detalhes antes que eles tirem conclusões precipitadas.

• Salve 

Ao usar legendas inteligentes e criativas com imagens criativas, você despertará o interesse dos leitores, que podem acabar passando mais tempo em seu site lendo o artigo completo. Isso reduzirá a taxa de rejeição, o que, por sua vez, melhorará sua pontuação de SEO e aumentará as chances da imagem obter uma posição superior nos resultados do mecanismo de pesquisa.

3. Use Sitemaps de imagens

Todos nós sabemos a importância dos mapas de site e a primeira coisa que fazemos quando criamos um novo blog é construir um mapa de site e adicioná-lo às ferramentas de webmasters da conta de vários motores de busca.

Ao adicionar um sitemap, você informa aos mecanismos de pesquisa que há algumas páginas novas que precisam ser rastreadas e indexadas e, dessa forma, garante que os spiders do mecanismo de pesquisa sejam capazes de rastrear todas as páginas do seu site e indexar nos motores de busca.

Você cria sitemaps para seus artigos, então por que não pode criar sitemaps de imagem também e aumentar as chances de as imagens serem indexadas?

Criar sitemaps de imagens é extremamente fácil, pois você pode usar o plugin Udinra All Image Sitemap para criar um para as imagens em seu blog e enviá-lo em sua conta de Ferramentas para Webmasters. Depois de enviar o mapa do site, todas as imagens serão rastreadas e indexadas nos motores de busca.

Quando os Sitemaps de imagens são importantes?

Se você tem um blog sobre tópicos que não têm nada a ver com imagens, pode evitar os mapas do site de imagens. Mas se você tem um blog de fotografia ou um blog de tecnologia que exige muitas imagens, é uma boa ideia criar um mapa do site de imagens para garantir que as imagens sejam indexadas corretamente nos motores de busca.

Plug-ins WP para melhor otimização de imagem

Existem muitos plug-ins de SEO no diretório de plug-ins do WordPress e a coleção inclui alguns plug-ins realmente incríveis para ajudá-lo a otimizar melhor as imagens em seu blog. Veremos alguns dos melhores plug-ins de otimização de imagem que você pode usar para gerenciar as imagens e otimizá-las perfeitamente.

1. Imagens amigáveis ​​para SEO

• Salve 

Este é de longe o melhor plugin para otimizar suas imagens para mecanismos de pesquisa. Se você tiver muitas imagens em seu site e não tiver adicionado a tag de título ou o texto ALT nas imagens, este plug-in adicionará automaticamente as tags à sua imagem com base nas configurações que você escolher.

Basta fazer o download do plugin SEO Friendly Images e instalá-lo em seu site. Em seguida, configure-o escolhendo as opções e o plug-in adicionará o título e o texto ALT onde estiverem faltando.

Portanto, se você tem muitas imagens não otimizadas em seu blog, é hora de usar este plugin para otimizá-lo.

Nota: Eu sugiro que você adicione textos ALT e tags de título às imagens manualmente logo após carregá-las. A razão para isso é que o plugin SEO Friendly Images pode não adicionar os textos ALT perfeitos às suas imagens porque funciona com as opções que você selecionou na área de configurações.

2. WP Smush.It ou EWWW Image Optimizer

• Salve 

Não importa o quanto você tente redimensionar as imagens e otimizá-las antes de fazer o upload, ainda haverá uma chance de otimizá-las ainda mais.

É aí que entram plugins como WP Smush e EWWW Image Optimizer. Ambos fazem, mais ou menos, as mesmas coisas, então você pode usar qualquer um deles em seu site.

Esses plug-ins otimizam as imagens reduzindo seu tamanho sem comprometer a qualidade da imagem. Não há configurações complicadas, basta executar o otimizador e todas as imagens serão otimizadas.

Aqui está um artigo publicado no WPBeginner que mostra como você pode usar o plugin WP Smush para otimizar a imagem e também outros plugins alternativos como o EWWW Image Optimizer em ação.

SEO e Pinterest de imagens:

Pinterest é a rede social mais popular para compartilhar imagens de toda a web. Se você usa muitas imagens, não compartilhá-las no Pinterest é uma péssima ideia.

Como o Pinterest é um site de autoridade, as imagens compartilhadas na rede têm maior probabilidade de serem indexadas e classificadas nos resultados de pesquisas.

Portanto, sempre que você compartilhar uma imagem no Pinterest, certifique-se de otimizá-la corretamente, adicionando a descrição e links adequados a cada imagem para que você possa obter todos os benefícios de SEO e o tráfego para seu site.

Quando você pode compartilhar imagens no Pinterest?

O Pinterest não é uma rede para todos. Se você compartilhar muitas imagens em seu perfil, não significa que terá os mesmos benefícios que algum outro usuário está obtendo.

A maioria dos usuários do Pinterest são mulheres e as categorias de melhor desempenho são casa, artes / ofícios, estilo / moda, comida, viagens, etc. Portanto, se o seu site lida com tutoriais ou artigos relacionados a aplicativos, você não receberá nenhum benefícios significativos da rede.

No entanto, não há nada de errado em criar um quadro e compartilhar o que você quiser. Talvez, no futuro, o gosto dos usuários do Pinterest mude e alguns outros tópicos se tornem populares. Portanto, continue compartilhando as imagens de seus artigos no Pinterest e adicione um link para sua postagem na descrição.

Empacotando:

Você passa horas escrevendo o post perfeito, então não permita que todo esse esforço seja desperdiçado por não usar as imagens otimizadas para uma melhor classificação nos mecanismos de pesquisa. Seguindo as etapas e práticas recomendadas mencionadas neste artigo, tenho certeza de que você começará a ver resultados positivos em breve.

Se você gostou do artigo sobre Otimização de imagem, então compartilhe o artigo com outras pessoas também. Se você tiver alguma dúvida ou sugestão que gostaria de compartilhar conosco, use o formulário de comentários abaixo.

Além disso, gostaria de saber quais plug-ins você usa para otimizar imagens em seu blog? E quais são as estratégias que você implementa para classificar melhor suas imagens nos motores de busca?

• Salve 