Site avançado: Visualização do texto alternativo de todas as imagens

O texto alternativo (alt) é uma descrição concisa que explica por que uma imagem é importante para o contexto da página. Adicionar tags alt ajuda os mecanismos de busca e os usuários com deficiência visual a entenderem seu conteúdo. Isso melhora a acessibilidade na web, o SEO e a experiência de usuários com dificuldades cognitivas ou de aprendizagem.

Crie textos alternativos relevantes para as imagens do site, adicionando-os manualmente ou gerando-os automaticamente com o Assistente de IA.

Saiba mais sobre acessibilidade.

Boas práticas para texto alternativo

Siga estas diretrizes para escrever textos alternativos eficazes:

• Adicione texto alternativo a todas as imagens informativas: Sem uma tag alt, os leitores de tela podem anunciar o nome do arquivo, o que não comunica a finalidade da imagem.

• Seja breve e descritivo: textos alternativos longos prejudicam a experiência de usuários de leitores de tela. Se uma imagem exigir uma descrição extensa, explique-a no conteúdo da página e forneça um texto alternativo conciso.

  Recomendamos que você use no máximo 125 caracteres para criar o texto alternativo. O contador de caracteres mudará de cor quando você ultrapassar esse limite.

• Evite usar "imagem de" ou "foto de": leitores de tela identificam automaticamente imagens como imagens.
• Inclua o texto da imagem: Se uma imagem contiver texto, inclua esse texto na tag alt.
• Ignorar imagens de fundo: Imagens de fundo não exigem texto alternativo porque não são registradas como conteúdo por mecanismos de busca ou leitores de tela.

Entendendo o texto alternativo da imagem | Visão geral do site

A seção "Texto alternativo da imagem" permite gerenciar o texto alternativo de todas as imagens do site em um só lugar. Acesse-a através da aba de menu SEO/AEO no painel de controle do seu site:

1. No menu de navegação lateral, clique em e selecione Painel do site.
2. No menu de navegação Visão geral do site, clique em SEO/AEO e selecione Texto alternativo da imagem.

A soma das imagens sem texto alternativo é exibida ao lado do título "Imagens do site". Quando todas as imagens estiverem configuradas, a visualização "Texto alternativo ausente" ficará vazia e exibirá "Todas as imagens estão configuradas".

Você pode alternar entre duas abas:

• Texto alternativo ausente: Exibe apenas imagens sem texto alternativo. Esta é a visualização padrão.
• Todas as imagens: Exibe todas as imagens do site.
• Atenção: Exibe problemas com as tags de texto alternativo nas imagens.

Criar texto alternativo para imagens

Siga os passos abaixo para localizar a ferramenta de gerenciamento de texto alternativo.

1. No menu de navegação lateral, clique em e selecione Painel do site.
2. No menu de navegação Visão geral do site, clique em SEO/AEO e selecione Texto alternativo da imagem.
3. Opcional: Se o seu site tiver vários idiomas, clique no menu suspenso e selecione um idioma.
   • Para gerar texto alternativo em massa:
     1. Clique em Gerar texto alternativo.
     2. Para gerar texto alternativo para imagens que atualmente não possuem texto alternativo, selecione "Gerar somente o texto alternativo ausente".
     3. Para gerar texto alternativo para todas as imagens do site, selecione "Gerar texto alternativo para todas as imagens".
     4. Analise as sugestões fornecidas. Um erro será exibido para imagens que não receberam texto alternativo. Insira manualmente uma breve descrição no campo fornecido.
     5. Clique em Salvar para salvar as alterações ou em Cancelar para descartá-las.
   • Para gerar texto alternativo para imagens individuais:
     1. Localize a imagem e insira manualmente uma breve descrição no campo fornecido.

     2. Clique em no canto do campo de entrada para obter o texto alternativo gerado por IA.

        

     3. Clique fora do campo de texto alternativo para confirmar as alterações. A imagem e o texto alternativo serão movidos para a visualização "Todas as imagens".

Editar texto alternativo existente

Siga os passos abaixo para atualizar o texto alternativo que já foi salvo.

1. Selecione a aba "Todas as imagens".
2. Clique no campo de texto alternativo da imagem correspondente e insira as alterações desejadas.
3. Clique em no canto do campo de entrada para obter o texto alternativo gerado por IA.
4. Clique fora do campo de texto alternativo atual para confirmar as alterações.