.
.
.
.Uma imagem vale mais que mil palavras, menos para blogs…
Categoria Buscadores, Google, MSN, Problogger, SEO, Tecnologia, Yahoo por Professional Blogger em 23-07-2008
Tags: alt, aumentar visitas do blog, Buscadores, conteúdo relevante, page rank, SEO, title, usabilidade para blogs
Hoje em dia é muito comum o uso de imagens na hora de escrever um artigo ou página, seja qual for o assunto. Pensando nisso, quero ressaltar a importância das imagens no conteúdo de um blog.
“A imagem utilizado neste artigo é uma propriedade de - BC -.”
Você sabe que os buscadores Google, Yahoo!, MSN, Ask e companhia Ltda. não lêem textos nas imagens(por enquanto), mas sim os atributos que as mesmas possuem, mas quais são eles e qual a importância desses atributos?
Esses atributos são nada mais, nada menos que tags HTML(alt e title), e que podem determinar o seu sucesso na hora de aumentar seu Page Rank no Google.
Veja o código e as imagens abaixo:
<img sr=”http://www.professionalblogger.com.br/wp-content/drupal.jpg” height=”50″ width=”50″ alt=”Drupal CMS” title=”Aprenda Drupal” />
Imagem com as tags alt e tile, abra este post no IE, Firefox ou Safari e passe o mouse sobre a imagem.
Imagem com a tag alt e sem a tag title, ao passar o mouse na imagem você verá o texto apenas no IE.
src = origem da imagem, onde a mesma está alocada.
height = altura da imagem.
width = largura da imagem.
alt = descrição da imagem.
title = título ou descrição da imagem.
O nosso trabalho consiste em aplicar duas tarefas nas imagens do blog, a primeira é de usabilidade e a outra é sobre SEO. Quando você não define o height e o width da imagem, o navegador possui um trabalho de extra, pois o mesmo tem que “adivinhar” as dimensões de suas imagens e depois alocá-las, e isso é uma questão de usabilidade.
O outro aspecto de usabilidade é que a tag title e alt são os textos que aparecem na imagem quando o usuário coloca o mouse sobre a mesma, o detalhe é que a tag alt não é exibida no Firefox ou Safari, mas sim a tag title. Essa é uma explicação básica sobre usabilidade, mas se você deseja mais detalhes sobre usabilidade consulte o meu amigo Tárcio Zemel.
Agora vamos falar sobre como você pode aplicar uma técnica simples de SEO em suas imagens. Já citei que as tags alt e title possuem um conteúdo, e é isso que os buscadores procuram, Conteúdo Relevante.
Como esses atributos ou tags são textos, você pode usá-los de forma estratégica, simplesmente coloque um texto na tag alt e um outro texto similar na tag title, sendo assim o Google não verá frases duplicadas e você aumenta o número de palavras-chave na hora que alguém faz uma pesquisa por imagem apenas.
Você conhece alguma dica sobre imagens? Então comente no blog!
Aê, obrigado pela (p)referência!
Explicando mais um pouquinho, a o atributo “alt” das imagens não mostrar tooltip em Firefox, Safari e outros, quando o mouse passa por cima, na verdade é o “correto”, já que este atributo é um conteúdo ALTernativo para quando não se está com exibição de imagens habilitado.
O IEca que faz disso mais uma das suas imprudências e extravagâncias (fui bonzinho dessa vez) e coloca o ALT como se fosse TITLE em determinadas situações…
Abraços!
Legal o post, eu costumo usar apenas o title em algumas imagens do meu blog e costumam ser bem indexadas como você mesmo disse, o IE sempre deu problema em meu blog, digamos que 50% de suas funcionalidades simplesmente somem no IE, o jeito é esperar o IE8 e ver no que dá!
Quanto ao seu post lá no Blog, sim, estou planejando isto há um bom tempo (fazer vídeo-aulas), inclusive já consegui todo o material necessário para criar as vídeo-aulas (onde hospedar, programa para captação de imagem, tratamento e edição), porém ainda estou pesquisando microfones USB com boa captação, depois que achar farei algumas vídeo-aulas sim, obrigado pela visita!
ølha, aproveitando e não pra não perder o trocadilho, uma imagem vale mais que mil palavras… agora tente dizer isso com uma imagem rs…
desculpe, off topic total, mas não resisti
Oi Luciana, não tem problema, rs! Eu tento fazer isso no próximo post, obrigado pela visita!
Abraços,
Diego