ALT e TITLE nas imagens

Quando se utilizam imagens num web site ou um blogue deve-se ter em atenção os atributos alt e title.


Quem se tem um blogue, utiliza-se imagens, porque os posts ficam mais bonitos, porque ajuda os leitores a perceberem o que estão a ler, mas também porque ajuda a difundir o nosso blogue nos motores de pesquisa.

Mas atenção, só porque se tem uma imagem não quer dizer que o Google, por exemplo, encontre o nosso blogue. Para isso temos que utilizar dois atributos muito importantes em Html; que são: "ALT" e "TITLE".


"ALT"

- O atributo "alt" é necessário para especificar um texto alternativo para uma imagem, para o caso da imagem não poder ser exibida.
- Melhora o posicionamento no Google e outros sites de pesquisa.
- Tem a função de substituir a imagem pelo texto caso o link seja quebrado.


"TITLE"

- É o titulo propriamente dito da imagem, e que aparece quando se passa o ponteiro do rato por cima da imagem.

Exemplo:

Exemplo do atributo "title" na imagem

Como aplicar estes atributos numa imagem:

Quando se coloca uma imagem seja num web site ou num bloguem esta terá o seguinte código:

<img scr="LINK_IMAGEM"/>

Com os atributos indicados ficará assim;

<img src="LINK_IMAGEM" alt="TEXTO ALTERNATIVO" title="TEXTO DO TITULO"/>

Inserindo "alt" e "title" nas Imagens dos Posts no Blogger:

Após carregar a imagem e a inserir no post, clica-se em cima da imagem, e depois clica-se na barra que aparece por cima da imagem, onde diz propriedades, a seguir é só preencher com a informação que se deseja.