Escreva descrições de imagens para ajudar leitores de tela e buscadores a entender o conteúdo do seu site.

O texto alternativo é uma breve descrição escrita adicionada a uma imagem para deixá-la mais acessível aos visitantes. Geralmente, ele não fica visível como texto simples na página, mas os leitores de tela o leem em voz alta para os visitantes, os navegadores o exibem quando uma imagem não carrega e os buscadores o usam para identificar o conteúdo do seu site.

Algumas imagens usam automaticamente outro texto como texto alternativo, mas os blocos de imagens e os layouts automáticos só têm texto alternativo se você o adicionar.

Vídeo sobre como adicionar texto alternativo a imagens

Assista a este vídeo para conhecer as práticas recomendadas para texto alternativo e as etapas para adicionar texto alternativo a diferentes imagens no seu site.

Componha um texto alternativo eficaz

Ao compor texto alternativo:

• Descreva a imagem como você faria para alguém que não a enxerga.
• Inclua palavras-chave relevantes naturalmente, mas evite o excesso de palavras-chave.
• Mantenha o texto curto, geralmente de 150 a 200 caracteres.
• Você pode omitir palavras como "a" e "um", e termos como "foto" ou "imagem". Por exemplo, em vez de foto de um vaso verde, use vaso verde.
• Use espaços entre as palavras, não hifens.

Gere texto alternativo com o Squarespace AI

O uso do Squarespace AI para gerar texto alternativo só está disponível em seções do Editor Intuitivo na versão 7.1.

A ferramenta de relatório de SEO localiza imagens no seu site que não têm texto alternativo e sugere descrições que você pode revisar, editar e salvar. Ele verifica a ausência de texto alternativo em blocos de imagem, seções de galeria e layouts automáticos. A ferramenta não verifica imagens adicionadas a itens de coleção.

Para gerar texto alternativo com a ferramenta de relatório de SEO:

1. Abra o painel "Visibilidade na SEO/IA".
2. Na seção "Sua pontuação da conclusão da SEO", clique em Melhorar com IA.
3. Revise as imagens sinalizadas como sem texto alternativo e clique em Editar ou Gerar novamente para editar o texto sugerido.
4. Quando estiver tudo pronto para adicionar o texto sugerido, clique em Salvar e continuar.

Dica: para que o tamanho das imagens, os nomes dos arquivos e os textos alternativos sejam otimizados para os buscadores e visitantes, vincule a extensão TinyIMG . Nossa equipe de suporte pode ajudar você a vincular ou desvincular as Squarespace Extensions, mas não pode ajudar a solucionar problemas com seu uso. Para todas as outras perguntas, procure o provedor da extensão diretamente.

Adicione texto alternativo aos blocos de imagens

Os blocos de imagens têm um campo específico de texto alternativo no editor do bloco. Se você não adicionar texto alternativo nesse campo, nenhum texto alternativo será exibido. Sem texto alternativo, o bloco não ficará visível para tecnologias assistivas, como leitores de tela.

Para adicionar texto alternativo a um bloco de imagens:

Adicione texto alternativo às imagens de layout automático

Layouts automáticos estão disponíveis na versão 7.1.

Os layouts automáticos têm um campo específico de texto alternativo no editor de seções. Se você não adicionar texto alternativo nesse campo, nenhum texto alternativo será exibido. Sem texto alternativo, o bloco não ficará visível para tecnologias assistivas, como leitores de tela.

Para adicionar texto alternativo às imagens nas seções de layout automático:

1. Abra o painel "Páginas".
2. Clique na página com o layout automático e, em seguida, clique em Editar.
3. Passe o cursor sobre a seção de layout automático e clique em Editar conteúdo.
4. Clique na aba Conteúdo.
5. Clique na imagem à qual você deseja adicionar texto alternativo.
6. Em Texto alternativo da imagem, insira o texto alternativo. Se a imagem não aparecer na aba Conteúdo, clique em Elementos e ative a opção Mostrar imagem.
7. Clique em Voltar e repita para cada imagem do layout automático.
8. Clique em Salvar.

Adicione texto alternativo às imagens dos produtos

Você pode adicionar um texto alternativo com até 200 caracteres a uma imagem do produto. Se você não adicionar nada, o texto alternativo será o nome do produto.

Para adicionar texto alternativo a uma imagem do produto:

1. Abra o painel "Páginas".
2. Clique na página da loja e, em seguida, clique em uma categoria ou clique em Tudo.
3. Passe o cursor sobre a imagem do produto, clique em ... e depois clique em Editar metadados.
4. Adicione o texto ao campo Texto alternativo.
5. Clique em Aplicar e, depois, clique em Salvar.

Adicione texto alternativo às seções de imagem, blog e produtos das Campanhas por e-mail

Nas Campanhas por e-mail do Squarespace, você pode adicionar texto alternativo a imagens, artigos do blog e produtos adicionados às suas campanhas. Se você não adicionar texto alternativo a essas seções, nenhum texto alternativo será exibido. Não é possível adicionar texto alternativo a imagens ou logotipos no cabeçalho da campanha.

Para adicionar texto alternativo em uma campanha:

1. Abra as Campanhas por e-mail.
2. Clique em Rascunhos, depois passe o cursor sobre um rascunho e clique no ícone de lápis.
3. No rascunho, clique em uma seção de imagens, seção do blog ou seção de produtos.
4. No painel direito, clique na imagem, na publicação do blog ou no produto em que você deseja adicionar texto alternativo.
5. Adicione texto alternativo em Texto alternativo da imagem. O texto alternativo é salvo automaticamente.

Imagens no seu site que usam outros campos de texto como texto alternativo

A maioria das imagens no seu site não tem um campo específico de texto alternativo, mas usa automaticamente um campo de texto relacionado como texto alternativo. Por exemplo, uma imagem da seção de galeria usa a descrição como texto alternativo.

Confira na tabela qual texto cada tipo de imagem usa.

E se eu não adicionar texto alternativo?

Na maioria das áreas do seu site, o nome do arquivo de uma imagem funciona como texto alternativo se não houver nenhum outro texto alternativo adicionado. Recomendamos seguir nossas práticas recomendadas para texto alternativo ao criar nomes de arquivos para suas imagens, mas, se você já tiver carregado imagens, poderá atualizar os nomes dos arquivos delas na biblioteca de ativos.

Há imagens às quais não posso adicionar texto alternativo?

Sim. Algumas imagens não aceitam texto alternativo, incluindo:

• Imagens de fundo da seção - Imagens decorativas, como imagens de fundo abstratas ou gráficos que separam o conteúdo, geralmente não exigem descrição. Se precisar de uma solução alternativa, você pode tentar código personalizado, mas não podemos ajudar na configuração ou na resolução de problemas de soluções baseadas em código.
• Imagens de miniaturSa personalizadas do bloco de vídeo - O nome do arquivo aparece no URL estático da imagem, mas não como texto alternativo.