O melhor formato de imagem para a SEO depende do conteúdo de seu infográfico. Neste artigo, o senhor saberá qual escolher e por quê! Para melhorar a SEO de seu artigo e enriquecer consideravelmente seu conteúdo, é altamente recomendável o uso de recursos visuais em suas páginas
Mas por quê? Bem, “imagens e ilustrações” podem ser uma solução para destacar sua página, a fim de cativar o usuário, ilustrar e, em alguns casos, sublimar seu conteúdo. Na maioria dos casos, os artigos contêm uma imagem de destaque. É necessário representar todo o seu artigo em um único visual.
As imagens podem ser exportadas e integradas ao seu website de muitas maneiras diferentes. Além disso,uma imagem tem um formato, especificamente o formato do arquivo de sua imagem. No mundo da SEO, o senhor não pode simplesmente usar qualquer formato de imagem para exibi-la em sua página. De fato, será preciso fazer otimizações para que o formato seja o mais eficiente possível.
Os benefícios das imagens na SEO
Para os motores de busca, as imagens podem ser consideradas como uma fonte adicional de conteúdo. O fato de uma imagem estar em uma página da Internet deixa claro que sua SEO contará com ela. Se sua página não tiver nenhuma imagem, a otimização interna de sua página não será máxima. É aconselhável, portanto, usar com muita freqüência os meios visuais. Se o senhor deseja saber mais sobre os benefícios do visual em seu site, especialmente do ponto de vista da SEO, convidamos o senhor a ler dicas para a referência de suas imagens !
Para uma experiência de usuário mais agradável
No mundo da SEO, há muitos fatores a serem levados em conta para a classificação no Google. Entre taxa de ressalto, taxa de clique e profundidade de conteúdo, vários elementos devem ser levados em conta, mas um deles é fundamental A experiência do usuário. Com efeito, uma imagem deve ser representativa do artigo, deve ser interessante e não deve estragar a experiência de seu visitante
Para uma melhor experiência, convidamos o senhor a concentrar-se na qualidade de seus infográficoss, mas também para não “exagerar”. Se sua imagem pode oferecer-lhe um conteúdo diverso, não pode oferecer-lhe um conteúdo mais rico e mais interessante do que um texto. O Google não consegue ler suas imagens
No entanto, o Google leva em conta as experiências passadas dos visitantes de sua páginae assim retira conclusões. Por exemplo, seu visitante anterior parou na sua imagem para ler o infográfico? Ou seu usuário deixou a página de repente depois que uma imagem apareceu? Como você pode ver, imagens são essenciais, mas acima de tudo dedicado a seus visitantese não apenas para os robôs de indexação.
Para exibir dados estruturados que façam o senhor querer
Sobre os resultados da pesquisa do Google, que poderiam ser chamados SERP : Os dados estruturados são usados para exibir informações de uma páginae de uma maneira muito especial. Graças a essas informações enriquecidas, o senhor pode fazer com que os usuários queiram clicar mais !
A exibição dos dados é muito gráfica. Há vários tipos, tais como receitas ou barras de busca. O formato de dados estruturados contendo uma imagem é provavelmente o mais usado na rede. As imagens são o tipo de dados estruturados mais fácil de se montar, especialmente no WordPress!
Formatos a serem usados em seu site
O senhor criou sua bela infografia, ou tirou uma foto de verdade, e gostaria de integrá-la a seu site. No entanto, o senhor não sabe que tipo de imagem escolher. Não entre em pânico, aqui lhe damos os melhores conselhos e uma explicação sobre os formatos principais e mais recomendados
Para entender como funciona uma imagem, usaremos dois termos técnicos, bem conhecidos dos desenhistas de computação gráfica: Formatos de arquivos vetoriais, e formatos de arquivos raster
Um formato vetorial inclui simplesmente sua ilustração como um vetorenquanto um formato raster inclui pixels. Uma imagem pixelada leva muito mais tempo para um computador computar do que uma imagem rasterizada. Mas mais uma vez… depende de seu conteúdo!
- O peso de uma imagem pixelada é calculado em a dimensão desta últimae mais precisamente sobre o o número de pixels que contém
- Para as imagens vetoriais, é em função do número de vetorese o número de âncoras aponta as informações sobre sua ilustração que são levadas em conta.
Formato PNG
O formato PNG é um dos formatos mais conhecidos na rede. Com este formato de arquivo de imagem, o senhor pode integrar um objeto ou uma silhueta sem necessariamente integrar os antecedentes da mesma Isto é específico para o uso de uma ferramenta de recorte: Você pode usá-la para cortar uma parte de uma fotoe exportá-la sobre um fundo transparente
No entanto, imagens em formato .PNG podem ser muito pesadas e, portanto, muito longas para serem carregadas pelo navegador do cliente. Recomendamos, portanto, que o senhor verifique o peso de cada imagem da PNG em seu website. Para otimizar o peso de seu arquivo PNG, não hesite em usar a PhotoShop para exportar o arquivo, ajustando o tamanho de seu visual
Finalmente, se sua imagem tem um fundo mas está atualmente no formato PNG, convidamos o senhor a escolher o seguinte formato desta lista.
Formato JPG
O formato JPG é o formato mais conhecido na rede. É um formato rasterizado, por isso é totalmente pixelizado. Quanto maior o tamanho, mais pixels, e portanto melhor a qualidade! Por outro lado, pode também ser muito pesado em certos casos, principalmente quando o tamanho de sua imagem é muito grande, ou quando o formato JPG não é comprimido
Infelizmente para as páginas da web, este último cenário pode atrasar consideravelmente seu site. Isto é o que vejo na maioria dos websites: imagens JPG que não são otimizadas… Portanto, o senhor terá que se concentrar na relação qualidade/peso de sua imagem, reduzindo seu tamanho, por exemplo. Ao reduzir consideravelmente o tamanho de sua imagem, o senhor ganhará em pesopois menos pixels estarão presentes na sua imagem. Por outro lado, note que a qualidade da imagem se deteriora à medida que o senhor vai avançando
Ainda é importante manter uma qualidade de imagem ótima para a experiência do usuário de sua página. O senhor não quer ler um artigo de excelente qualidade e se depara com uma imagem que não lhe dá nenhum valor… Portanto, assegure-se de que sua imagem JPG tenha o tamanho ideal para sua página web, a fim deotimizar a velocidade de sua página.
Formato SVG
O formato SVG é um formato vetorial, que inclui simplesmente um código HTML e permite que o senhorpara exibir uma ilustração vetorial em um website. O senhor pode, por exemplo, criar sua ilustração no software Adobe Illustratore exportar esse arquivo em formato SVG para integrá-lo a suas linhas de código. Muito prático, permite ao senhor integrar facilmente um logotipo, um ícone ou qualquer tipo de ilustração vetorial. A qualidade de sua imagem será otimizada ao máximo, graças ao formato SVG
Além disso, se o senhor tem conhecimentos de CSS, pode montar qualquer animação sobre sua imagem no SVG! No entanto, se a ilustração de Vossa Excelência inclui muitos vetores, as linhas de código que integram seu arquivo SVG serão numerosas, de modo que nem sempre é a ideal. Isso deve ser verificado para cada ilustração e cabe ao senhor decidir. Por padrão, o WordPress CMS não suporta arquivos SVG, o senhor terá que usar uma extensão, recomendamos o apoio do SVG por sua simplicidade.
Formato WEBP
O formato WEBP é comparável ao formato JPG. No entanto, o a compressão dos arquivos do WebP é impressionante. Ela permite ao senhor recuperar o máximo de dados de sua imagem, otimizando seu código interno, e isto, para estabelecer uma redução no peso de sua imagem. O único problema com o formato do WEBP é que ele não é legível e compreensível por alguns dos principais navegadores
O Safari no iOS é um deles. Nesse caso, o senhor pode integrar os dois formatos, e fazer o usuário baixar o WebP se seu navegador permitir, ou um .JPG se essa for a única solução. No WordPress, você pode usar o plugin Imagify, que lhe permite converter um arquivo JPG em um arquivo WebP automaticamente! Tudo o que o senhor tem que fazer é instalá-lo, e carregar suas imagens como de costume, o plugin cuida de tudo!
Formato GIF
E, finalmente, o formato do GIF, inteiramente adaptado à animação. Se o senhor quiser criar uma boa animação, pode usar o Photoshop, por exemplo, e criar uma linha do tempo com suas diferentes camadas. O único problema é que os formatos do GIF são pesados e muito freqüentemente de má qualidade
Se o senhor tem conhecimentos de CSS/SVG/JS, aconselhamos que use o formato SVG e inclua sua animação independentemente de seu arquivo. O formato do GIF é, de certa forma, vários arquivos PNG seguidos. Devido às novas tecnologias dos últimos anos, o formato .GIF é muito mal visto pela maioria dos profissionais, porém, alguns ainda o usam. Isto se deve provavelmente ao seu facilidade de criar animações
Imagens contextuais ou imagens de fundo?
Em um artigo, ou mais particularmente em uma página web (de navegação, informativa ou comercial), o senhor terá inevitavelmente imagens para para ilustrar seu conteúdo, mas também imagens de fundo !
Esses dois tipos de imagens não devem ser codificados da mesma maneira. Para o Google, uma imagem contextual é muito mais importante e visa ser referenciada na Internet. Para distinguir entre os dois, usaremos dois métodos. Aqui estão eles
- Imagem contextual: Vamos simplesmente codificar sua imagem em HTMLpara definir o conteúdo da imagem. Aqui está a linha de código para adicionar à sua página web:
- Imagem de fundo: desta vez, o uso de HTML está fora de questão. Devemos recorrer a cSS para definir o estilo de sua página. O atributo de imagem de fundo é dedicado a esse tipo de uso. Eis um exemplo: fundo-imagem:url(my-image.jpg)
Conclusão
O melhor formato de imagem é provavelmente o WEBP para fotografias, e .SVG para logotipos simples com poucos vetores. O método de compressão é tedioso nos arquivos do WEBP e a qualidade da imagem ainda é muito boa
No entanto, alguns navegadores não o permitem, pelo que o senhor terá de usar um condicionador de imagem em HTML. Para comprimir essas imagens em JPGs, aconselhamos o senhor a usar o Photoshop ou um software de compressão de imagens fácil de usar
Finalmente, não tome este artigo como uma generalização, tudo pode depender do que sua imagem incorpora e a maneira como é carregado em seu site. Finalmente, e isto… com um bom conselho, não hesite em usar as funções de cache de imagens
Além disso, pode ser apropriado usar um carga preguiçosa “para carregar sua imagem no momento certo! O objetivo aqui é mostrar ao seu visitante uma imagem cativante, sem destruir sua experiência de usuário. Mais especificamente, o senhor deve evite a todo custo um carregamento lento de sua página !
