Soluções

O WordPress 3.5 e as Tags Title e Alt em Imagens – Bug?

Anúncios Google

Na última atualização do WordPress, uma das grandes novidades foi o novo gestor de mídia, com o botão unificado que realmente simplificou a vida de muita gente. Agora, em vez de clicar em diferentes botões para inserir imagens, áudio ou vídeo, é tudo num lugar só. Bastante prático.

Mas nem tudo são flores, pelo menos pra uma parte dos usuários – os que  se preocupam em aprender a usar as ferramentas. Muitos já devem ter notado que, ao inserir imagens, uma das caixas simplesmente some logo depois que a imagem é carregada – a do atributo Título.

Pra quem tem o mínimo de dedicação com questões como SEO e se preocupa em atribuir título às imagens (embora a importância da title em imagens seja discutida por alguns), a remoção da caixa no momento de inserir a imagem no artigo é um problema – não insolúvel, mas chato

Alt ou Title?

As marcações são causa de alguma confusão entre usuários iniciantes, embora simples de usar. Quando inserir a imagem pelo WordPress, é só atribuir um valor, seja através de uma mídia já presente na galeria, ou vinda de um url.

A caixa de title, mesmo quando a imagem está na galeria, desaparece e não atribui o título à imagem depois de inserida, como você notará (ou já notou).

Adicionando pela galeria de mídia:

Adicionando imagem da galeria no WordPress

Veja que a caixa de título até aparece. Ela fornece o valor do title – ou deveria fornecer. Em Texto Alternativo, o valor da tag Alt.

Ao adicionar a imagem, porém, o código gerado é esse:

<img class="alignnone size-full wp-image-1245" alt="Batman 1989 poster" src="http://www.url.com.br/wp-content/uploads/2012/12/batman-movie-poster.jpg" width="350" height="522" />

CADÊ O TITLE? O WordPress 3.5 comeu!

Pelas imagens vindas de url é quase igual: a caixa de título aparece, mas some assim que a imagem for carregada. Aguarde uns segundos e veja o exemplo:

Adicionando imagem de url

O title serve, originalmente, para criar aquele “balãozinho” (tooltip), dizendo algo sobre o link para o usuário saber mais antes de clicar – passe o mouse sobre a imagem acima e veja o exemplo. Infelizmente alguns navegadores mais antigos (adivinha qual?) começou a usar os alt (cujo propósito é ser um texto ALTernativo, que aparece caso a imagem não seja carregada, assim o leitor sabe o que deveria ver ali) para o trabalho do title. Os navegadores atuais corrigiram isso.

Só que a equipe do WordPress, pelo jeito, discorda, e com argumentos como “muitos usuários colocavam título bastante ruins como IMG_0001.JPG” nas imagens por acidente“, ferraram com quem precisa colocar facilmente titles nas imagens.

Segundo as palavras de Andrew Nacin, Líder de Desenvolvimento do WordPress:

This is a WordPress bug. I’m sorry (but not actually sorry) that the tooltip community has felt slighted by this one, but we won’t need to make a change. We made a choice, and this choice on the whole benefits all users and readers, not just those using screenreaders. How often have you moused over an image on a WordPress site and saw “IMG_1234”? One of the lamest things ever. Never again.

Traduzindo

Isso é um bug do WordPress. Sinto muito (na verdade, nem tanto) se a comunidade do tooltip se sentiu desprezada por tal, mas não precisaremos fazer uma mudança. Nós fizemos uma escolha, e ela como um todo beneficia todos os usuários e leitores, não apenas os que usam leitores de tela. Quantas vezes você já passou o mouse sobre uma imagem e apareceu “IMG_123”? Uma das coisas mais toscas. Nunca mais.

Fonte: ticket do WordPress

Tosco (sorry, tradução livre) é dificultar a vida do usuário que agora é obrigado a clicar no botão Editar (que aparece sobre a imagem), para então inserir um title. Se esse era o problema, bastava que a caixa não carregasse valor nenhum automaticamente: se ficassem em branco (como muitos iniciantes deixariam mesmo), o title também ficaria. Assunto resolvido.

Pelo que ando vendo por aí, como aqui, os usuários ficaram bem insatisfeitos com esse bug, mas a equipe de desenvolvimento e os moderadores de fóruns estão puxando a sardinha pra si e desprezando o impacto da amolação.

Botão Editar imagem
Quer colocar title? Clique no botão Editar imagem e só então a caixa aparecerá

O Que Fazer? Abandonar as Title Tags?

Fica por sua conta. Eu vou continuar inserindo o title nas imagens pelo editor popup da imagem, já que a marcação pode ser útil ao leitor.

Segundo palavra oficial do Google, o alt é mais relevante para seu bot:

…the “alt” attribute specifies an alternate text for user agents that cannot display images, forms or applets. The “title” attribute is a bit different: it “offers advisory information about the element for which it is set.” As the Googlebot does not see the images directly, we generally concentrate on the information provided in the “alt” attribute. Feel free to supplement the “alt” attribute with “title” and other attributes if they provide value to your users!

Traduzindo:

…o atributo “alt” especifica um texto alternativo para user agents que não possam exibir imagens, formulários ou applets. O atributo “title” é um pouco diferente: ele “oferece informação de advertência sobre o elemento no qual foi inserido”. Como o Googlebot não vê as imagens diretamente, nós geralmente focamos na informação fornecida pelo atributo “alt”. Fique à vontade para adicionar o atributo “alt” e o “title”, e outros atributos se eles somarem valor aos seus usuários!

Fonte: Central do Webmaster do Google

Mas não esqueça que seu site não serve só aos bots… humanos também passarão por ele, e um title bem atribuído pode ser bastante útil.

Author

Fundador do Tutoriart em 2010, é ex-instrutor de Photoshop, design web e gráfico. Em quase uma década de redação online, tem cerca de 1500 artigos publicados. Gerencia também o Memória BIT.

2 Comments

  1. Obrigado a um tempo estava procurando isso, agora sei porque no SEO do meu blog, fica essas afirmações faltando! agora tenho muitas para consertar.

  2. GuiaDaObra Fórum da Construção Reply

    Caramba viu… vou te contar esse povo… tô ralando aqui para “atualizar” todas as imagens do meu blog que já tem alguns anos, imaginem o trabalho… afff…

    Sempre tomei cuidado para configurar as tags, mas depois das últimas versões do WP, quando atualizaram o gestor de mídia, bugou tudo!

Write A Comment

Pin