Longdesc – Aprendendo a fazer uma longa descrição

Postado por Renato Lam Yee na categoria Geral , SEO e Usabilidade

Geralmente, ao se trabalhar com descrições em imagens, fotos, ou figuras, usamos o atributo “alt” para fazer otimização de imagens para SEO. Porém, às vezes, essas imagens possuem informações mais complexas que seriam difíceis de descrever com o atributo “alt”, já que este permite apenas descrições curtas. Nesse caso utilizamos o atributo “longdesc” que nos permite fazer uma descrição mais complexa das imagens.

O longdesc funciona de forma parecida com um link onde ao clicar sobre a imagem, você é redirecionado para uma nova página com informações completas sobre dela.

A seguir um exemplo da utilização do atributo longdesc:

<IMG src="images/grafico.gif" LONGDESC="grafico.htm" ALT="Gráfico de Resultados" />

Clique na figura para ver o funcionamento do atributo:

Observação: a página criada nesse exemplo possui informações meramente ilustrativas.

Agora em objetos que não suportam a o atributo longdesc como animações, vídeos ou objetos inseridos na página podemos usar um link para referenciar a descrição dos mesmos. Abaixo um exemplo de como podemos fazer:
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Y1pqA1PCHrU&hl=pt-br"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Y1pqA1PCHrU&hl=pt-br" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

<A href=”longdesc.htm” title=”Vídeo que mostra a utilização do longdesc”>Descrição</A>

Como podemos ver no exemplo acima, colocamos um vídeo do youtube e ao seu lado fizemos um link alternativo que redireciona para uma página que contém uma descrição detalhada do vídeo.

Se tiverem dúvidas, deixem comentários. Até a próxima.

Artigos Relacionados

8 Respostas to “Longdesc – Aprendendo a fazer uma longa descrição”

Portfolio Web Designer Diz:
maio 13th, 2008 as 6:58 pm
Pode usar texto descritível no lugar da url na tag longdesc ?
Exemplo longdesc=”Aqui vai uma descrição longa da minha imagem”
Renato Lam Yee Diz:
maio 15th, 2008 as 12:29 pm
Como foi dito no post, o longdesc tem como finalidade colocar uma descrição bastante longa de sua imagem ou vídeo, isto feito em outra página como dito no post. Imagine que você quer fazer a descrição da conversa de um diálogo, isso com certeza daria um texto enorme. Se for apenas uma frase apenas, recomendo usar alt ou title.

Qualquer dúvida deixe outro comentário!
Carol Diz:
maio 17th, 2008 as 8:15 pm
Gostei de como foi feito o post, ele ficou bem legal com uma criação muito produtiva.
RAFAELA_QUEIROZ_GALVÂO Diz:
maio 19th, 2008 as 4:00 am
Parabéns pelas Informações, criação e desenvolvimento do Site!!!!
Lazaro Diz:
junho 6th, 2008 as 1:43 pm
No caso, se eu tenho um menu linkando para matérias por exemplo, seria interessante trabalhar somente com o uso de longdesc ou src mesmo?
Como o buscador trabalha essa informação, src vale mais que longdesc ou não?

Parabéns pelo artigo!
Lazaro Diz:
junho 6th, 2008 as 1:46 pm
No caso, se eu tenho um menu linkando para matérias por exemplo, seria interessante trabalhar somente com o uso de ‘longdesc’ ou ‘href’ mesmo?
Como o buscador trabalha essa informação, src vale mais que longdesc ou não?

Parabéns pelo artigo!
Lazaro Diz:
junho 6th, 2008 as 1:46 pm
No caso, se eu tenho um menu linkando para matérias por exemplo, seria interessante trabalhar somente com o uso de ‘longdesc’ ou ‘href’ mesmo?
Como o buscador trabalha essa informação, ‘href’ vale mais que longdesc ou não?

Parabéns pelo artigo!
Renato Lam Yee Diz:
setembro 7th, 2008 as 11:43 pm
No caso de links como no menu é melhor usar apenas uma descrição simples para indicar do que se trata os links. Recomendo usar as tags title ou alt para fazer isso.