28 abril 2021

Porque otimizar as imagens é importante para o blog?

em 28 abril 2021

Tempo de leitura:

 

Porque a otimização de imagens é tão importante para seu blog?


  • Você dá, as imagens das suas postagens à devida atenção, não sabe que estou falando?

  • Estou falando de otimização de imagens para suas postagens, mas não fica só nisso, também devemos dar atenção imediatamente ao SEO para imagens.

  • Você já ouviu falar em SEO para Imagens do Google

  • Técnicas para otimizar o conteúdo de mídia para obter uma classificação mais alta nas pesquisas online.

  • Ainda não está familiarizado com  o que estou dizendo? 


  • Principalmente após mudanças do Google, isso pode aumentar muito seu tráfego através de imagens. 

  • Com 1 em cada 3 buscas na Internet sendo por imagens, é possível conquistar volumosos  tráfego na rede através do Google Imagens. Se seu blog estiver preparado, seus resultados podem ser surpreendentes.

  • Isso não significa só a escolha de belas fotos para postagens, mas sim otimizar imagens para SEO.

  • Sim, fotos de qualidade, mas sem afetar o carregamento do blog, a otimização de imagens também é uma grande aliada para os buscadores encontrarem seus artigos através delas, o Google lê algumas imagens e seu conteúdo pode ser encontrado pelo Google Imagens.

  • Observaremos os dois tópicos, primeiro como otimizar as imagens para as postagens do blog e depois SEO para Google Imagens.

  • Vem comigo que você irá aprender a otimizar as imagens e conhecer mais uma forma de obter tráfego para seu blog, confira!

