Vitor Macedo

Olá amigos desenvolvedores web. Hoje venho mostrar algumas técnicas de SEO que ajudam a deixar seu site em Joomla mais otimizado para as ferramentas de busca.

Este artigo é participante da promoção: Vá ao CoeSEO de graça!

Olá amigos desenvolvedores web. Hoje venho mostrar algumas técnicas de SEO que ajudam a deixar seu site em Joomla mais otimizado para as ferramentas de busca. Sou ainda novato na área de SEO mas vou ensiná-los a aplicar técnicas que aprendi apenas ouvindo podcasts e acompanhando grandes profissionais da área no Twitter. Quero deixar um abraço para dois profissionais que ainda não tive a oportunidade de conhecer pessoalmente, mas que é uma referência muito grande para mim, o Gustavo Guanabara(@guanabara) e o Fabio Ricotta(@fabioricotta).

As técnicas descritas aqui irão ajudar a mostrar como funciona no Joomla! e como você pode administrar isso no seu site, são elas:

• Tag <title>, título da página
• URL Amigável
• Tags cabeçalho <h1> e <h2>
• Meta Tags Descrição e Palavras-Chave

Tag <title>, título da página

A tag <title> ou título da página, é o nome que é exibido na barra de título do navegador. No Joomla você controla a tag <title>, de duas formas, através do título do menu e através do título de um artigo.

Vamos aos exemplos:

Título da página inicial do Joomla

Para alterar a tag <title> da página inicial do Joomla, você terá que alterar o título do menu “Home” não necessariamente alterando o nome do menu.

No painel de controle do Joomla, vá ao menu Menus, clique em Main Menu e depois  sobre o menu Home para editar. Na coluna da direita, clique sobre “Parâmetros (Sistema)”.

No campo Título da Página insira o título que deseja que apareça na barra de título do navegador. E em Exibir Título da Página, selecione Não ou Sim caso que deseja que o título apareça também no corpo da página.

Uma das deficiências do Joomla é que nas páginas internas ele exibe somente o nome da pagina e não faz referência exibindo no final do título o nome do site.

Ex.: Vamos supor que eu tenha uma loja chamada “Loja Xing Ling” e um produto chamado “Celular com TV Digital, GPS, Wi-Fi e Camêra de 5.0 MegaPixel”. O Joomla irá exibir na barra de título apenas o título do produto, enquanto ficaria mais explicativo para o usuário se aparecesse na busca o nome do produto + o nome da loja, tipo:

“Celular com TV Digital, GPS, Wi-Fi e Camêra de 5.0 MegaPixel – Loja Xing Ling”.

O Joomla em seu modo original não faz isto, mas podemos instalar Plugin chamado Title Manager que resolve este problema. Depois de instalado é só entrar no menu Extensões > Administrar Plugin e procurar por System – Title Manager e customizar da maneira que for melhor para o seu site.

URL Amigável

O Joomla vem com um suporte para URL’s Amigáveis porém numa instalação padrão este recurso não vem ativado.

Para ativar este recurso, vá até o menu Site e clique em Configuração Global.

Na sessão Configurações de SEO, altere URLs Amigáveis para Sim e Usar mod_rewrite do Apache para Sim. E clique em Salvar.

Feito isto vá imediatamente até o diretório raiz do seu site Joomla no seu servidor web, localize o arquivo htaccess.txt e renomeie para .htaccess . Pronto, você acaba de ativar as URL’s Amigáveis no Joomla!

Mas como o Joomla atribui o nome nas URL’s Amigáveis?

O Joomla atribui automaticamente um nome para url amigável a cada item que você cria dentro do Joomla, seja um item de menu, um artigo, uma seção ou uma categoria. Dentro de cada item desses existe um campo chamado “Apelido” que deverá ser deixado em branco, que ao clicar o Joomla se encarregará de atribuir um Apelido de acordo com o Título que você forneceu.

Ex.:

Para o nosso produto: Celular com TV Digital, GPS, Wi-Fi e Camêra de 5.0 MegaPixel , o Joomla iria atribuir o Apelido: celular-com-tv-digital-gps-wi-fi-e-camera-de-50-megapixel e poderíamos ter uma URL amigável do tipo www.lojaxingling.com.br/produtos/celulares/celular-com-tv-digital-gps-wi-fi-e-camera-de-50-megapixel .

