SEO Inteligente: Subtítulos no WordPress

 
 

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. :D

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:

Captura Subtítulo 1

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! :D

Tags: , , , ,

Posts relacionados

19 comentários

  1. Parece transmissão de pensamento, mas ontem mesmo estava pensando nessa parada. hehe! Vou implementar. =P

    Abraço, meu querido! =D

  2. Bom Dia!

    Nusssssss!!!!! muito bom o material. Rapaz, realmente o subtítulo é de fundamental importância em um Blog/site.

    abraços

  3. Muito boa essa dica.

    Eu já tinha “intuído” a utilidade dos subtítulos e aplicado ao meu blog. Eu simplesmente coloquei o subtítulo com a tag H2 no começo do corpo do texto e aproximei do título via CSS.

    Porém, criar um novo campo e utilizar ele como descrição foi genial. Lá vai eu mudar o template e ver como funciona. ;)

    Um abraço quebra costelas do Beto.

  4. Muito boa a dica, vou por em prática na reformulação que estou planejando.
    Ah, só um adendo, o título que aparece na barra do navegador é considerado mais importante pelos buscadores, depois vem a tag h1.

  5. Acho q esse título só funcionará se tu tirar o adsense entre ele e o texto. desse jeito ele se mistura com o anúncio e ninguém vê.

    Ainda assim é uma boa idéia, principalmente para sites com pouca publicidade.

  6. Ótima dica!
    Também pretendo colocar em prática os subtítulos em breve! Só faltou uma foto do seu aumento nas estatísticas.
    Abraços!

  7. Amigo, vamos fazer parceria? Tenho o blog PutsGrilo!com (www.putsgrilo.com). Abraço.

  8. Opa, Grilo, beleza?

    Eu não faço troca de links, cara. De qualquer sorte, já assinei os seus feeds.

    Abraço!

  9. Ai, em Hilder?

    O cara tá arrasando!

    Tu tem talento, cumpádi!

    Bota essa máquina pra moer de uma vez, rapaz!

    parabéns pelo alto nível do post!

    Abraços

    Jair Soares

  10. Tem um erro em seu código Hilder, na parte em que está:
    ID, “pos_titulo”, $single = true)) : ?>
    ID, “subtitulo”, $single = true); ?>

    O certo seria:

    ID, “subtitulo”, $single = true)) : ?>
    ID, “subtitulo”, $single = true); ?>

    O pos_titulo é uma variável não declarada, por isso não funciona, corrija aí e parabéns pelo excelente blog.

  11. Opa, Ilo! Muito obrigado pelo toque, cara. Eu uso a variável pos_titulo aqui no Pimenta, mas acabei me confundindo na hora de postar o artigo.

    Já efetuei a correção.

    Obrigado, meu velho, pelo toque e pelo elogio.

    Abraço!

  12. Excelente post meu camarada Hilder, só que aqui não funcionou. :/

    Fiz a mesma coisa, apenas substituindo o h2 pelo o h3 e não funcionou.

    Será que fiz alguma coisa errada? Olha que utilizei a técnica co crtl c > crtl v rs rs :D

    Abraços

  13. Tem um erro na identificação de como eu cheguei aqui.

    Diz assim:
    Você chegou aqui procurando por “imagem junto com o título do blog em tema do wordpress” no http://www.google.com.br.

    Mas eu cheguei aqui pesquisando por:
    wordpress campos personalizados

  14. Ótimas dicas parabéns pelo blog.

    Um Abraço

    Roberto

  15. Você não tem noção do quanto me ajudou com esse artigo. Procuro por isso há meses e só agora acertei as palavras-chave no Google! HAHAUHA

    Muito obrigado, viu?

    abraços

Deixe um comentário