Como adicionar corretamente o atributo ALT a uma imagem?

Índice:

Como adicionar corretamente o atributo ALT a uma imagem?
Como adicionar corretamente o atributo ALT a uma imagem?
Anonim

Toda página da web é criada usando marcação - código que é escrito em uma linguagem especialmente fornecida (na maioria das vezes HTML). O navegador do usuário, por sua vez, pode ler esse código para exibir corretamente todas as informações que os criadores do recurso quiseram nos transmitir. Acontece que todos os elementos que vemos em uma página da web são fornecidos pelo código-fonte do site que visitamos.

Otimização de código

defina o atributo ALT
defina o atributo ALT

Como você pode imaginar, cada letra deste código, cada símbolo tem um significado. Além disso, curiosamente, acontece que visualmente o site pode não conter aqueles elementos que são extremamente importantes para sua otimização (ou seja, a configuração correta do recurso para os mecanismos de pesquisa). O atributo ALT pode ser atribuído ao número desses quase imperceptíveis, por exemplo. Está nas páginas de muitos recursos, e muitas vezes simplesmente não percebemos.

Neste artigo, gostaríamos de prestar atenção apenas neste elemento de web design. Aqui vamos te contar porque ele é tão importante para o correto ranqueamento do site, o crescimento de seu tráfego e a comodidade do usuário em trabalhar com ele.

O que é o atributo ALT?

Vamos começar do início: vamos descrever sobre o que é este artigodiscurso e por que precisamos desse atributo.

Atributo ALT
Atributo ALT

Então, para entender este texto, primeiro você precisa entender a linguagem de marcação HTML. Este é o código no qual são escritas as páginas básicas da web, que, como já mencionado, tem a propriedade de ser exibida no navegador. A linguagem inteira é composta de atributos especiais (como IMG, ALT, FONT e assim por diante). Cada um deles é responsável por trabalhar com um ou outro elemento de design. Na prática, o atributo "Imagem" mencionado acima é usado para imagens que podem ser encontradas nas páginas do site. Mais especificamente, com sua ajuda, é criada uma descrição para as imagens, segundo a qual o usuário (visitante do site) pode entender facilmente o que é mostrado nelas. Certamente você já se deparou com essas descrições - elas aparecem quando você passa o mouse sobre a imagem.

Valor prático

Claro, esses atributos são aplicados na prática por um motivo. Os webmasters precisam de descrições para suas imagens tanto quanto os visitantes do site (provavelmente mais). Afinal, se todas as imagens não possuem o atributo ALT, uma pessoa pode nem perceber isso se textos explicativos forem adicionados às imagens na página. Por outro lado, os robôs de pesquisa (com um ALT vazio) podem não classificar o site suficientemente, reduzir sua posição nos resultados da pesquisa e, portanto, não atrair um número suficiente de visitantes. Portanto, podemos dizer com segurança que as descrições das fotos no site também desempenham um papel importante para os próprios webmasters, de modo que não podemnegligência.

Todas as imagens visíveis não têm o atributo ALT
Todas as imagens visíveis não têm o atributo ALT

Bônus dos mecanismos de busca

Para entender melhor os benefícios de preencher corretamente as tags de descrição para fotos, vamos dar um pequeno exemplo. Digamos que haja um site com imagens hospedadas nele. Se o atributo ALT não estiver definido, o usuário não sofrerá, pois de qualquer forma ele verá o que é mostrado em uma determinada foto. Um resultado completamente diferente aguarda o proprietário do recurso, que negligenciará a tag acima, por causa da qual perderá parte do tráfego de diretórios de imagens, por exemplo.

Como escrever o atributo ALT?

Tecnicamente, não há nada difícil em preencher uma descrição sob esta ou aquela foto. Isso é óbvio: você precisa ir ao editor de HTML do seu site e encontrar o código da imagem (começa com IMG e termina com o mesmo). Dentro deste bloco de código, há código. Isso é o que eles querem dizer quando dizem que você precisa escrever o atributo ALT. Isso é feito assim: “alt=“description”.

Se você não trabalha com código puro, mas usa algum “engine” separado para o site (por exemplo, Wordpress ou Joomla), ele integra um mecanismo especial para adicionar “alts” através do qual nosso site será lembrado pelos motores de busca. Se você preencher um novo ALT, a atualização estará na sua página.

O que eles escrevem no atributo?

Claro, quando você tem a tarefa de escrever o atributo ALT, você não está pensando emlado. Na maioria das vezes, essa pergunta é feita se o webmaster não souber quais informações ele precisa fornecer sobre uma determinada imagem. Isso dificulta dizer quais informações beneficiarão o site do ponto de vista dos mecanismos de busca.

