Como otimizar suas imagens

Como otimizar suas imagens
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


O texto alternativo (texto alternativo) descreve uma imagem em uma página da web. Vive no HTML código e geralmente não é visível na própria página.

Mas o que há de tão importante no texto alternativo? E como você pode usá-lo para melhorar SEO e experiência do usuário?

Neste guia, você aprenderá:

Por que o texto alternativo é importante?

O texto alternativo é importante por quatro razões principais.

1. O texto alternativo melhora a acessibilidade

Milhões de pessoas são deficientes visuais e muitos usam leitores de tela para consumir conteúdo online. Eles funcionam convertendo o conteúdo da tela, incluindo imagens, em áudio.

Como otimizar suas imagens 1

Imagens sem texto alternativo causam problemas para os leitores de tela porque não há como comunicar o conteúdo da imagem ao usuário. Geralmente, eles pulam essas imagens, ou pior, leem nomes de arquivos de imagem longos e inúteis.

Como otimizar suas imagens 3

O Google fala sobre a importância do texto alternativo para usuários com leitores de tela em suas SEO guia inicial.

2. O texto alternativo pode melhorar a ‘relevância tópica’

O Google analisa as palavras em uma página para entender do que se trata.

Por exemplo, se a página mencionar poodles, labradores e retrievers, o Google saberá sobre raças de cães.

Como otimizar suas imagens 5

Como isso se relaciona com as imagens?

Porque, às vezes, o contexto é “bloqueado” em imagens que o Google não consegue ler.

Como otimizar suas imagens 7

O uso de texto alternativo ajuda o Google a entender essas imagens, o que leva a um melhor entendimento da sua página e do seu conteúdo.

Como otimizar suas imagens 9

3. O texto alternativo pode ajudá-lo a classificar nas Imagens do Google

As Imagens do Google são o segundo maior mecanismo de pesquisa do mundo. É responsável por 20,45% de todas as pesquisas on-line, colocando-o à frente do YouTube, Bing e outros mecanismos de pesquisa combinados.

Isso significa que há uma oportunidade de direcionar o tráfego das Imagens do Google.

Leia Também  Sete métricas de integridade da marca e como mensurá-las

Veja o número de cliques que tivemos no Blog Ahrefs do Google Images nos últimos três meses:

6.400 cliques das Imagens do Google nos últimos 3 meses

John Mueller, do Google, diz que o texto alternativo é uma parte importante da otimização para as Imagens do Google:

4. O texto alternativo serve como texto âncora para links de imagem

O texto âncora refere-se às palavras clicáveis ​​que vinculam uma página da web a outra. O Google usa-o para entender mais sobre a página da web e sobre o que é.

Como otimizar suas imagens 11

Mas nem todos os links são texto; alguns são imagens.

O Google declara:

Se você decidir usar uma imagem como um link, preencha sua o texto alternativo ajuda o Google a entender mais sobre a página à qual você está vinculando. Imagine que você está escrevendo um texto âncora para um link de texto.

Como otimizar suas imagens 13

Como adicionar texto alternativo às imagens

Basta adicionar um atributo alt ao diretório tag no HTML código.

Imagem com uma tag alt:

alt=“steak and ale pie”>

Se você estiver usando um moderno CMS, deve ser possível adicionar texto alternativo sem precisar cavar o HTML código.

Por exemplo, no WordPress, há um campo para texto alternativo ao adicionar uma imagem a uma página ou postagem:

Como otimizar suas imagens 15

As coisas são semelhantes em outros CMS

Aqui estão as instruções para alguns dos mais populares:

Você deve adicionar texto alternativo a todas as imagens?

Não, este é um equívoco comum.

Se a imagem existe para fins decorativos e não traz informações importantes, não é necessário adicionar texto alternativo.

Por exemplo, alguns sites têm ícones para separar o conteúdo:

Como otimizar suas imagens 17

Elas estão lá apenas para parecerem bonitas, então você não deve adicionar texto alternativo. Fazer isso apenas irritará os visitantes com leitores de tela e não adicionará nenhum “SEO valor ”para a página.

O mesmo vale para imagens genéricas ou de ações como esta:

Fotografia de banho e vela em um site de encanadores

Ter um texto alternativo que leia “banho e vela” não é útil para leitores com deficiência visual, pois são informações que eles não precisam saber. Seria melhor que o leitor de tela o ignorasse completamente.

Leia Também  Marcas mergulham com apoio de protesto

Mas, aqui está um ponto importante …

Se uma imagem não exigir texto alternativo, a melhor prática é adicionar um atributo alternativo vazio. Isso ocorre porque alguns leitores de tela leem nomes de arquivos na ausência de um atributo alt, enquanto a maioria ignora aqueles com nomes vazios.

Aqui está o que parece:

Como otimizar suas imagens 19

Saiba mais neste guia do WebAIM.

Como escrever um bom texto alternativo

O texto alternativo não é ciência do foguete.

