Como usar IA para gerar automaticamente textos alternativos (alt text) de imagens no site
Olá, querido(a) cliente! Seja bem-vindo(a) ao seu novo passo rumo a um site mais inclusivo, acessível e inteligente. Aqui, na GeHost, acreditamos que tecnologia deve servir à humanidade — e uma das formas mais simples e poderosas de fazer isso é tornar seu site acessível a todos, inclusive pessoas com deficiência visual.
Um dos segredos mais poderosos para isso é o texto alternativo (alt text) das imagens. Ele é como um "comentário em voz alta" que descreve o que a imagem mostra — e hoje, com a Inteligência Artificial (IA), você pode gerá-lo em segundos, sem precisar escrever cada um manualmente.
O que é alt text?
Imagine que alguém está navegando com um leitor de tela. Ele não vê as imagens — mas precisa entender o que elas representam. O alt text é exatamente isso: uma descrição curta e clara que substitui a imagem para quem não consegue vê-la.
Dica Sensei: Um bom alt text é claro, objetivo e relevante ao conteúdo da página. Evite repetir o nome da imagem ou usar frases como "imagem de" — a IA já entende isso.
Como usar IA para gerar alt text automaticamente (passo a passo)
Na GeHost, você tem acesso a ferramentas modernas que facilitam esse processo. Vamos lá, com calma e certeza — você está no caminho certo!
-
Entre no seu painel de controle (cPanel)
Para isso, acesse painel.gehost.com.br e faça login com suas credenciais.
-
Abra o Gerenciador de Arquivos
No painel, localize e clique em “Gerenciador de Arquivos” (File Manager). Ele está na seção “Arquivos”.
-
Encontre a pasta do seu site
Na árvore de pastas, acesse a pasta public_html — é aqui que estão os arquivos do seu site.
-
Localize as imagens
Procure pelas imagens do seu site (geralmente em pastas como imagens/, assets/ ou diretamente na raiz). Clique em uma delas para ver suas propriedades.
-
Use uma ferramenta de IA integrada (ou externa)
Apesar de não termos uma IA embutida diretamente no cPanel, você pode usar ferramentas externas confiáveis — como o Google Lens, Microsoft Azure Vision, ou até o ChatGPT — para gerar descrições automaticamente.
Exemplo: Abra o Google Lens, tire uma foto da imagem ou cole o link dela. Ele vai sugerir um texto alternativo com precisão impressionante.
-
Edite o código HTML da imagem
Para aplicar o alt text, você precisa editar o código da imagem no arquivo HTML. Procure por algo assim:
<img src="foto.jpg" alt="">
Substitua o
alt=""pelo texto gerado pela IA. Por exemplo:<img src="foto.jpg" alt="Pessoa sorrindo ao lado de uma árvore em um parque ensolarado" >
-
Salve e teste
Após salvar o arquivo, atualize sua página no navegador e verifique se tudo está funcionando. Dica: use o modo “leitor de tela” do seu celular ou computador para testar a acessibilidade.
Dicas práticas do Sensei
- Descreva o que a imagem transmite — não apenas o que está lá. Ex: "Criança comemorando aniversário com bolo e amigos" é melhor que "foto de bolo".
- Não use palavras como “imagem de” — o sistema já sabe que é uma imagem.
- Se a imagem for decorativa, use
alt=""vazio — isso diz ao leitor de tela para ignorá-la. - Atualize periodicamente — se você trocar uma imagem, não esqueça de atualizar o alt text!
Por que isso importa?
Além de ser uma prática ética e inclusiva, o alt text ajuda seu site a ser encontrado mais facilmente no Google. Pesquisas mostram que sites com boas práticas de acessibilidade têm melhor posicionamento.
Quer saber mais? O grupo GeHost — parte do G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04) — está aqui para te ajudar em cada passo. Se precisar de suporte, entre em contato pelo painel ou pelo suporte gehost.com.br.
Seu site está mais vivo, mais acessível, mais humano. E você, com a ajuda da IA, está no controle. 🌟