imagens grandes são um grande problema! Eles baixam os tempos de carga de página e devoram grandes quantidades de espaço de página, sinalizando ao Google que sua página é lenta, quebrada, e deve ser evitada. Isto pode enviar o seu site para a terra de ninguém: página dois. Caramba!
para ajudá-lo a evitar se perder no deserto, eu vim com algumas dicas de boas práticas para redimensionar imagens., Aqui você encontrará Diretrizes para o tamanho da imagem, juntamente com conselhos para o uso e otimização da imagem.
4 Perguntas a Perguntar-se Sobre o Tamanho da Imagem
- quão largo é o meu site? As larguras do site variam, então se você gostaria de adicionar imagens grandes, você vai querer saber quão ampla é a sua área de conteúdo., Houve muitas vezes em que falamos com empresários que estão descontentes com o quão lentamente seu site está carregando, apenas para descobrir que eles adicionaram uma imagem de 5 megabyte em um site que é apenas 3 megs-falar sobre o load lag!
- quantas colunas estão na página onde o conteúdo será mostrado? Se o seu site é um projeto de coluna única, você tem aproximadamente 980 pixels para trabalhar. No entanto, se você tiver duas colunas, você vai querer manter a imagem não maior do que 640 pixels. Desta forma, ele não vai comer a página e imóveis valiosos para o conteúdo.,
- A imagem é o foco do conteúdo, ou é um realce? Quando você criou (ou está compartilhando) um infográfico, a imagem será o foco da página. Neste caso, é perfeitamente aceitável deixar a imagem grande, permitindo que ela se espalhe através da página. No entanto, se é apenas uma imagem destinada a adicionar interesse visual, manter a imagem pequena, cerca de 200 a 250 pixels de largura. Você quer que seja pequeno o suficiente para que não ocupe toda a coluna, com espaço suficiente para texto para enrolá-la.como ficará a imagem num dispositivo móvel?, Assim como com os tamanhos do site desktop, o tamanho de um site móvel pode variar. Por causa disso, você terá que personalizar o seu tamanho de imagem para o seu site. Para determinar se as suas imagens são demasiado grandes para o seu site móvel, pegue no seu telemóvel e abra a página com a sua imagem. Você vai saber imediatamente se é muito grande, pois pode afetar o tempo de carga, e vai tomar toda a página. Se for esse o caso, volte, encolha e olhe novamente. Além disso, avalie se a imagem é necessária para o conteúdo. Se não for, pode ser melhor deixá-lo de fora, tornando o conteúdo escrito na página mais fácil de ler.,
Fixing Proportion Distortion
abaixo, temos um estudo de caso sobre como as imagens são exibidas em dispositivos móveis. À esquerda está uma imagem de 5000 pixels de largura. Não só atrasa o tempo de carga da página, como você pode ver como ela se estica e tenta se encaixar na vista móvel. À direita, a imagem foi dimensionada para 250 pixels e configurada para mostrar a 100% de largura em qualquer dispositivo, por isso parece ótimo tanto em um desktop como na versão móvel aqui.,
-
Um exemplo de um muito grande imagem em um dispositivo móvel. Onde está o conteúdo?! -
Aqui a mesma imagem foi reduzir o tamanho. Agora há espaço para ver tanto o conteúdo quanto a imagem.
Pro Tip: como regra geral, nunca coloque uma imagem enorme no topo do seu conteúdo., Isto vai distrair o leitor, tornando-o mais provável de parar de se deslocar e seguir em frente…talvez para o seu concorrente!
encolhimento (uma coisa boa neste caso!)
Antes de começar a diminuir a sua imagem, certifique-se de salvar o original. Isto permitirá que você volte a ele, se você acidentalmente torná-lo muito pequeno. Enquanto você pode sempre encolher uma imagem para baixo, é impossível aumentá-la uma vez que é encolhido. O que vais acabar por ter é uma imagem cinzenta e pixilada. Não serve!se a sua imagem começar em 2000 pixels, reduza-a para 500., Dê uma olhada, garantindo que você não fez muito pequeno; então, se necessário, encolhe novamente. Você está procurando o equilíbrio perfeito entre o tamanho do pixel e a qualidade da imagem: de que serve uma imagem dinky que ninguém pode ver?
uma nota para os clientes da Foster Web Marketing: se você gostaria de instruções mais detalhadas, confira nossas instruções passo a passo sobre a adição, otimização e dimensionamento de imagens. Encontre esta informação e mais no fórum de usuários em DSS. Ou liga-me! Ficaria mais do que feliz em explicar-te o processo.,
outras considerações de imagem
quando feito corretamente, as imagens podem ajudar a aumentar o seu ranking de pesquisa. Para otimizar corretamente as suas imagens, recomendamos que você:
- renomeie o arquivo. Se você usa uma imagem de estoque ou sua própria imagem original, você precisa pensar antes de nomear o arquivo. Em vez de” image4″, tente algo mais descritivo, como “car crash Dallas”.”
- adicione uma etiqueta ALT. Este pequeno pedaço de texto (geralmente com menos de 20 caracteres, ou cerca de três palavras) será usado para ajudar os deficientes visuais e os robôs do Google a entender o que é a imagem.,
- incluem uma legenda. As legendas das imagens estão entre os conteúdos mais lidos de um site, por isso não se esqueça de adicionar uma legenda interessante e relevante.Verifique a sua relevância. As imagens ajudam a envolver o leitor e podem adicionar profundidade ao conteúdo escrito. Mas adicionar imagens para adicionar imagens é uma perda de tempo.
para pesquisar mais sobre como obter mais de cada imagem que publicar, certifique-se de ler o nosso artigo, Desbloqueie o potencial de SEO do seu site.se você achou este artigo útil, não se esqueça de compartilhá-lo no Facebook ou em qualquer lugar que você acha que ele vai chegar aos proprietários mais empresariais., Juntos podemos ajudar a evitar tempos de carga lentos!
