O texto alternativo não é decoração. É estrutura. Quando tratas o texto alternativo como uma competência de negócio, fazes menos suposições caras e crias páginas que levam as pessoas à ação.
O texto alternativo de uma imagem descreve o conteúdo e a função em cerca de cento e vinte e cinco carateres, sempre que possível. Este capítulo explica o que isso quer dizer em linguagem simples, porque afeta o teu website e o teu marketing, e como aplicar a ideia sem te perderes em jargão. Vais ver também como os exemplos de texto alternativo entram no mesmo quadro. Vamos por partes.
O que significa o texto alternativo na prática
O texto alternativo de uma imagem descreve o conteúdo e a função em cerca de cento e vinte e cinco carateres, sempre que possível.
Imagens funcionais, como botões, precisam de descrições orientadas para a ação.
Exemplos de texto alternativo no teu guia de estilo mantêm a equipa coerente.
Como aplicar o texto alternativo no teu site
Revê o texto alternativo das principais landing pages depois de cada grande alteração de design.
Começa por uma página, como a página inicial ou a landing page principal. Corrige primeiro o maior problema e depois leva o mesmo padrão para os outros modelos.
Junta este capítulo a qualidade de imagem para a marca para a base e a o que é uma hero image para o passo seguinte neste módulo.
Lista prática que podes usar hoje
Revê o texto alternativo das principais landing pages depois de cada grande alteração de design.
Quando reveres uma página, pergunta se o texto alternativo está visível logo no primeiro scroll no telemóvel. Se não, reordena as secções antes de afinares os detalhes.
Guarda capturas de ecrã antes e depois das alterações para perceberes o que fez a diferença com o texto alternativo no teu site.
Partilha esta lista com quem atualiza o teu site para que os exemplos de texto alternativo se mantenham coerentes nas páginas novas.
Escolhe uma métrica para acompanhar este mês, como o tempo na página ou os formulários iniciados, para que as alterações de design se liguem aos resultados do negócio e não apenas ao gosto.
Como este tema se liga ao resto da tua marca
As escolhas visuais raramente vivem numa só página. Exemplos de texto alternativo no teu guia de estilo mantêm a equipa coerente.
As tuas publicações nas redes sociais, os emails e os materiais impressos devem repetir a mesma hierarquia, as mesmas cores e as mesmas regras de tipografia que usas na web.
Quando os visuais da marca se afastam, os clientes sentem uma discrepância subtil, mesmo sem a saberem explicar.
Usa o que é uma hero image para comparar notas com um capítulo relacionado deste módulo.
Imagens funcionais, como botões, precisam de descrições orientadas para a ação.
Perguntas que muita gente esquece
Termos secundários como exemplos de texto alternativo e imagens para SEO ajudam-te a procurar exemplos mais fundos e a comparar o teu trabalho com os padrões comuns.
Exemplos de texto alternativo no teu guia de estilo mantêm a equipa coerente.
Escreve uma alteração de antes e depois que vais testar numa página real esta semana. Pequenas edições medidas valem mais do que planos vagos.
Ensinar à tua equipa um vocabulário comum sobre texto alternativo reduz as rondas de revisão com designers e agências.
Ferramentas que facilitam as atualizações visuais
Não precisas de código à medida para resolver muitos problemas de layout e estilo. Um editor visual deixa-te ajustar espaçamento, cores e tipografia enquanto vês a pré-visualização em telemóvel e computador.
O WEMASY inclui um criador de websites com edição visual, para publicares alterações sem esperar por um programador a cada ajuste. Abre o criador de websites quando estiveres pronto para aplicar o que aprendeste.
Quando publicares atualizações, volta a ver qualidade de imagem para a marca e hero image para o módulo ficar ligado na tua cabeça.
Já tens uma lente de trabalho para o texto alternativo. Usa-a quando reveres o teu site, aprovares materiais de marketing ou deres instruções a um designer. Continua com hero image e o que é uma hero image para manteres o ritmo neste módulo.
Perguntas frequentes
Quanto tempo leva a melhorar o texto alternativo das imagens?
A maioria das pequenas empresas vê páginas mais claras em poucas sessões focadas, depois de aplicar o essencial deste capítulo. Começa pela página inicial e depois estende as mesmas regras às páginas de serviços e de contacto.
Precisas de um designer para trabalhar o texto alternativo das imagens?
Um designer ajuda em rebrandings complexos, mas muitas correções no texto alternativo podem ser feitas por ti, quando já sabes o que procurar. Usa qualidade de imagem para a marca ao lado deste capítulo para teres orientação relacionada.
O WEMASY pode ajudar-te a aplicar texto alternativo no teu website?
O WEMASY inclui um editor visual no criador de websites, para ajustares layout, cores e tipografia sem código. Abre o criador de websites para atualizares modelos e veres as alterações no telemóvel.
Qual é o erro mais comum com o texto alternativo das imagens?
As pessoas tentam corrigir tudo de uma vez, em vez de uma página de cada vez. Escolhe uma só prioridade, como a legibilidade ou o contraste, e depois vê hero image para a melhoria seguinte.
Como se liga o texto alternativo das imagens ao SEO?
Uma hierarquia visual clara e uma tipografia legível mantêm os visitantes mais tempo na página, o que reforça os sinais de envolvimento que os motores de busca acompanham. Junta as correções de design a uma boa estrutura de conteúdo para teres os melhores resultados.
O que deves aprender a seguir ao texto alternativo das imagens?
Continua com qualidade de imagem para a marca e hero image neste livro, para construíres um sistema visual completo para a tua marca online.