Na prática, existem muitas abordagens para resolver o problema da descrição. Alguém trabalha com modelos típicos, segundo os quais a tag é simplesmente preenchida com palavras-chave para as quais a página é criada. Talvez esta seja a prática mais comum que pode ser encontrada com frequência. Às vezes, ao invés de procurar como escrever o atributo ALT, o usuário simplesmente deixa este espaço vazio. Deve ser esclarecido aqui que todos tomam suas próprias decisões sobre qual descrição indicar.

atributo alt ausente
atributo alt ausente

Requisitos

Ao mesmo tempo, existem várias regras básicas (ou, se preferir, requisitos) segundo as quais cada um pode somar o atributo ideal para suas fotos. Eles consistem em um pequeno número de itens, cada um dos quais se refere às descrições de fotos e imagens no site.

Por exemplo, o primeiro requisito é o comprimento de todo o texto. Se você está procurando como escrever o atributo ALT corretamente, a solução é elementar: não use mais de 2-3 palavras. O texto deste tamanho será, em primeiro lugar, idealmente lido por um robô de busca (e tornará seu site mais relevante); em segundo lugar, tal descrição é mais compreensível para os próprios usuários. Concordo, leia a frase inteira, se você só quer saber o que é mostrado na foto, ninguém vai. Basta ser breve e preciso.uma descrição que será útil para você e seus clientes.

Não se esqueça do significado. Se você postar uma foto de um elefante, certifique-se de descrever sua raça ou história; especifique por que está retratado nesta foto, o que você gostaria de dizer com isso. Seria útil para o visitante saber sua opinião sobre este elefante.

Outro ponto importante (que foi estabelecido ao longo de vários testes práticos) é a singularidade. Se você estiver procurando como adicionar o atributo "Imagem" a uma imagem, lembre-se de que ele deve ser exclusivo para cada uma das fotos listadas no site. Por exemplo, publicar três fotos seguidas com a legenda “meu elefante” será errado - isso só prejudicará seu recurso nos resultados da pesquisa. É melhor nomear as imagens como "elefante 1" e "elefante 2", o que as tornará mais exclusivas.

Finalmente, tenha em mente os parâmetros das próprias imagens que você está procurando para adicionar o atributo ALT. Para fotos, é importante atender a vários critérios - não ser muito pequeno, parecer realista. Ou seja, se você especificar uma descrição, faça isso para imagens mais sérias que são levadas em consideração com mais peso. Não qualifique o atributo "Imagem" para alguns emoticons pequenos ou algo assim.

Pesquisar ALT

Finalmente, falamos sobre o básico de um atributo, algumas das regras para sua compilação e os requisitos de ambas as partes (tanto usuários quanto robôs de busca) para eles. Agora vamos pensar: como pesquisar palavras-chave e frases,que iremos prescrever em nosso site? Como observado acima, a pesquisa deve ser direcionada para bancos de dados prontos de palavras-chave que realmente começam a atrair clientes para seu site. Claro, isso não pode ser alcançado se você ainda não tiver o atributo ALT. Pegue palavras-chave e frases prontas que você usa em seu conteúdo e cole-as em imagens.

Se você não tem essas informações e não pensou em começar a promover gradualmente seu recurso, sugerimos que você comece a procurar bancos de dados de tais “palavras-chave” com os quais você pode facilmente criar novos sites. Para isso, são perfeitos serviços como o Google Keyword Extract Tool ou Yandex. Wordstat, que mostram estatísticas de busca para determinadas frases. Ao “brincar” com essas configurações, você pode aumentar significativamente a participação do tráfego de pesquisa em seus sites e, assim, começar a colher novos benefícios. O principal é evitar uma situação em que todas as imagens visíveis não possuam o atributo ALT.

Conclusões

Então, o que podemos dizer sobre o atributo descrito neste artigo? Faz parte da linguagem em que os sites mais simples são criados - HTML. É muito fácil fazer isso, pois descreve uma linguagem elementar e básica. Para ainda registrar a tag em imagens, você precisa emiti-la de forma independente por meio do código-fonte. Ou, usando as novas instruções, comece a se beijar novamente. Seja como for, marcar "Imagem" é o caso perfeito de benefício mútuo quando o visitante e o proprietário do recurso estão satisfeitos.

Indicar uma tag pode levar a novosvisitantes - esse fenômeno é especialmente observado em serviços como Google e Yandex Images. Quando você clica em uma imagem, o site determina de forma independente a fonte de onde a imagem foi tirada e redireciona o visitante. E isso, como você entende, é muito importante poder fazer no futuro.

Recomendado: