A Arquitetura de um Blog

Esteja ou não começando agora em um domínio próprio, você já ouviu ou vai ouvir falar, logo, logo, em SEO, ou Search Engine Optimization. Nada mais é do que Aperfeiçoar seu site para os Mecanismos de Busca.

Ao contrário do que muitos pensam, não se trata de usar um título chamativo, no estilo "veja fotos de Bender pelado, nu e sem calcinha" (tente entender aqui).

Aperfeiçoar um site para as buscas significa utilizar um código limpo e que siga algumas regras.

Você já deve ter ouvido falar e provavelmente já utilizou as tags h1, h2, h3 etc. Elas determinam a importância de cada parte, digamos assim, do seu site.

Comparando um blog a um livro, a estrutura seria mais ou menos essa:

h1 - É de longe a mais importante, é o nome do livro.

h2 - Capítulos.

h3 - Anexos.

As tags h4, h5 e h6 são as de menor peso, para partes voltadas mais a navegação do que conteúdo em si.

A maioria dos temas para Wordpress utiliza a tag h1 para o nome do blog e tag h2 para o título dos posts, O problema é que isso causa uma confusão quanto à importância das páginas.

Não esqueça que cada post que você publica é uma página individual. Logo, se você utiliza h1 para o nome do blog, está simplesmente repetindo o nome do seu livro em todas as páginas. Para ficar mais claro, vamos começar pela página inicial típica da maioria dos temas.

1 - Nome do Blog (h1)

2 - Descrição

3 - Título do post (h2)

Vamos analisar porque essa estrutura não é a ideal:

O nome do blog é o menos importante, já que dificilmente vai descrever muito sobre seu conteúdo. Além do mais, você não vai querer utilizar como nome "Programação em PHP para iniciantes" ou qualquer outra coisa com mais de 3 palavras. Isso fica bem na descrição. Logo, você não deve desperdiçar sua tag mais importante em algo que não diz nada sobre seu site.

O ideal, na página inicial, é utilizar a tag h1 para a descrição do site, mantendo h2 para os títulos dos posts e h3 para os comentários. O nome do blog pode usar a mesma tag h2 dos títulos, ou até mesmo um div próprio para isso.

Já nas páginas individuais, a coisa muda de figura. Se você escreve um post sobre "hábitos alimentares das doninhas", esse título passa a ser o mais importante para aparecer nas buscas. O ideal então é que essa seja sua tag h1, deixando h2 para a descrição do site.

Utilizando algumas tags condicionais, é fácil conseguir que sua página inicial tenha uma estrutura e as individuais outra. Essa é a estrutura que utilizo nos meus sites:

<div id="header">
<?php if ( is_single() ) { ?>
<h2><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h2>
<?php } else { ?>
<h2><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h2>
<h1 class="header"><span><?php echo bloginfo('description'); ?></span></h1>
<?php } ?>
</div>

Esse código faz com que as páginas individuais utilizem tags h1 para o título do post. Quando a página inicial ou de arquivos é exibida, a tag h1 passa para a descrição. Considerando que vários títulos são exibidos nessas páginas, é interessante focar a importância na descrição geral do site.

Depois, é só substituir a tag h2 das páginas individuais pela h1.

Por que não utilizar h1 em todos os posts da página inicial, assim como nas individuais? Simples, porque a tag h1 deve ser utilizada apenas uma vez em cada página, diferentemente das tags h2, que podem aparecer mais vezes.

Não confunda o título da página com as tags. O título é o que aparece na barra superior do navegador. Nas páginas individuais, o ideal é que o título corresponda a sua tag h1. Na página inicial, pode ser uma soma do nome do site mais a descrição.

Eu sei que tudo isso pode soar muito confuso para quem está iniciando e até mesmo para quem está na estrada há mais tempo mas não dá muita importância a esses detalhes. Se tiver alguma dúvida, utilize os comentários. Eu não sou nenhum especialista no assunto, mas posso compartilhar o que aprendi, muitas vezes no velho método tentativa e erro.

Mais dicas interessantes:

The Definitive Guide to Semantic Web Markup for Blogs

Br Point - SEO