Importância dos atributos Alt e Title nas imagens

Importância dos atributos Alt e Title nas imagens No artigo de hoje, veremos que para ter sucesso em um site ou blog, você não pode se limi...

No artigo de hoje, veremos que para ter sucesso em um site ou blog, você não pode se limitar a apenas escrever novos artigos ou páginas. Existem muitas questões de SEO a serem consideradas hoje em dia, especialmente a otimização de imagens, que aos poucos está ganhando importância.

Otimização de imagem

A otimização da imagem é limitada não apenas pelo peso (kilobytes, megabytes) que deveria ter, mas também pelo Alt, tags de título, nome do conteúdo da imagem em que a imagem é inserida e links. Também é importante sempre adicionar características de largura e altura para garantir que as fotos sejam carregadas rapidamente.

Sinal alternativo

O atributo alt é usado para tornar as imagens fáceis de ler nos sites do Google, por isso é essencial para a classificação de imagens do Google para o seu site. A principal função dessa tag é fornecer uma descrição alternativa da imagem e também funciona como texto âncora ao usar a imagem como um link.

O texto alternativo é exibido pelos navegadores quando eles não exibem imagens de determinados sites por algum motivo, ou quando essas imagens são carregadas, ou mesmo porque não estão mais disponíveis, o texto é exibido na tela em vez dessas imagens quebradas.

Além disso, os robôs do Google também usam a alt tag , que, combinando junto com a tag do título, definem melhor o significado da imagem e sua relação com ao artigo da página em questão. Uma vez que este texto alternativo serve para representar a imagem (lembre-se de que esta não é uma descrição em si, mas é equivalente ao que a imagem significa), é imperativo que você tenha um bom senso completo ao criar um texto curto e coerente com o conteúdo apresentado. ...

Perceber. Leitores com deficiência visual que usam software de leitura de tela como JAWS ou Orca ouvirão um texto alternativo em vez de uma imagem. Um navegador de texto como o Lynx exibirá um texto alternativo em vez de uma imagem. Normalmente, o navegador gráfico exibe apenas uma imagem e apenas texto alternativo se solicitado a mostrar as propriedades da imagem. Muitos navegadores gráficos podem ser configurados para exibir texto alternativo em vez de uma imagem.

A principal função dessa tag é fornecer aos mecanismos de pesquisa uma descrição da imagem e ajudar a indexá-la.

Aqui está um exemplo sem a tag Alt:

Em outro exemplo abaixo, uma tag alt foi adicionada junto com o símbolo da imagem, ou seja, simplesmente adicione alt = "o texto da sua imagem entre aspas" diretamente após a tag <img>.

Vale alertá-los que, para uma melhor indexação, não passe de cinco (5) palavras no texto.

Tag head

Esta tag nada mais é do que um acréscimo à tag alt. Isso é o que fornece uma descrição simples de quando o mouse está sobre a imagem. Ao contrário do que foi mencionado acima, isso permite que você use quantos caracteres forem necessários para descrever a imagem.

No entanto, não é recomendável usar indevidamente a etiqueta de endereço, pois pode ser considerada spam e causar problemas para o seu site. Uma boa opção pode ser usar a mesma descrição que Alt.

Para adicionar esta tag, basta colocar seu title = "texto da imagem" após fechar o link. Aqui está um exemplo da tag de título também adicionada ao HTML de uma imagem:

Usar essas tags corretamente é fundamental para quem deseja otimizar bem suas imagens; no entanto, o uso excessivo desses campos pode levar a problemas para o seu site, pois o Google está constantemente melhorando neste setor. Em particular, o atributo alt é essencial para a otimização da imagem e deve ser bem agrupado.

Além das tags, há algumas outras coisas a serem observadas quando se trata de otimizar imagens:

Nome da imagem - evite usar nomes genéricos como img1.jpg, sempre inclua nomes separados por travessões, não sublinhados.

Formatos, qualidade e resoluções - Imagens de alta resolução causam atrasos no download, portanto, tente encontrar um meio-termo entre a qualidade e o tamanho da imagem.

Ranking do Google

Evite copiar - Se você estiver usando uma foto tirada de outro site, evite copiar seus atributos, como tamanho e posição, pois isso pode ser considerado conteúdo duplicado.

Vincule o conteúdo perto da imagem - tente combinar a imagem com o texto da página sem deixá-lo sozinho, pois colar o conteúdo diretamente abaixo e acima que contém palavras-chave vinculadas às tags alt e title ajuda muito a tornar a imagem mais relevante , conteúdo na página e sufixo de arranjo ao pesquisar imagens.

Indexando x Robots.txt - Analise seu arquivo robots.txt e verifique se os robôs estão acessando suas imagens e não estão impedindo que cada um deles seja indexado.

Lembre-se sempre da importância da otimização da imagem. O Google está trabalhando cada vez mais nessa área, que ainda hoje é a diferença entre as técnicas de SEO. É importante observar que o robô rastreador de imagens do Google não visita as páginas com frequência, por isso é importante manter a otimização de todas as imagens. Depois de navegar em seu site, ele definitivamente não voltará tão rápido.

O bot gráfico tem esse comportamento devido ao fato de as imagens não serem atualizadas com frequência, não faz sentido solicitar todas as imagens do site a cada visita.

Portanto, lembre-se sempre de adicionar tags ao publicar um artigo / página, pois isso pode "aumentar" o seu tráfego diário e melhorar a indexação do seu site ou blog nos buscadores.