Otimizando sites com CMS – Joomla (02)

Olá amigos! No último artigo passei algumas dicas sobre como melhorar:

• A estrutura de URL;
• Dos títulos (“title”); e
• Como declarar algumas meta informações.

Neste artigo vou explicar sobre como algumas boas práticas de marcação html, bem como de conteúdo, podem colaborar para a otimização de site no Joomla. Continuarei falando sobre algumas funcionalidades que permitem, de alguma forma, uma melhor leitura por parte do robô do mecanismo de busca e dos usuários.

O conteúdo é importante, grandes profissionais que trabalham com web sabem disso e autores de livros sobre usabilidade como Jacob Nielsen e Steve Krug, que já citaram e falaram muito sobre conteúdo. Na minha opinião, acredito que hoje, como nunca, o conteúdo é tão ou mais relevante do que qualquer técnica avançada de SEO.

Se vocês pensarem, do ponto de vista de um mecanismo de busca, qual o ganho de se entregar um resultado ao seu usuário, que não tenha relação ou mesmo menção da palavra-chave, imagem ou vídeo em seu conteúdo? Se o que o usuário busca é “X”, o “X” deve aparecer na página. Quando falo de conteúdo, não falo de um monte de parágrafos expondo determinada idéia, mas sim parágrafos, imagens, vídeos, entre outros que, unidos, fazem parte do conteúdo. Vivemos nosso cotidiano paralelamente a uma revolução dos meios de comunicação. Ou seja, não espera-se, como nos anos 90, entrar em uma página e encontrar só texto, e sim muito mais que isso: informação de forma amigável, dirigida e controlável.

“Controlável?” Você deve estar pensando. Sim, exatamente isso, trata-se de um artefato, um objeto qualquer, que agrega valor a determinada informação e pode ser controlado, ou seja: ligado e desligado. Um bom exemplo disso é um vídeo, uma música, uma longa animação, entre outros artefatos que podem “irritar” o usuário, caso não possam ser desligados.

Conteúdo no Joomla

Como a maioria dos CMSs de hoje em dia, o Joomla fornece uma barra de ferramentas muito eficiente para a criação e edição de conteúdo.

Imagem 01 – Barra de Ferramentas para edição de textos do Joomla

Essa barra permite desde a formatação de fontes até ajustes de parágrafos, entre outras funcionalidades.

Uma das técnicas de otimização utilizadas por algumas pessoas com o objetivo de obter boa relevância em alguns termos é a formatação de palavras, com tags de relevância, aquelas que propõem ao usuário a importância ou simplesmente informam o nível hierárquico de determinada informação. Um título por exemplo, pode ser formatado por um h1 (heading1), como no exemplo a seguir:

<h1>Título</h1>
<p>conteúdo</p>
<h2>Variação do título</h2>
<p>conteúdo</p>

No Joomla, em sua tela de edição, é possível definir títulos <h1>, <h2> e também texto em negrito (strong), além de definir também os metadados como mostrei no artigo anterior. Após entrar no “Content Item Manager” para edição de páginas, a seguinte tela fica disponível para esse feito:

Imagem 02 – Estrutura de títulos no Joomla

Sendo assim, é possível editar títulos <h1> e <h2> selecionando a palavra desejada e formatando com “Heading” 1 ou 2. As palavras que deverão ficar em <strong> devem ser ser formatadas com “B” de negrito (bold).

Não digo que o mecanismo de busca vai ou não relevar uma palavra só pelo uso deste tipo de tag, mas gostaria de provocá-los sobre essa questão. Acredito que a grande “sacada” é como a distribuição das palavras-chave acontecerão. Existem “N” teorias sobre como acontece a leitura por parte do robô, no entanto, dificilmente o mecanismo vai revelar como ocorre verdadeiramente.

A minha proposta nesse caso, e lembro também que não é uma matemática exata, é construir uma espécie de estrutura semântica, onde as informações sejam distribuídas do mais importante ao menos importante e/ou seguimentada. Dessa forma, independente de como foram inseridas as tags, haverá algum êxito na indexação e dessa forma a estrutura de títulos ajudará o usuário na leitura e entendimento do conteúdo.

Otimizando a busca por imagens

No Joomla, o atributo “alt” da tag “img” é definido no campo “Title” da tela de inclusão de imagens como mostra a imagem a seguir:

Figura 3 – Tela de inclusão de imagens

Recomendo que a imagem seja nomeada com uma palavra que representa seu contexto e que o “title” relacionado ao atributo “alt” também seja preenchido com alguma descrição da imagem. Uma associação do nome da imagem, texto alternativo, mais conteúdo relacionado, pode posicionar a imagem e mesmo o conteúdo desta página nas pesquisas.

No terceiro envio desta série, vou falar um pouco sobre código fonte. Até lá pessoal!