Adicionar texto alternativo a imagens

Texto alternativo é aquele que você adiciona às imagens para deixá-las mais acessíveis aos visitantes. Como os buscadores também usam texto alternativo para identificar o conteúdo da imagem, ele é ótimo para a SEO do site. Em alguns locais, o nome do arquivo da imagem serve como texto alternativo se você não adicionar manualmente esse texto. No bloco de imagem e no layout automático, você precisa adicionar manualmente o texto alternativo. 

O texto alternativo também é útil para leitores de tela assistivos ou navegadores com imagens desativadas. Se um navegador não puder exibir a imagem, o texto alternativo poderá ser exibido. Quando adicionar texto alternativo, use termos curtos e legíveis que descrevam a imagem. Siga as nossas dicas para tornar as imagens acessíveis.

Este guia mostra como adicionar texto alternativo às imagens do seu site, e imagens que incluem texto alternativo, automaticamente.

Assista a este vídeo

Práticas recomendadas para texto alternativo

Ao escrever o texto alternativo, lembre-se de que você está se dirigindo a pessoas que usam leitores de tela assistivos ou que têm imagens desativadas no browser. Lembre-se:

• Seja descritivo e prestativo. Como você descreveria essa imagem para quem não a enxerga?
• O texto deve ser curto, com doze palavras ou menos.
• Otimize seus textos para pesquisa incorporando palavras-chave, mas evite excesso de palavras-chave.
• Use frases normais, não separe as palavras com hífens.
• 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.

Nomes de arquivos de imagens

O nome do arquivo de uma imagem atua como texto alternativo se não houver nenhum outro texto alternativo adicionado, exceto para blocos de imagem e layouts automáticos. Recomendamos usar nossas práticas recomendadas de texto alternativo ao criar nomes de arquivos de imagens para suas imagens.

Para alterar o nome do arquivo para a maioria das imagens, carregue novamente a imagem com o novo nome ou altere o nome do arquivo no editor de imagens. Por exemplo, com blocos de imagem, abra o editor de blocos, vá para a guia Conteúdo e atualize o campo Nome do arquivo na guia Conteúdo.

Dica: use apenas letras, números, sublinhados e hífenes nos nomes de arquivos.

Logo do site

O título do site serve como texto alternativo para o logotipo do site.

Blocos de Imagem

Você pode adicionar texto alternativo de até 250 caracteres a qualquer layout de bloco de imagem. Se não adicionar texto alternativo aos blocos de imagem, a imagem ficará oculta das tecnologias assistivas, como leitores de tela. Para adicionar texto alternativo:

1. No editor de blocos de imagens, clique na aba Conteúdo.
2. Vá para Texto alternativo da imagem e insira o texto alternativo no campo.
3. Clique em Salvar.

Imagens de seção de galeria e layout automático

Layouts automáticos e seções de galeria só são suportados na versão 7.1.

Você pode adicionar texto alternativo a Layouts Automáticos e Seções de Galeria, mas cada um usa um método diferente.

Layouts automáticos

Se o campo de texto alternativo da imagem não aparecer, na aba Elementos, ative a opção Mostrar imagem. Para adicionar texto alternativo às imagens nas seções de layout automático:

1. Ao editar uma página, passe o mouse sobre a seção de layout automático e clique em Editar conteúdo.
2. Clique na aba Conteúdo.
3. Clique na imagem à qual você deseja adicionar texto alternativo.
4. Role até Texto alternativo da imagem e insira o texto alternativo no campo.
5. Clique em Voltar e depois em Salvar.

Se você não adicionar texto alternativo aos layouts automáticos, nenhum texto alternativo será exibido.

Seções de galeria:

As Seções de Galeria mostram principalmente imagens. Se você adicionar uma descrição às imagens da Seção de Galeria, ela se tornará automaticamente o texto alternativo e a legenda da imagem.

Imagens no Bloco de Galeria

Na versão 7.1, só é possível adicionar um Bloco de Galeria a publicações do blog, itens de produto e eventos específicos.

Para adicionar texto alternativo a uma imagem em um Bloco de Galeria:

1. Clique duas vezes no Bloco de Galeria ou clique em Editar.
2. Procure a imagem para editar, passe o cursor sobre ela e clique em .
3. Adicione texto alternativo ao campo Inserir um título de imagem. Se você não adicionar um título de imagem, o texto no campo de descrição se tornará texto alternativo.
4. Clique em Salvar.

Publicação do blog e imagens em destaque do evento

O título de uma publicação do blog ou de um evento serve como o texto alternativo da imagem em destaque da publicação ou evento. Nas Páginas de Evento, isso também ocorre nos layouts de lista e de calendário.

Imagens de fundo da seção e imagens em destaque da página

Os nomes dos arquivos servem como texto alternativo para imagens de fundo da seção e imagens em destaque da página. Certifique-se de nomear todas as imagens em destaque ou de fundo como deseja que elas apareçam antes de enviá-las.

Imagem em miniatura do bloco de vídeo

Ao se adicionar um bloco de vídeo à página com um URL, o bloco gera automaticamente uma miniatura e aparece como sobreposição. Se você adicionar uma miniatura personalizada, o nome do arquivo aparecerá no URL estático, mas não como texto alternativo. Não é possível adicionar texto alternativo à miniatura do bloco de vídeo.

Imagens de produtos

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

1. Na página da loja, passe o cursor sobre um produto e clique duas vezes nele.
2. Mova o cursor sobre a imagem do produto, clique nos três pontos e clique em Editar metadados.
3. Adicione o texto ao campo Texto alternativo.
4. Clique em Aplicar.

Imagens da Página de Entrada (versão 7.0)

Para adicionar texto alternativo a uma imagem na Página de Entrada:

1. No menu da Página de Entrada, clique no painel Mídia.
2. Passe o cursor sobre a imagem e clique em .
3. Adicione texto alternativo no campo Digite o texto alternativo….
4. Clique em Salvar.

Imagens da Página de Galeria (Versão 7.0)

Para adicionar texto alternativo a uma imagem em uma Página de Galeria:

1. Clique na Página de Galeria no painel de Páginas.
2. Procure a imagem para editar, passe o cursor sobre ela e clique em .
3. Adicione texto alternativo no campo Título da imagem. Se você não adicionar um título de imagem, o texto no campo de descrição se tornará alt text.
4. Clique em Salvar.

Imagem de campanhas por e-mail, blog e seções de produto

Nas Campanhas por e-mail do Squarespace, você pode adicionar texto alternativo a imagens, publicações de blog e produtos adicionados à sua campanha:

1. No rascunho da campanha, clique em uma seção de imagens, seção do blog ou seção do produto.
2. No painel direito, clique na imagem, na publicação do blog ou no produto em que você deseja adicionar texto alternativo.
3. Adicione texto alternativo em Texto alternativo da imagem. O texto alternativo é salvo automaticamente.

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.

Próximos passos

• Para obter mais dicas de SEO, acesse Como faço para aumentar a visibilidade do meu site para os mecanismos de busca?
• Para saber como tornar seu site mais acessível, acesse Tornar seu site Squarespace mais acessível.