Início » » WordPress, WordPress Tutorials, blogging » Melhorar a navegação interna de um blog

Melhorar a navegação interna de um blog

Um bom sistema de navegação é crucial se queres melhorar a navegação interna no teu site e que os leitores permaneçam nele.
Um bom exemplo é o plugin Related Posts que através de uma série de funções mostra artigos com conteúdo idêntico ao artigo que está a ser visualizado.

Embora o plugin seja sem dúvida uma boa funcionalidade a adicionar a um blog por vezes não é o suficiente e o clique num dos artigos é dependente do titulo, o conteúdo pode ser excelente mas se o titulo não me atrai então não clico.

Algo que ainda não vi em nenhum blog é uma navegação adequada á categoria em que nos encontramos. Todos os sistemas de navegação estão relacionados com o conteúdo do post e nenhum com a categoria em questão.
Os sites noticiosos colocam categorias relevantes nas páginas dos artigos, desta forma quem está a ler um artigo sobre negócios tem em vista links para outras secções relacionadas com negócios e não com desporto por exemplo.

O mesmo deve acontecer com blogs, o blog de um artigo deve ter uma navegação de acordo com o conteúdo que é demonstrado e também disponibilizar facilmente a possibilidade de navegar para outras categorias caso seja esse o desejo do leitor.

Se tiverem atenção á página deste artigo irão ver que têm 2 links no final do artigo que apontam para artigos dentro da mesma categoria, isto permite que o leitor tenha fácil acesso a artigos relevantes a um assunto que lhe interessa.

Como criar link para o anterior / próximo artigo da mesma categoria

Este passo é relativamente simples visto que é apenas uma pequena alteração no código. Se o teu theme não tem o código com previous_post_link e next_post_link então é uma questão de copiares o código e adicionares onde melhor intenderes.

A maioria dos themes trás o seguinte código:

<?php previous_post_link('%link') ?>
<?php next_post_link('%link') ?>

Procura esse código no ficheiro single.php e altera-o para:

<?php previous_post_link('%link','%title' , TRUE) ?>
<?php next_post_link('%link','%title' , TRUE) ?>

Agora os links mostram o artigo anterior e o próximo artigo dentro da mesma categoria fazendo com que o leitor tenha facilmente acesso a artigos relevantes ao que ele está a ler.

Criar link para subcategorias nos artigos

Outra questão que tive em atenção foi disponibilizar a navegação a categorias que possam ser relevantes á categoria em questão.
Quem está a ler a categoria WordPress provavelmente terá mais interesse em ler as categorias plugins, wordpress tips e wordpress themes do que a categoria videos, speedlinking ou browsers.

Uma delas é mostrares as subcategorias dentro de uma categoria:


<?php
foreach((get_the_category()) as $categoria) {
echo $categoria->cat_ID . ' ';
}

Este código é necessário para teres uma variável com o valor do ID da categoria.


wp_list_cats('sort_column=id&optioncount=0&use_desc_for_title=0&child_of=$categoria->cat_ID'); ?>

O código vai primeiro buscar o valor do ID da categoria actual, depois usando o wp_list_cats vamos listar todas as subcategorias dentro da categoria actual.

Criar links para outras categorias

Outra opção, especialmente para quem não usa subcategorias :sorry:, é definir os links de acordo com a categoria em que se encontra.

Usando o exemplo em cima, se o leitor estiver dentro da categoria WordPress vou fazer referencia á categoria WordPress Tips, WordPress Themes, Plugins e também para a página de listagem dos artigos da categoria WordPress.

<?php } if ( is_category('wordpress) ) { ?>
<a href="/wordpress-tips/">WordPress Tips</a>
<a href="/wordpress-themes/">WordPress Themes</a>
<a href="/plugins/">WordPress Plugins</a>
<a href="/wordpress/">WordPress</a>

Se estiver na categoria WordPress então vai mostrar-me os links para as categorias que eu definir.

<?php } elseif ( is_category('blogging') ) { ?>
<a href="/blogger/">Blogger</a>
<a href="/blogapps/">Blog Apps</a>
<a href="/design/">Design</a>

E assim sucessivamente para as diversas categorias. Caso queiras definir um valor default basta aplicares um else:

<?php } else { ?>
Mostrar qualquer coisa que não está definido anteriormente
<?php } ?gt;

Espero que este artigo tenha servido pelo menos para dar ideias em como podes melhorar a navegação no teu blog.


Subscreve as Feeds

RSS Comentários Comentários

Tags HTML suportadas nos comentários:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>