Diminuir taxa de rejeição com conteúdo relacionado no Drupal

A taxa de rejeição de um site é a porcentagem de visitas a uma única página. O usuário entra e simplesmente vai embora. Parece sinal de que seu conteúdo é fraco? Nem sempre.

Para manter o usuário navegando no seu site é preciso mostrar pra ele caminhos que ele possa seguir e mostrar caminhos na web é exibir links. Não pode ser qualquer link, mas links que aquele usuário se interessaria em visitar, ou seja, conteúdos relacionados ao que ele está visualizando.

No drupal existe um módulo que se encarrega de mostrar os conteúdos relacionados usando como referência as tags que você mesmo atribuiu: o Similar Terms. É só instalá-lo e colocar seu bloco no lugar e está feito.

No caso do Melancia na Cabeça foi diferente, o bloco não ficou legal então resolvi editando o node.tpl.php. Inseri um código assim:
<?php if (!$teaser):        
$conteudo_relacionado = similarterms_block('view');
if ($conteudo_relacionado['content']) {
print '<div class="similar-terms"><h3>Veja também:</h3>'.$conteudo_relacionado['content']."</div>";
}
endif; ?>

E o resultado você vê em qualquer um dos posts.

Dica CSS rápida para centralizar horizontalmente o layout

Post para alavancar minhas visitas. Sei que vai ter um montão de gente batendo aqui procurando por isso (liga risada maléfica)Muahuahua(desliga risada maléfica).

Uma das dúvidas mais populares de quem está começando a mexer com html e css é como centralizar seu layout. Existem muitas formas de fazer isso – algumas boas e outras nem tanto.

Começo pela melhor (a que eu uso e passo para quem trabalha comigo):

Width 100% no HTML body + margin 0 auto e clear both na div que envolve todo mundo

fica assim:

HTML, body {
width: 100%;
}
div#geral {
clear: both;
margin: 0 auto;
width: 775px; /* Não esqueça desse tamanho aqui */
}

A largura obviamente varia conforme a sua necessidade.

outra boa também é:

text-align no body e na div que envolve todo mundo

o código:

body {
text-align: center; /* Isso aqui é pro IE*/
}
div#geral {
margin: 0 auto;
text-align: left;
}

Uma que não recomendo usar, mas que tem um conceito útil para outras coisas é:

Position absolute com margin negativa da metade

Uma breve explicação: você coloca o layout começando no meio e “volta” com ele a metade do seu tamanho para que ele fique centralizado. Para layouts com largura de 770px, por exemplo, deve-se dar uma margem negativa de 385px.

O código:

div#geral {
position: absolute;
top:0;
left: 50%;
margin-left: -385px;
}

O princípio para centralizar verticalmente é o mesmo – 50% no top e “volta” com o layout pra cima com margin-top negativa, mas será que alguém ainda centraliza layout verticalmente?

Uma observação: onde tem div#geral você substitui com div#<id_da_div_que_envolve_tudo>.

Reli e faltou uma: a tag center. Simplesmente finja que não existe. É melhor.

Abraços!

Arquivo “i18n-ascii.txt” do Pathauto (Drupal) – Dica para instalação

Mais uma vez apanhei pro Drupal numa coisa idiota. Tenho travado uma batalha com o módulo Pathauto (que gera urls automáticas baseadas no título do post) quando coloco caracteres acentuados no campo title. Imaginava que existia algo bem idiota que poderia me ajudar, mas a pressa e a preguiça me afastavam de procurar.

Hoje cheguei ao meu limite quando reparei que o Google indexou duas vezes a mesma página – uma com o endereço certo e outra com o errado. Não vou dizer aqui que a culpa é do Drupal porque sei que foi idiotice minha.

Sem mais delongas apresento a solução: renomeie o arquivo i18n-ascii.example.txt para i18n-ascii.txt (dentro da pasta do pathauto) e depois faça o caminho “administrar” -> “URLs alternativas” -> “Automated alias settings” (sua tradução pode ser melhor que a minha…) -> “Configurações Gerais” e clique em “Transliterate prior to creating alias”.

Salve e livre-se desse incômodo irritante de uma vez.

Encerro com uma observação: por que o arquivo já não vem com o nome certo, para que a opção pudesse ser clicada desde o começo?

ps.: Vitória! Funcionou direito! (sim, fiz o post sem testar antes…)

update: Pode ser que a solução do seu problema seja o módulo transliteration!

Módulos Drupal essenciais

Pensei um bocado mas não consegui chegar ao meu primeiro post inteligente nem em uma boa comparação entre sites e locomotivas como meu amigo Victor do Design Labs. Na falta do que dizer atualizo então meu imenso modesto público com o que fiz no blog até agora.

Quem usa Drupal sabe que tem módulos que não vem na configuração original mas que são essenciais para a decência de um blog. Segue a lista dos que eu utilizei:

Feedburner
módulo para a substituição do RSS padrão do Drupal pelo endereço fornecido pela Feedburner (ferramenta para análise de acessos ao Feed do site)
Google Analytics
incluir a tag do Google Analytics no tema é o mais intuitivo, mas com esse módulo temos maior controle de onde ele aparecerá, além da opção de analisar por perfis do drupal, adicionar parâmetros de segmentação, etc.
TinyMCE FCKeditor + IMCE
dobradinha ideal para editar conteúdo sem dores de cabeça. Enquanto o primeiro cuida da edição do texto o segundo fica com o upload fácil de imagens. É bem fácil instalar tanto um quanto outro, pro primeiro você vai ter que baixar o javascript e colocar na pasta certa, mas é o processo é bem tranquilo. O FCKeditor resolveu todos os problemas que eu tinha com o TinyMCE, possibilitando escolher em quais textareas que eu queria wysiwyg entre outras coisas. O IMCE uso desde o começo e nunca me deu problema.
Token e Pathauto
o primeiro só veio porque é requisito pro segundo. O Pathauto faz nada mais nada menos que url amigáveis de graça para você. Se o título do seu conteúdo é “Popeye foi a feira” o pathauto sugere uma url como “popeye-foi-a-feira” o que é ótimo para buscadores. Para completar ele traz facilidades como inserção do tipo de conteúdo na url, substituição de caracteres, etc.
Views
campeão para muitas coisas este módulo (que traz alguns outros módulos junto com ele) serve para fazer… visualizações. Montar listas de conteúdo que seguem determinados parâmetros, categorizações, arquivos é a função deste módulo.
XML Sitemap
ainda na versão beta este módulo faz pra você um sitemap que pode ser enviado para a Google, através do Google Webmasters Tools o que agiliza a indexação do seu site.
Global Redirect
Verifica se a página solicitada tem alguma url mais amigável e aplica um redirect 301 se for o caso
Meta tags
Adiciona campos para a inclusão de meta tags no formulário de edição do node
Poormanscron
facilita a chamada ao cron. Com ele não é preciso configurar o servidor, ele mesmo vê se está na hora de chamá-la (o intervalo é configurável) e faz isso pra você
Scheduler
agenda a (des)publicação dos nodes. Ideal para aqueles que escrevem o artigo num dia mas querem que ele seja publicado só depois
Similar By Terms
é o “Veja Também”. Ajuda a manter o usuário navegando no seu blog, indo de um artigo para outro que esteja relacionado. Usa o taxonomy com base
Trackback
achei que fosse ser mais útil. Até agora não recebi nenhum trackback que valesse a pena. Em compensação enviei alguns e ele funciona direitinho

Além disso usei o Trigger (esse é padrão) para saber, por e-mail, quando chegou comentário novo.

Por enquanto é isso gente. Espero que este post seja útil e traga mais visitantes para essa nova casa!

Abraços e comentem!

ps.: No dia 9 de Abril 8 de Julho eu dei uma atualizada neste post.