Tags cabeçalho <h1> e <h2>

Uma boa técnica de SEO é usar as tags de cabeçalho <h1> e <h2> sempre respeitando essa ordem, tipo <h1> – Título, <h2> – Sub-título, e nunca inverter a ordem. Essas tags variam de <h1> a <h6> e na ordem crescente, <h1> significa a tag de cabeçalho de mais importância e <h6> a tag de cabeçalho de menos importância. Utilize essas tags de cabeçalho e sempre com cautela, pois são tags que chamam muita atenção para as ferramentas de busca quanto a relevância do conteúdo da página.

Como podemos manipular essas tags no Joomla?

Quando desenvolvemos um template ou no caso alteramos um existente, colocamos uma tag <h1> que ficará responsável pelo cabeçalho do site, e dentro da tag <h1> colocamos o seguinte código:

<h1><?php echo $mainframe->getCfg(‘sitename’); ?></h1>

Através deste código poderemos manipular o conteúdo desta tag <h1> do cabeçalho do site pela área de administração do Joomla, indo no menu Site > Configuração Global e no painel Configurações do Site, alterar o campo Nome do Site de acordo com o que desejar.

A grande dificuldade da maioria dos desenvolvedores Joomla é a respeito das demais tags de cabeçalho já que quando inserimos algum conteúdo no Joomla, ele apresenta o titulo dentro de uma célula de tabela, tipo:

<td class=”contentheading” width=”100%”>Titulo da página</td>

A  GRANDE DICA é que podemos fazer um “hack” no código fonte do Joomla para inserir a nossa tag <h2> e ficar um código do tipo:

<td class=”contentheading” width=”100%”><h2>Titulo da página</h2></td>

Para acrescentarmos esta tag vamos ter que alterar o arquivo default.php que fica localizado em:  www/components/com_content/views/article/tmpl/ , onde www é o diretório raiz do seu site Joomla.

Precisamente na linha 15 e na linha 22 do arquivo default.php insira as tags:

<td class=”contentheading<?php echo $this->escape($this->params->get(‘pageclass_sfx’)); ?>” width=”100%”><h2>

<?php if ($this->params->get(‘link_titles’) && $this->article->readmore_link != ”) : ?>

<a href=”<?php echo $this->article->readmore_link; ?>” class=”contentpagetitle<?php echo $this->escape($this->params->get(‘pageclass_sfx’)); ?>”>

<?php echo $this->escape($this->article->title); ?></a>

<?php else : ?>

<?php echo $this->escape($this->article->title); ?>

<?php endif; ?>

</h2></td>

Pronto! Feito isto agora é só estilizar seu cabeçalho com CSS e deixá-lo da maneiro que mais o agrada.

Meta Tags Descrição e Palavras-Chave

O Joomla permite criar Meta Description e Meta Keywords para cada página em questão, porém existe a Meta Description e a Meta Keywords global, que assim que definidas, se tornam padrão de todo site se você não especificar as Metas para cada página.

Na área de administração do Joomla, vá até o menu Site e clique em Configuração Global, no fim da página temos o painel Configurações de Meta Dados, em Descrição do Site altere de acordo com um conteúdo que se trata realmente do conteúdo de seu site e não exceda 160 caracteres, esta descrição irá aparecer na busca orgânica quando seu site for encontrado, e em Palavras-chave do site, insira as palavras que tenham a ver com o conteúdo do seu site.

Esta primeira configuração de meta dados é a configuração global, e como havia falado anteriormente, ela será exibida em todas as páginas do seu site que os meta dados não forem configurados. Devemos na configuração global, configurar os meta dados pensando na página inicial do site, não seria legal se por exemplo um usuário encontrasse na busca “Celular com TV Digital, GPS, Wi-Fi e Camêra de 5.0 MegaPixel”  a descrição deste produto com a descrição referente a página inicial não tendo nada a ver com o título do mesmo. Para isso em cada artigo, na lateral direita, no painel de edição do artigo, devemos definir os meta dados no painel Informações de Meta Dados colocando a devida descrição e palavras-chave para a página em questão.

Pessoal por hoje é só. Espero que tenham gostado deste post, dúvidas me mandem pelo blog ou pelo meu Twitter @vitorsmacedo. Em breve volto com mais novidades.