Os sites mais bonitos não devem apenas conter o melhor conteúdo de alta qualidade e um layout esteticamente organizado, mas também imagens de alta definição e beleza exclusivas. Como proprietário de um site, você deve saber o quão importante é adaptar seu conteúdo e suas fotos para otimização de mecanismos de pesquisa. A otimização de imagem desempenha um papel vital para garantir o sucesso do seu site. E enquanto muitos tendem a ignorar esse fato, estamos aqui para ajudá-lo a aprender sobre o básico do assunto e dar algumas dicas sobre como otimizar imagens.
O que é otimização de imagem e por que é importante?
A otimização de imagem refere-se ao processo realizado para melhorar o SEO das imagens que você coloca em seu site. Envolve garantir que as fotos estejam no formato, dimensões e tamanhos corretos, garantindo que elas permaneçam na mais alta qualidade possível. Também exige descrever e legendar adequadamente cada imagem que você coloca em seu site.
É importante otimizar as imagens porque isso pode afetar significativamente a velocidade da sua página. Um visitante médio dá a um site pelo menos 3 segundos para carregar antes de passar para outro site. Ou seja, se as imagens demoram para carregar ou não estiverem posicionadas corretamente, isso não proporciona uma boa experiência do usuário e seu site pode perder visitantes e até clientes. A conclusão é que é um desperdício usar imagens de alta qualidade se não forem otimizadas adequadamente. Além disso, você deve ter em mente que o ranking de SEO também é afetado pela forma como você otimiza suas imagens. Assim, a otimização de imagem é essencial para o seu site.
10 dicas sobre como otimizar imagens em seu site
1. Hífens são melhores que Underline
Embora não haja uma explicação adequada para esse método, é um fato bem conhecido que o Google prefere que você use hífens em vez de underline. Esta dica é focada em como você nomeia os arquivos e imagens que carrega em seu site. Essa não é a dica mais essencial, mas é útil para suas necessidades de otimização de imagens, pois o Google rastreia os nomes dos arquivos das imagens que você usa em seu site. Portanto, não use apenas hífens para separar cada palavra; também certifique-se de que seus nomes de arquivo sejam inteligentes, relevantes e ricos em palavras-chave.
2. Descrições simplesmente claras
Nossa segunda dica também se preocupa com a forma como você descreve suas imagens em relação à nossa primeira dica. Suas imagens falam muito sobre seu site, sua empresa e sua identidade de marca. Aqui, a otimização de imagem vem na forma de garantir que suas fotos sejam legendadas adequadamente. Você deve ser claro e preciso com suas descrições. Não precisa ser sempre extravagante e muito prolixo. Na maioria das vezes, é melhor apenas usar uma descrição simples e deixar as imagens falarem por si mesmas.
3. Alt-tags amigáveis para SEO
Alt-tags, ou tags ou texto alternativos, referem-se ao texto que substitui (ou atua como uma alternativa) se suas imagens não carregam corretamente. Os visitantes do site geralmente não o veem - você prefere que ele não seja visto porque não é uma boa imagem para o seu site. A otimização de imagens, nesse caso, envolve aproveitar o fato de que essas alt tags são usadas como base para o ranking de suas imagens no Google e até mesmo para o ranking geral do seu site nos mecanismos de busca. Semelhante às nossas duas primeiras dicas, você deve ser estratégico no que coloca como sua alt-tag. Também pode ser aconselhável incluir o número de série ou o número do modelo do produto que você está exibindo, se tiver algum. E sem parecer muito prolixo ou desesperado, você também pode usar palavras-chave em suas alt-tags.
4. Tipo de formato correto
Você pode ser a garota mais bonita da terra, mas não importa para o príncipe se o sapato não servir, não é verdade? Essa noção também se aplica à otimização de imagem. Nas tentativas de otimizar as imagens do seu site, é fundamental ter sempre em mente qual formato de arquivo será mais adequado. Embora existam muitos formatos de arquivo que você pode usar, quatro tipos são mais usados: JPEG, PNG, GIF, TIFF. Normalmente, o JPEG é o tipo mais comum usado porque normalmente não é necessário fazer uma compactação de imagem. Além disso, esse formato permanece de alta qualidade e também são os menores em tamanhos.
Por outro lado, o PNG é melhor usado quando as imagens têm texto e/ou fundo transparente. Arquivos PNG geralmente são maiores que JPEG. GIF é o melhor tipo de formato para animações. Normalmente, você também não precisa fazer uma compactação de imagem, mas geralmente não é uma boa opção para imagens estáticas. TIFF é o tipo de formato que não é tão comumente usado na otimização de imagem quanto os três primeiros. Isso ocorre porque, embora a qualidade desses tipos de arquivos e imagens seja muito além da comparação com os três primeiros, também ocupa muito espaço e dados.
5. Visualização e ângulos perfeitos
Se o seu site abriga sua marca e blog, essa é uma boa dica de otimização de imagem para você. As lojas online tornaram-se predominantes nos tempos de hoje. Portanto, existem muitos proprietários de empresas que estabeleceram seus negócios através de sites. Se você é um desses, deve entender a importância de exibir e organizar adequadamente seus produtos para que atraiam seus visitantes e os convertam em seus clientes.
Parte do processo de otimização de imagens é tirar proveito de como seu site pode conter várias imagens. Ou seja, é uma boa ideia mostrar seus produtos de diferentes pontos de vista e ângulos. Sem perder de vista as dicas anteriores, você pode otimizar suas imagens fornecendo várias imagens para cobrir qualquer ângulo que seus clientes possam querer ver. Dê uma olhada neste site de uma usuária do Strikingly, Isa Catepillán, e como ela exibe seus vestidos em uma perspectiva de 360 graus.
Imagens retiradas de Isa Catepillán
6. Imagens leves, mas incríveis
A compactação e o redimensionamento de imagens são essenciais para suas imagens, pois as imagens que você coloca em seu site afetam a velocidade da sua página. Além disso, imagens maiores ocupam mais dados e podem levar mais tempo para carregar. Assim, o aspecto mais importante da otimização de imagem é garantir que suas fotos sejam reduzidas ao tamanho de arquivo correto e que sua qualidade permaneça intacta. Você precisa saber o tamanho máximo do arquivo que seu site pode suportar, para evitar cometer o erro de fazer upload de imagens às cegas. Certifique-se de que as imagens que você coloca em seu site são adequadas e apropriadas para o que ele exige e o que é necessário para garantir seu sucesso.
7. Imagens originais e criativas
Assim como os demais conteúdos do seu site, também é essencial ser original e inteligente em relação às suas imagens. Se tiver sua própria câmera e as habilidades para usá-la, vale a pena investir em criar imagens, porque assim você realmente garante que elas sejam novas e inovadoras. Tendo em mente as dicas anteriores que demos, considere o quão únicas são as imagens que publica. Os mecanismos de pesquisa como o Google valorizam o conteúdo original. Parte da otimização de imagem é controlar o quanto você se destaca de acordo com as imagens que coloca em seu site.
8. A combinação certa de imagens
Em conexão com nossa dica anterior, importará menos se suas imagens forem HD e originais se não estiverem posicionadas adequadamente. A maioria das pessoas comete o erro de usar elementos demais ao definir o layout de suas imagens. É aí que entra a otimização de imagens. Você deve saber como usar e organizar corretamente as imagens que tem em seu site. A combinação certa de algumas imagens causa mais impacto do que muitas imagens que acabaram de aparecer na tela. É importante observar como suas imagens ficam juntas. Você pode usar uma imagem de plano de fundo para o seu site, mas certifique-se de que ela não compete com as outras imagens que você está exibindo. Seja criativo e, ao mesmo tempo, organizado ao montar suas imagens. É mais provável que os clientes permaneçam no seu site se gostarem do que veem.
Imagem retirada de Ben Borowiecki
9. Fotos compatíveis com dispositivos móveis
Nem todos que acessam seu site usam seus laptops ou computadores. Os dispositivos móveis não são difíceis de encontrar hoje em dia. Se quiser acompanhar os tempos, você precisa garantir que seu site seja compatível com dispositivos móveis. A otimização do seu site para dispositivos móveis pode fazer uma grande diferença para sua empresa e sua marca. Isso pode levar a uma alta taxa de rejeição ou aumentar significativamente sua classificação de SEO e o envolvimento do usuário.
A melhor maneira de otimizar imagens para serem compatíveis com dispositivos móveis é garantir que suas fotos sejam responsivas. As imagens estão dimensionando o tamanho do site em que estão sendo exibidas e se ajustando de acordo. Essa técnica de otimização de imagem garante que suas imagens ainda tenham uma boa aparência, independentemente do dispositivo que os visitantes do site usem.
Imagem retirada de Strikingly
10. Veja você mesmo
Cheque duas, três, quatro vezes! Nossa última dica para você sobre otimização de imagem é sempre visualizar seu site. Antes de lançá-lo para o mundo, você quer ter certeza de que é exatamente o que você imaginou e tentou executar. Você deve visualizar seu site e ver por si mesmo se ele funciona da maneira que esperava. Sabemos que está animado para compartilhá-lo com o mundo, mas é vital que verifique por si mesmo a velocidade da página, o layout, a aparência, se todos os botões estão funcionando corretamente e se todas as imagens estão legendadas corretamente. Você não quer enviar um agente inexperiente no campo, certo? Não deixe seu site e suas imagens serem exibidos antes de ter a chance de reexaminar você mesmo.
Formatos de imagem que você pode enviar para Strikingly
Strikingly é um construtor de sites que permite criar sites bonitos. No que diz respeito às imagens, Strikingly oferece a possibilidade de mostrar suas imagens na seção de galeria. Você também pode usá-los com legendas e descrições perfeitamente colocadas abaixo ou ao lado.
Os sites criados pela Strikingly podem hospedar uma ampla variedade de tamanhos de imagem. Variando de uma imagem de fundo de 1600x900px a pequenos ícones de pelo menos 100px. Essas especificações de imagem não são exatas porque o Strikingly também ajuda na otimização de imagens de acordo com uma ampla variedade de tamanhos de tela. Isso permite que você carregue imagens em três formatos de arquivo diferentes: JPG, PNG e GIF.
É claro que o Strikingly não vai te deixar esperando para adicionar tags alt e descrições às suas imagens. Você pode adicionar texto alternativo às suas imagens acessando o editor do site, passando o mouse sobre a imagem à qual deseja adicionar e clicando em editar. Ao fazer isso, ele mostraria diferentes opções que você pode fazer com suas imagens. Abaixo está um botão, “Adicionar Alt Texto”. Clique nele para adicionar texto alternativo relevante e inteligente.
Imagem retirada de Strikingly
Você também pode adicionar um título e uma descrição às imagens da Galeria. Aproveite esta oportunidade de otimização de imagem fornecendo legendas ricas em palavras-chave e originais para suas imagens. Assim como as etapas para o texto alternativo, você só precisa encontrar sua galeria no editor do site e passar o mouse sobre a imagem que deseja editar. Ao clicar em editar, mais uma vez você verá opções sobre o que fazer com suas imagens. Os botões “Adicionar título” e “Adicionar descrição” estão logo abaixo da própria imagem. Clique neles e descreva lindamente suas imagens.
Imagem retirada de Strikingly
A otimização de imagem geralmente não recebe foco suficiente. Algumas pessoas simplesmente espalham descuidadamente suas imagens em seu site. Mas agora que você tem algum conhecimento básico sobre otimização de imagens e algumas dicas sobre como otimizá-las, você pode se antecipar ao jogo! Você tem a chance de fazer uma diferença real para você e seu site, não a desperdice. Inscreva-se no Strikingly agora e deixe-nos ajudá-lo a aproveitar ao máximo as imagens em seu site.
