Pimenta com DendêExperimente.

Se você visita este blog mais que o lê através dos feeds (ou sempre faz uma visitinha para comentar no mesmo, obrigado ), com certeza já percebeu que, logo após o título do post, há um subtítulo descritivo da notícia.

Os subtítulos melhoram a experiência do usuário como um todo. Desta forma, ao iniciar a leitura do artigo, enquanto o título chama a atenção, o subtítulo informa e esclarece. Torna-se um grande atrativo, seja para o usuário trivial, seja para o que paraquedista que vem em busca de informação, seja para o assinante que visita o blog/site para navegar um pouco, e encontrar informações preciosas.

Minhas meditações sobre o WordPress junto aos monges esquizofrênicos do Tibet não foram a toa, de fato. Voltei renovado e triunfante, e esse insight surgiu num destes momentos em que não tinha nada melhor (ou pior) pra fazer: os subtítulos, quando colocados de forma inteligente, fazem a diferença sim. Vamos aos fatos:

Em primeiro lugar, em relação à estética. Melhoram bastante (e se melhoram!) a leitura do artigo, o deixando mais rico, mais exclusivo, além dos motivos já mencionados.

Em segundo (e principal): É uma ótima estratégia de SEO.

Você já deve saber que o bot do Google não consegue definir o que é relevante do que não é pelas simples leitura do texto, não é mesmo? E é para isso que servem as tags H. Portanto, ao colocar o título do seu post dentro das tags H1, por exemplo, você está indicando para o bot: “Olha isso! Isso é muito relevante para o texto”; se for dentro da H2, você já diminui um pouco a relevância, e por aí vai. Por isso, é importante ter um título bem sugestionável, e se a sua intenção é conseguir visitas através de buscadores, coloque-se no lugar do paraquedista, imaginando o que ele vai digitar para buscar a informação.

Não entendo porque tanta gente coloca o título do seu blog/site dentro das tags H1, e deixa os títulos dos posts dentro da H2 ou inferiores.

Como se alguém fosse chegar a este blog buscando encontrar Pimenta com Dendê. Fala sério, não sou macumbeiro.

Já deu pra entender como as tags do título são importantes, não? E se, ao colocar em H1 o título do artigo, você colocasse as informações do mesmo dentro das tags H2?

É aí que entram os subtítulos!

E se ainda, de quebra, você transformasse esse mesmo subtítulo que já está relevante em H2, na descrição da página, para que o usuário que venha através dos sistemas de busca o leia e se interesse espontaneamente pelo artigo, lá mesmo, do Google e afins? É aí que criatividade e o jogo de cintura muito fazem a diferença, e tudo fica blue (ou red, whatever).

Agora que você já entendeu o espírito da coisa, eu vou te ensinar como fazer isto, sem (quase) nenhuma complicação, sem plugins, e muito menos sem correr o risco de explosões. Caneta e papel na mão? Vamos lá:

O WordPress tem um recurso muito poderoso, que multiplica indefinidamente o seu potencial, mas que é esquecido por muitos (ou quase todos): são os campos personalizados, ou em bom inglês, os custom fields.

Não me adentrarei muito sobre o que é possível fazer com eles; o que posso adiantar é que é muita coisa mesmo.

O que você tem de fazer é criar um custom field exclusivo para o seu subtítulo, para que você possa adicioná-lo através da página de postagem, sem complicações. Para colocar o subtítulo logo abaixo do título, será preciso adicionar algumas tags em php, mas que não é nada que um copiar-colar não resolva.

Vejamos o primeiro código:

<?php if(get_post_meta($post->ID, “subtitulo”, $single = true)) : ?>
<h2 class=”subtitulo”><?php echo get_post_meta($post->ID, “subtitulo”, $single = true); ?></h2>
<?php endif; ?>

Este código irá chamar o conteúdo do seu campo personalizado, que terá o nome de “subtitulo”, e irá imprimí-lo na tela, no local em que você colocar o código acima. Mas antes de colocá-lo no seu tema, será preciso que você crie, ao escrever um novo artigo, uma nova tecla (ou key), de nome subtitulo.

Fazer isto é muito simples: na página para escrever um novo artigo do WordPress, localize na parte de baixo uma barra azul de nome “Campos Personalizados“, para a tradução em português, ou “Custom Fields“, para a versão americana. Caso o seu conteúdo ainda não esteja visível, expanda-a, clicando no “+” no canto direito da barra.

Lá, você verá uma imagem mais ou menos como esta:

Tudo que você tem a fazer é digitar “subtitulo” no campo Key (ou Tecla), e em Value digitar o que você quer que apareça no seu subtítulo – para o artigo que você estiver escrevendo, lógico.

Lembrando que isso só precisa ser feito no primeiro artigo a ser publicado com subtítulo. Nos próximos, bastará selecionar a chave que já estará salva e no menu drop-down (sem a necessidade de digitar o “subtitulo” no campo Key), e ir direto para o Value, digitando o seu subtítulo propriamente dito.

Pronto. Simples assim.

Lembra do código que eu coloquei mais acima? É só copiar o mesmo e colar na linha logo abaixo da tag <?php the_title(); ?> dos arquivos do seu template, por exemplo: se quer que os subtítulos apareçam na home e nos artigos individuais, você terá que colocar o código no seu arquivo index.php (ou home.php, a depender do tema) e single.php, respectivamente. Recomendo dar uma lida no Codex do WordPress no que se refere à estrutura dos temas, para ter um controle maior dos templates utilizados.

O que o código acima faz? Em primeiro lugar, ele verifica se, para o post em questão, existe um campo “subtitulo” com algum valor. Em caso positivo, ele imprime na tela, dentro das tags H2, o conteúdo deste campo (sim, aquilo que você digitou em Value), sem esquecer da sua classe, a .subtitulo (para fins de customização CSS; pode ser modificado para uma de sua preferência).

Pronto! Agora você já tem os subtítulos funcionando a todo o vapor no teu blog! E não doeu nada.

Pera, Hilder… Mas, e para transformar os subtítulos na descrição da página?

Tem razão. Havia me esquecido deste pequeno-grande detalhe.

É importante que você não esteja usando nenhum plugin gerador de descrições para a página como Head Meta, por exemplo, para que esta última etapa funcione corretamente.

Se o seu blog já contém a meta tag “description”, substitua-a pelo código a seguir; caso contrário, se não existir, coloque-o entre as tags <head> e </head> do seu arquivo header.php:

<meta name=”description” content=”<?php $descricao= ‘Coloque aqui uma descrição complementar para o seu blog‘; if(is_home()) { bloginfo(‘description’); echo “. ” . $descricao; } elseif(get_post_meta($post->ID, “subtitulo”, $single = true)) { echo get_post_meta($post->ID, “subtitulo”, $single = true); } else { bloginfo(‘description’); echo “. ” . $descricao;} ?>” />

O que este código faz? Basicamente, verifica se existe alguma informação no campo “subtitulo“, e, em caso positivo, a coloca como descrição do post; caso não exista, ou a página mostrada seja a home, uma descrição padrão é colocada, sob a forma de descrição principal do blog + descrição complementar (que você altera no código).

Simples, mas muito poderoso.

Ou você ainda duvida que o casamento de título h1 + subtítulo h2 que ainda vira descrição da página vai fazer o bot do Google resistir à tentação de dar uma maior relevância ao seu artigo? Eu não duvido!