Otimizando as imagens das postagens do blog






  • Uma das coisas mais importantes em um blog são imagens que precisam ter:

  •  Qualidade e coerentes com o texto apresentado, mas otimizadas sempre.

  • Boas imagens ilustram seu texto, complementam o que você está pretendendo passar.

  • Em textos muito longos elas dão uma pausa no assunto para uma melhor assimilação.


  • Blogs que carregam lentamente serão prejudicados pelo tráfego, pois o carregamento lento fará com que o usuário saia de sua página, mesmo que deseje seu conteúdo, e a possibilidade de retorno é de apenas 20%, e completar esta operação trará um blog a taxa de rejeição aumentou substancialmente.


  • Como devem ser as imagens das postagens:


  1. Condizentes com o texto;
  2. Ter o  tamanho adequado;
  3. Nomear sua imagem assim que baixar, sempre de nome as imagens;
  4. Imagem pesa você sabia?
  5. Como reduzir (pixel) de sua imagem sem alterar a qualidade;
  6. Onde editar suas imagens, quando desejar colocar texto.


  • As imagens devem ser condizentes com o texto escrito não dá para escrever um texto sobre moda e colocar uma imagem com um  computador, o legal é você escolher algo que pertença ao mundo da moda.


  • O tamanho da imagem  não devem ultrapassar os 900 pixels, você pode testar qual tamanho fica bom em seu blog porque também dependerá muito do tamanho da sua área de postagem.

  •  Por exemplo, minha área de postagem é de 960 pixels, eu optei por imagens de 800 x 540 ou do mesmo tamanho usado para o pinterest, assim quando as imagens são salvas do seu blog (pin it) elas já estarão no tamanho de pinos, faça testes e descida aquela que achar melhor.


  • Não se esqueça ao baixar uma imagem ela sempre vem nomeada assim, (background-906135_1280 (1), então quando você baixar sua imagem já de um nome a ela correspondente com a postagem a qual ela pertencerá.

  • Isso irá ajudar muito para que sua imagem seja identificada, além de que é mais fácil organizar as imagens em uma pasta no computador e acha-las mais tarde quando precisar usar.



O Peso das Imagens (228KB antes de compactar)


Otimizar imagem



exemplo-de-peso-da-imagens-comparação (37.5KB depois de compactar)


Compactar imagem



  • Observando as imagens acima é imperceptível notar alguma diferença ou alteração na qualidade, no entanto, a diferença de peso é muito significativa para o blog quanto ao carregamento.


  • Peso máximo de 300 KB, use imagens PNG somente se for necessário de preferência as imagens jpg e compactadas quanto menos peso para a imagem melhor, pois ajuda o blog a carregar mais rápido, elas devem ser friendly mobile.

  • Então também temos que estar atentas para quem lê pelo celular possa ter uma boa visão da imagem também.


  • Para compactar e diminuir o peso das imagens:

  • Uso dois compressores depende de quantas imagens compactarei o Tinypng é ótimo e pode salvar tudo direto no Dropbox, ele é um dos mais usados e não reduz a qualidade das imagens.

  • Também gosto do  Squooshusado na imagem acima, muito eficiente e também reduz a imagem em (pixels) do tamanho que você colocar, converte png em jpg quanto a qualidade e nitidez da você pode aumentar a porcentagem de nitidez e ir visualizando.


  • No squoosh você também tem a opção de reduzir a imagem no tamanho que desejar.

  •  Prefiro levar ao Pixlr onde deixo a imagem do tamanho desejado e já edito o texto ou o meu queridinho Canva onde edito  praticamente todas as minhas imagens tanto do blog quando das redes sociais, tanto no pixlr quanto no canva tem ótimas fontes para inserir textos nas imagens.


  • Muito importante para fins de SEO é o uso do atributo  alt, (alt tag).
  • Sempre descreva sua imagem nos campos, texto alternativo e texto do título, o Google lê as imagens então isso significa que se estivem bem descritas ele não saberá que se trata e suas imagens não faram sentido quanto ao SEO sem ajudá -lo.

  • Note as imagens aqui da postagem elas levam praticamente o título da postagem como nome e estão separadas por traços  dessa forma:


  • dicas-para-criar-conteúdo


  • Às vezes até esqueço de colocar dessa forma, porém não esqueço a descrição.


  • Lembre-se, arquivos otimizados, nomes descritivos nas imagens e use palavras-chave intencionais.


  • Lazy Loading, o que é?


  • lazy-loading-o-que-e-para-que-serve

  • As imagens não compactadas incham suas páginas com bytes desnecessários, fazendo com que seu blog/site se torne pesado ao carregar, muitas vezes travando.

  • O lazysize é a mais popular biblioteca para imagens de carregamento lento. 

  • Nada mais é do que um script para carregamento inteligente das imagens a medida que o usuário move a página ele vai gradativamente disponibilizando as imagens.

  • Você pode usar um carregamento lento, sendo uma estratégia de carregar os recursos conforme necessário e não com antecedência  Isso faz com que os recursos de carregamento da página inicial evitando carregamentos que não serão usados.

  • As imagens que ficam fora da tela durante o carregamento inicial são candidatas para essa técnica.  

  • O uso do lazysizes torna essa estratégia muito simples de implementação. Insira o código abaixo logo depois da abertura da tag  <head>.


<script src="lazysizes.min.js" async></script>


  •  Se você tem um blog com muitas imagens é uma boa usar o código, assim proporciona um carregamento mais rápido e não perde o usuário por conta disso.



  • Se você ainda não está seguindo a série e deseja ler a postagem anterior confira o  link abaixo:


Por que fazer SEO para Google Imagens no seu blog?



SEO para Google imagens aumenta o tráfego

(fonte de dados de pesquisa para completar esse artigo: Site Rock Content)

  • Primeiro, é necessário seguir uma série de etapas para adaptar suas imagens aos requisitos rígidos do Google.


  • Tentar otimizar seus arquivos de mídia para SEO é cansativo.

  • Vale a pena?

  • O SEO para imagens do Google é benéfico e beneficia sua estratégia de marketing de conteúdo?

  • Dicas que você pode colocar em ação imediatamente e aumentar o tráfego do seu blog.

  • Fatores a serem observados para classificar melhor.

  • É uma fonte adicional de tráfego.
  • Os usuários precisam acessar os sites para encontrar a mídia em tamanho completo. 

  • Ou seja, isso resulta em um aumento geral de 37% de acessos pelo Google Imagens. Maravilhoso, não é mesmo?

  • Com esse novo fluxo de tráfego sendo direcionado para o site, quem conseguir se destacar no Google Imagens poderá ganhar uma fonte adicional de tráfego.

  • Isso pode ajudar seu conteúdo a se tornar viral.


  • Por exemplo, posts com imagens tendem a ter um engajamento 650% maior do que posts com apenas texto.

  • Mais engajamento significa mais oportunidades para o conteúdo se tornar viral, aumentando sua exposição online.

  • Mas para isso, as pessoas precisam encontrar sua imagem no Google. Isso só pode ser feito com otimização e muito trabalho.

  • Trabalhar com SEO para Google Imagens ajuda seu site na totalidade a rankear melhor.
  • Para otimizar suas imagens para o Google, precisamos entender uma limitação dos crawlers do buscador. 

  • Eles são ótimos para compreender textos e a relevância de certos conteúdos usando um algoritmo e dando valor às palavras-chave.

  • Para o Google, um dos elementos de SEO para Google Imagens é o contexto em que a imagem é utilizada.

  • É importante que a figura seja adicionada ao seu artigo na parte em que ela é mais relevante. Isso porque o algoritmo do Google usa o conteúdo dos parágrafos perto da imagem como contexto para compreender o conteúdo dela.

  • Então, se você estiver falando sobre “Melhores plantas para jardim”, por exemplo, é interessante colocar uma foto de uma dessas plantas para contextualizar.

  • Já a mesma imagem não será muito útil e nem terá a mesma força se for adicionada perto de parágrafos sobre “tipos de vasos” ou “ferramentas de jardinagem”.

  • Você sabia que as legendas em imagens são lidas em média 300% mais do que o próprio conteúdo do texto?

  • Isso significa que as legendas são uma ótima oportunidade para envolver os leitores. E Google.

  • O próprio buscador admite que usa legendas para extrair informações e tentar entender as imagens.
  • Portanto, qualquer elemento ajuda a transmitir ao bot o que está nesse conteúdo.

  • Isso não significa que você deve inserir títulos em 100% das imagens em seus artigos, mas você deve usar esse recurso quando estiver tentando classificar um visual específico.

  • Uma boa legenda deve conter informações que:

  • ajudem a compreender o conteúdo da imagem;
  • tenham a palavra-chave que queremos ranquear;
  • complementem o conteúdo do artigo.

  • Dimensões da imagem

  • Faça um teste nesse momento: abra uma nova aba no seu navegador e procure por alguma imagem no Google. Pode ser, por exemplo, “filhotes de cachorro”.

  • SEO para Google Imagens exemplo

  • Se você prestou atenção, deve ter reparado que a vasta maioria das imagens mostradas terem aproximadamente as mesmas dimensões.

  • O Google tende a favorecer imagens  retangulares, em proporções como 16:9 ou 4:3.

  • Isso faz com que dimensões como 1366 x 768 (16:9) ou 720 x 480 (4:3) ranqueiem melhor do que imagens totalmente fora do padrão (como algo muito horizontal ou muito vertical).

  • Ah, se essas dimensões parecem familiares para você, é porque elas são: os formatos 16:9 e 4:3 costumam ser usados em resoluções de vídeos, como TVs, cinemas e no próprio YouTube.

    • Há muito mais que podemos fazer para otimização e SEO no Google Images, acho que essa informação são mais técnicas, vou testá-las, e trago em um próximo post.

    Nenhum comentário:

    Postar um comentário

    Você leu um artigo escrito com grande dedicação. Gostou? !
    Deixe seu comentário, crítica e sugestão, eles são importantes para o desenvolvimento do Blog.
    Sua mensagem será respondida o mais rápido possível.
    Obrigado pela visita, volte sempre. Aproveite para inscrever-se e receber as novidades.

    Confira também, outros artigos: