Photo credit: timitalia

Olá, Anderssauro aqui.

Estava aqui mexendo nas tags do WordPress e fui fuçando e fuçando e pesquisando e descobri uma seqüencia de tags que podem deixar o seu title bem agradável aos olhos do Google. Abaixo as tags:

<title>
<?php
if (is_home()) { echo bloginfo('name'); }
elseif (is_404()) { bloginfo('name'); echo ' - 404 - Página não encontrada!; }
else if ( is_search() ) { echo ('Resultados para '); the_search_query(); }
else { wp_title(''); echo (' | '); bloginfo('name');}?>
</title>

Vocês sabem onde se deve colocar a tag title né? Se não sabem, não é aqui que vão aprender…

Ok, eu digo. Coloquem esse código antes da tag </head> no arquivo header.php

Não tem muitos posts sobre SEO e afins aqui no Blog Verde, mas dicas dessa sempre são bem vindas.

Este post tem como objetivo explicar, dentre várias maneiras, uma bem simples de adicionar colunas igualmente espaçadas em seu footer.

Você terá a liberdade de acrescentar o que quiser às colunas, leia este excelente post e descubra como é possível melhorar a navegabilidade do seu blog utilizando o footer. Repare que grandes blogs, ao quais posso citar o John e o Darren, utilizam esta parte com informações adicionais aos leitores.

No Brasil, até pouco tempo atrás poucos utilizavam o footer para algo útil, quase sempre apareciam só as considerações finais de tema e copyright. O nM por exemplo passou a utilizar o footer para algo interessante somente com o novo layout, antes aquele espaço era pouco aproveitado…

Vamos lá, primeiro adicione as linhas seguintes ao seu stylesheet:


!--adicionando colunas footer--!
#footercolumns {padding:2em 0 0 10%; }
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%; text-align:left;}
#footercolumns .first, * html #footercolumns .first{clear:both; margin:0; text-align:justify;}

Agora copie e cole as linhas seguintes ao seu footer (antes da tag </body>):

<div id="footercolumns">
<div class="inside">
<div class="block first">
<h3>Primeira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>Segunda coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
<div class="block">
<h3>terceira coluna</h3>
<ul>
<li>texto 1</li>
<li>mais um texto</li>
<li>outro texto</li>
</ul>
</div>
</div>
</div>
<br clear="all" />

O resultado será um footer como este:

Observei em um de meus blogs que o tempo de permanência estava relativamente curto, acreditava que o conteúdo poderia ser saboreado por mais tempo e a interatividade dos posts poderia ser otimizada para facilitar a navegação.

Imediatamente me indicaram um plugin que pudesse interagir os posts, o related posts. Encontrei problemas para instalar o plugin e notei que minha intalação deveria ser manual, encontrei este tutorial e ao perceber que teria que alterar o banco de dados do meu blog, fiquei descontente. Sempre achei que um bom plugin deveria ser de fácil instalação, senão acaba complicando mais do que facilitando…

Como alternativa ao problema encontrei dois plugins que estou percebendo sua importância à cada dia, se soubesse seriam os primeiros plugins de navegabilidade que eu teria instalado.

Um deles, o similar posts, exibe posts similares (dãaaa) ao post em questão. Instalei-o implementei a chamada de posts similares logo abaixo da matéria individual(single) e acima da parte de comentários. Configurei para uma chamada de 7 posts similares.

O outro, random posts, exibe uma lista com um número, predeterminado, de posts aleatórios. Implementei a chamada ao final da página de post individual(single) com 10 posts de chamada.

INSTALAÇÃO:

Para que os plugins anteriormente mencionados funcionem corretamente, necessita-se que este “plugin-biblioteca” tenha sido instalado. O Post-Plugin Library gera os posts que serão chamados pelo Similar Posts ou pelo Random Post.

Após a instalação do plugin-biblioteca faça o upload do similar posts e do random posts na sua pasta de plugins e clique em descompactar.

Vá até a guia de plugins ative-os e imediatamente configure na guia options o número de posts a serem exibidos (Number of posts to show:).

A chamada que deve ser implementada no seu editor de temas é a seguinte:

Para o plugin de posts similares:

<?php similar_posts(); ?>

Para o plugin de posts aleatórios:

<?php random_posts(); ?>

Nota: Aonde for implementada as chamadas aparecerá a lista de posts gerados pelos plugins…

- Crie conteúdo interessante, pense sobre o que seus visitantes querem ler e escreva a respeito com clareza e objetividade.

- Continue as discussões que achar pertinente, extender um assunto interessante para seu nicho de visitantes atrai links para seu blog.

- Opine e tente convencer com argumentos racionais, não se deixe levar…

- Cerque todas as saídas dos assuntos inerentes ao seu nicho. Imagine o que seus leitores vão buscar e escreva sobre o tema.

- Atualize seu blog com frequência, escreva, escreva e escreva. Fidelize o leitor…

- Utilize um layout de fácil navegabilidade, seus leitores agradecem.

Depois que fizer isso tudo, acrescente estas dicas de otimização para mecanismos de busca e pronto.

  A Emma Alvarez publicou, no seu site, uma lista com 25 hacks para dinamizar o seu WordPress. Eis a lista: Topo dinâmico, uma demonstração pode ser vista aqui. Essencial para grandes portais e deixa a aparência da página inicial mais limpa e organizada.

Imagens para quantidade de comentários. Este faz com que mostre quantos comentários determinado artigo tem através de imagens.

 

Estilos diferentes para cada post. É bastante comum, tanto para posts que merecem destaque quanto para comentários. Faz aquela “zebra” nos comentários, sabe? Cor sim, cor não.

Post fixo. Há posts que merecem destaque, mas tanto destaque que apenas trocar sua estilo não basta. Então, o que você faz? Deixa ele fixo no início da página. É isso que esse hack faz.

Abas de navegação no topo. Adiciona abas de navegação no topo do seu blog. Simples assim.

 

Imagens para categorias. Adiciona imagens para cada categoria do seu blog e são mostradas no post se você preferir.

Botão para data. Faz com que a data seja mostrada dentro de um botão, mas usando apenas texto.

Sobreposição de abas. Faz com que uma aba sobreponha a outra.

Escrever códigos no post. Bastante útil para quem tem um blog de programação.

Mostrar todas seus cadastros em rede sociais.

Thumbnail para posts. Outro hack muito útil para portais, ou revistas digitais.

Separar Trackbacks de comentários. Outro muito útil que eu uso no meu blog.

Modificar a tela de login do WP.Frescura, já que só você irá vê-la. Ou se você fizer um projeto em WP para algum cliente….

Adicionar novo botões na área onde escreve artigos.

Imagens em datas. Mais um de customizar a data com imagens.

Hover Menus. Quando vai mudando o estilo de cada item do menu quando você passa o mouse.

Customizar a página de arquivos.

Login na sidebar. Bom pra sites que permitem o cadastro de outros usuários.

Link no título do post. Dãr.Direcionar o Error 404. Se uma página não existe e ela é requisitada pelo leitor gera o Error 404. Esse hack faz com que você direcione o usuário à outra página de sua escolha.

Editar a sua página de Error 404. Explicativo. =D

Fazer com que os usuários desabilitem certos hacks sem causar problemas. Se eles quiserem. Óbvio.

Via!