Siga estas cinco práticas recomendadas e você deve ser bom.

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
  • Ser conciso. O texto alternativo longo é irritante para quem usa leitores de tela. Use o mínimo de palavras possível. (Use o atributo longdesc se for necessária uma descrição longa.)
  • Ser preciso. Concentre-se em descrever a imagem.
  • Evite o uso excessivo de palavras-chave. Este não é um lugar para usar palavras-chave de calçadeira.
  • Evite afirmar que é uma imagem. Não há necessidade de incluir “Imagem de …” ou “Imagem de …” nas descrições. O Google e os leitores de tela podem resolver isso sozinhos.
  • Evite redundância. Não repita as informações que já existem no contexto da imagem. Por exemplo, se você tem uma foto de Steve Jobs e o texto diretamente abaixo da imagem diz “Steve Jobs”, não é necessário adicionar essa descrição à tag alt. O Google deve entender que a legenda é efetivamente o texto alternativo.

Você também deve se lembrar de adicionar texto alternativo para formar botões. Caso contrário, os leitores de tela podem ignorá-los e alguns visitantes não poderão interagir com seu site.

Exemplos de texto alternativo bom e ruim

Vamos entender o que funciona e o que não funciona com alguns exemplos.

cheesecake de morango com creme

Mau: “picture
OK: “cheesecake”
Boa: “strawberry
Melhor: “strawberry

fundador da apple, steve jobs, segurando o iphone 4

Mau: “steve
OK: “steve
Boa: “apple
Melhor: “apple

AD30HTC laranja - amplificador de 30 watts

Mau: “image4"
OK: “orange
Boa: “orange
Melhor: “orange

Observe a inclusão do número do modelo nesse exemplo final. Essa é uma boa prática, especialmente para imagens em páginas de produtos de comércio eletrônico.

Como encontrar e corrigir problemas com atributos alt

Muitas ferramentas são capazes de rastrear seu site e encontrar atributos alternativos ausentes, incluindo a auditoria do site da Ahrefs.

Como otimizar suas imagens 20

Mas a falta de texto alternativo nem sempre é um problema, porque nem todas as imagens requerem texto alternativo.

Por exemplo, dê uma olhada nesses atributos alt ausentes:

Texto alternativo ausente nos arquivos denominados ícone 1 e ícone 2

Fica claro nos nomes dos arquivos que eles não precisam de texto alternativo. Eles são decorativos, o que significa que queremos que um leitor de tela passe por cima deles.

Leia Também  Uma possível atualização do algoritmo de pesquisa do Google

Portanto, em vez de rastrear seu site e ficar obcecado com todos os atributos ALT ausentes (a maioria dos sites possui muitos atributos ausentes), uma idéia melhor é auditar e melhorar as tags ALT para páginas que já obtêm tráfego.

Há duas razões para isso:

  1. Eles têm leitores com deficiência visual. 2,4% de NOS os cidadãos têm uma deficiência visual. Essa é uma em cada 42 pessoas, o que significa que, em média, se sua página recebe 10.000 visitantes por mês, 240 deles não podem consumir seu conteúdo adequadamente.
  2. Eles poderiam obter mais tráfego. O texto alternativo pode ajudar as imagens a se classificarem melhor nas Imagens do Google, o que gera mais tráfego. Mesmo um aumento de apenas 1% em uma página com 10.000 visitas mensais representa 100 visitantes extras.

Aqui está o processo:

Passo 1. Encontre suas páginas mais visitadas na pesquisa orgânica

Verifique o Google Analytics, o Google Search Console ou o relatório “Principais páginas” no Ahrefs ‘Site Explorer.

Páginas principais por tráfego orgânico no Site Explorer da Ahrefs

Passo 2. Audite seus atributos alternativos

Instale a extensão gratuita do Alt Text Tester Chrome, carregue a página com mais tráfego e ative a extensão.

Você deve ver o texto alternativo exibido sempre que passar o mouse sobre uma imagem.

Como otimizar suas imagens 22

Se o atributo alt estiver ausente, você verá um aviso.

Como otimizar suas imagens 24

Verifique o texto alternativo para ver algumas imagens na página. Em breve, você perceberá se elas estão otimizadas, ruins ou não.

Por exemplo, leva apenas alguns segundos para rolar esta postagem para ver que todas as imagens estão bem otimizadas…

Exemplo de texto alternativo otimizado

… enquanto o mesmo não se aplica a esta página no The Mirror:

Exemplo de imagens com texto alternativo pouco otimizado

Etapa 3. Repita para mais páginas

Repita esse processo para as páginas mais visitadas em seu site. Isso deve lhe dar uma idéia de se a otimização do texto alternativo é boa ou precisa funcionar.

Como a maioria dos sites obtém a maior parte do tráfego em apenas algumas páginas, isso não deve demorar muito.

Por exemplo, apenas dez postagens no blog Ahrefs representam 51% do tráfego orgânico mensal…

As 10 principais páginas de tráfego orgânico no Site Explorer da Ahrefs

… Para que possamos auditar e otimizar facilmente o texto alternativo para a maioria das nossas páginas de tráfego intenso em minutos.

Pensamentos finais

A otimização do texto alternativo é importante, mas não é a imagem de início e fim da imagem SEO. Você também deve otimizar nomes de arquivos, exibir imagens responsivas, considerar carregamento lento e muito mais.

Saiba mais em nossa lista de 12 imagens acionáveis SEO dicas.



cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *