texto Alt (texto alternativo), também conhecido como “atributos alt”, “descrições alt”, ou tecnicamente incorretamente como “tags alt”, são usados dentro de um código HTML para descrever a aparência e função de uma imagem em uma página.
alt text uses:
1. Adicionar texto alternativo às fotos é, acima de tudo, um princípio de acessibilidade à web. Os usuários com deficiência visual usando leitores de tela serão lidos um atributo alt para melhor entender uma imagem na página.2., O texto Alt será mostrado no lugar de uma imagem se não for possível carregar um ficheiro de imagem.3. Alt text fornece um melhor contexto de imagem / descrições para pesquisar engine crawlers, ajudando-os a indexar uma imagem corretamente.
O texto em destaque mostra o alt texto (o atributo alt) da imagem à esquerda.
O melhor formato para alt texto é suficientemente descritivo, mas não contém qualquer spam tentativas de keyword stuffing., Se você pode fechar seus olhos, ter alguém ler o texto alt para você, e imaginar uma versão razoavelmente precisa da imagem, você está no caminho certo.
Vamos olhar para alguns exemplos de texto alt para esta imagem de um delicioso olhando pilha de panquecas de mirtilo:
Este texto alt é apenas “ok”, porque não é muito descritivo. Sim, esta é uma imagem de uma pilha de panquecas. Mas há mais a dizer sobre esta imagem.,
Boa:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
Este texto alt é uma alternativa melhor, porque é muito mais descritivo do que está na imagem. Esta não é apenas uma pilha de “panquecas” (como o primeiro exemplo de texto alt demonstrou); é uma pilha de panquecas de mirtilo com um pó de açúcar em pó!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
Nenhum destes exemplos são recomendados., A primeira linha de código na verdade não contém nenhum texto alt (observe que as aspas estão vazias), enquanto o segundo exemplo demonstra o enchimento de palavras-chave em texto alt.por que o texto Alt é importante?
acessibilidade
texto Alt é um princípio do web design acessível. Seu objetivo original (e ainda primário) é descrever imagens para os visitantes que não são capazes de vê-las. Isso inclui leitores de tela e navegadores que bloqueiam imagens, mas também inclui usuários que estão com problemas de visão ou de outra forma incapazes de identificar visualmente uma imagem., Incluindo alt texto com suas imagens garante que todos os USUÁRIOS, independentemente da capacidade visual, podem apreciar o conteúdo em seu site.
Image SEO
Usando texto alt em suas imagens pode fazer para uma melhor experiência do usuário, mas também pode ajudar a ganhar benefícios SEO explícitos e implícitos. Junto com a implementação do título da imagem e da nomenclatura de arquivos, incluindo alt text também pode contribuir para a imagem SEO.,
While search engine image recognition technology has vastly improved over the years, search crawlers still can’t “see” the images on a website page like we can, so it is not wise to leave the interpretation solely in their hands. Se eles não entendem, ou se entendem errado, é possível que você pode classificar para palavras-chave não intencionais ou perder no ranking completamente.
Aqui está um exemplo: o Google pode ver a seguinte imagem e ser capaz de decifrar que é um homem usando uma gravata e óculos, sentado em uma mesa.,
nesse sentido, o texto alt oferece-lhe outra oportunidade de incluir a sua palavra-chave alvo., Com o uso de palavra-chave na página ainda puxando o peso como um fator de classificação do motor de busca, é do seu melhor interesse criar texto alt que tanto descreve a imagem e, se possível, inclui uma palavra-chave ou frase de palavra-chave que você está visando.
como escrevo um bom texto alt?
descrever a imagem o mais especificamente possível. Alt text é, em primeiro lugar e acima de tudo, projetado para fornecer explicações de texto de imagens para os usuários que não são capazes de vê-los. se uma imagem realmente não transmitir qualquer significado / valor e está lá apenas para fins de design, ela deve viver dentro do CSS, Não HTML.,mantenha-o (relativamente) curto. Os leitores de tela mais populares cortar o texto alt em cerca de 125 caracteres, por isso é aconselhável mantê-lo para essa contagem de caracteres ou menos.
Use as suas palavras-chave alt text oferece-lhe outra oportunidade de incluir a sua palavra-chave alvo numa página, e, assim, outra oportunidade de sinalizar aos motores de busca que a sua página é altamente relevante para uma determinada pesquisa., Enquanto sua primeira prioridade deve ser descrever e fornecer contexto para a imagem, se faz sentido fazê-lo, inclua sua palavra-chave no texto alt de pelo menos uma imagem na página.
evitar o enchimento de palavras-chave. O Google não irá acoplá-lo pontos por texto alt mal escrito, mas você estará em apuros se você usar o seu texto alt como uma oportunidade para colocar o máximo de palavras-chave relevantes que você pode pensar nele. Foco em Escrever texto descritivo alt que fornece contexto para a imagem e, se possível, inclui a sua palavra-chave alvo, e deixá-lo assim.
não utilize imagens como texto., Isto é menos de um texto alt-specific best practice and more of a general SEO-friendly web development tenet. Como os motores de busca não podem ler texto dentro de suas imagens, você deve evitar usar imagens em vez de palavras. Se você precisa fazer isso, explique o que sua foto diz dentro de seu texto alt.
não incluem “imagem de, “”imagem de,” etc. na tua mensagem alt. Já assumiu que seu texto alt se refere a uma imagem, então não há necessidade de especificá-la.
não se esqueça longdesc=””. Explore usando a tag longdesc=”” para imagens mais complexas que requerem uma descrição mais longa.,
não negligencie os botões de forma. Se um formulário em seu site usa uma imagem como é o botão” enviar”, dê-lhe um atributo alt. Os botões de imagem devem ter um atributo alt que descreve a função do botão como “procurar”, “Aplicar agora”, “inscrever-se”, etc.
Como é o bom texto alt?,3″>
Ok alt texto: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
Melhor alt texto: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
o Melhor alt texto: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Manter aprendizagem
Imagem do Google Publicação de Orientações
Na Página de Fatores de Ranking
Descrição Meta
Colocar suas habilidades para trabalho
A Otimização da Página de seção de Moz Pro destaques das páginas que não estão vivendo de acordo com a pesquisa completa visibilidade potencial (e inclui coisas como se uma página está faltando texto alt)., Tente >>
