Como Otimizar imagens para reduzir o impacto no carregamento do Blogger

otimizar imagem no blogger para carregar mais rapido


Hoje vamos falar sobre uma questão SEO que impacta diretamente no carregamento do Blog, Hoje tudo o que esta relacionado ao bem  do Blog deve ser feito pelo blogueiro afim de melhorar seu trabalho a cada dia, muitos blogueiros criam todo dia uma nova postagem e pouco se importam sobre a questão de imagem o que eu diria que esse post vai lhe mostrar o quão importante isso é, pois bem um blog pode ter um conteúdo incrível mas é preciso que haja um balanço entre o template, conteúdo e imagem bem como fatores que vão influenciar no aspecto de experiencia com o visitante se isso carrega mais rápido vai ser melhor então são essas dicas que vamos dar aqui hoje nesse post.



Qualidade da imagem e formato do arquivo nas postagens. 

Bem você pode criar um conteúdo incrivel mas se  não tiver uma imagem unica seu post não vai fazer sucesso uma vez que você pode nessa questão fazer um tratamento na imagem antes mesmo de postar utilizando por exemplo programas como Photoshop ou outro a sua escolha para que possa criar sua própria imagem, pode começar alterando o contraste nitidez entre outros elementos que vão tornar sua imagem otimizada de forma profissional isso é cuidar do seu trabalho como um todo, o mesmo vale na hora de salvar esse arquivo prefira um formato de arquivo mais leve como Png ao invez de Jpeg isso vai ajudar.


Tamanho ideal da imagem e otimização da compressão sem perca de qualidade

Hoje em dia é dificil escolher um tamanho ideal  padrão de imagem, devido ao fato que seu Blog pode ter muitas imagens então se você não otimizou antes não tem problema você pode fazer com uso de CSS code utilizando por exemplo o código abaixo:  para isso primeiro siga os passos:

Vá no painel do  blogger:
Vá para  Tema então/ Edit Html:
Com as teclas combinadas CTRL+F busque por
  ]]></b:skin> tag ou </style> então utilize o seguinte código e cole acima da tag:

.post-body img {
max-width: 640px !important;
height: auto !important;
}

Se você conhece CSS pode ajustar conforme a necessidade de seu Blog podendo modificar  tanto a largura em Width e Height isso torna todas as imagens da postagem definidas por um padrão e poupa tempo além de que isso vai lhe ajudar uma vez que todas as imagens vão ter o mesmo tamanho seu blog certamente vai carregar mais rápido.

Hoje existem varios programas na internet capaz de fazer a compressão das imagens, mas o que seria a compressão, isso é diminuir o tamanho da imagem e o melhor sem perca de qualidade a equipe mybloggerseo sempre utiliza photoshop antes em uma imagem e para fazer compressão indicamos o Tinypng por ser online e de facil utilização, o melhor que isso também tem um plugin que pode ser utilizado com Photoshop, então utilize isso vai fazer toda a diferença veja um resultado abaixo apresentado pelo próprio TinyPng.

                                     como fazer compressão de imagem para otimização blogger seo



Bonus utilizando CSS para criar e preencher elementos Blogger.

Você pode no lugar de imagem ser mais criativo e criar por exemplo no próprio layout do template preenchendo com cores utilizando Div isso vai ser melhor do que imagem além de que você vai ganhar tempo para otimizar e trabalhar conforme seu gosto.


Considerações Finais:

Otimizando as imagens do seu blogger você só tem a ganhar uma vez que seu blog vai carregar mais rápido e também melhorar o tempo em que o visitante acessa para o carregamento total, continue conosco para os próximos posts, deixe seu comentário queremos saber o que pensa a respeito.








Click to comment