Busca:
  • Início
  • Contato
  • Arquivos
  • Blogroll
  • Política de Privacidade
  • Sobre o Autor
  • Assine nosso feed

    assinantes via feed

  • Seções

    • Blogosfera
    • Cultura Digital
    • Curiosidades
    • Dicas
    • Fatos
    • Humor
    • Hypes
    • Indagações
    • Internet
    • Linux
    • Memes
    • Monetização
    • Novidades
    • Opinião
    • Pepper Girls
    • Pessoais
    • ProBlogger
    • Tecnologia
    • Temas
  • Importante

    Tem um site ou blog, e quer ganhar dinheiro com ele? Ou então, quer divulgar o seu produto ou serviço para quem realmente pode interessar-se por ele, escolhendo o seu público alvo? Então, você precisa conhecer o Acalama.
  • Adicione

    Você pode adicionar este blog aos seus favoritos clicando aqui, ou adicionando em um dos destes locais:

    • BlogBlogs
    • Technorati
  • Arquivos

    • novembro 2009
    • novembro 2008
    • setembro 2008
    • agosto 2008
    • julho 2008
    • junho 2008
    • maio 2008
    • abril 2008
    • março 2008
    • janeiro 2008
    • dezembro 2007
    • novembro 2007
    • outubro 2007
    • setembro 2007
    • agosto 2007
    • julho 2007
    • junho 2007
    • maio 2007
    • abril 2007
    • março 2007
    • fevereiro 2007
    • janeiro 2007
    • dezembro 2006
    • novembro 2006
    • outubro 2006
  • Top 10 Comentaristas

    1. bruno (2)
    2. Marcos Venicius (2)
    3. Aline (1)
    4. Cludinho (1)
    5. glegle (1)
    6. lucas (1)
    7. Luciano (1)
    8. Lucio (1)
    9. tallita (1)
    10. Tuka (1)
  • Nuvem de Tags

    Amigos Bahia BBB Blogs Boas Notícias Bom Humor Carnaval Celulares Chuck Norris Comemorações Desabafo Dicas Downloads Encontro Essenciais Festa Filmes Gagdets Gambiarra Garotas Hoax Humor Negro Hype! Imagens Internet Explorer Iogurte Jabá Livros Memes Monetização Mulé Bunita Músicas Novidades Opinião Pessoais Problemas Profanação? SEO Super Idéias Tecnologia Temas Ubuntu Web Standards Wordpress Áudio e Vídeo

SEO Inteligente: Subtítulos no Wordpress

Aprenda como colocar subtítulos iguais a este logo abaixo dos títulos dos seus posts

Por Hilder Santos | Em 25/10/2007 | Arquivado em Monetização, Dicas, ProBlogger

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: Blogs, Dicas, SEO, Super Idéias, Temas

  • Registro de domínios .com.br livres para Pessoa Física
  • Sim! O Pimenta mudou de novo!
  • Blogurinhas: Até que enfim!
  • Novo Arcanjo.org no ar!
  • O Pimenta com Dendê está à venda
  • E o Orkut caiu na farra
  • Gyselle está no BBB 8!!!
  • 1° Encontro Blogs BA – Eu fui!
  • Explicações sobre o meu sumiço
  • Efeitos 3D nas janelas do Ubuntu
« Problemas no Internet Explorer A barra do TinyMCE do Wordpress sumiu? »

  • Feed dos comentários
  • URL para Trackback

18 Respostas para 'SEO Inteligente: Subtítulos no Wordpress':

  1. Gravatar
    Hilder via Rec6 disse:
    [25/10/2007 - 04:22]

    SEO Inteligente: Subtítulos no Wordpress
    » Pimenta com Dendê…

    Os subtítulos melhoram a experiência do usuário como um todo, seja na leitura do artigo, seja na estética do blog.
    Aprenda como colocá-los de forma inteligente em seus posts….

  2. Gravatar
    Usuário Hilder no diHITT disse:
    [25/10/2007 - 04:24]

    SEO Inteligente: Subtítulos no Wordpress…

    Os subtítulos melhoram a experiência do usuário como um todo, seja na leitura do artigo, seja na estética do blog.
    Aprenda como colocá-los de forma inteligente em seus posts….

  3. Gravatar
    celsojunior disse:
    [25/10/2007 - 08:14]

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

    Abraço, meu querido! =D

  4. Gravatar
    Everton disse:
    [25/10/2007 - 09:50]

    Bom Dia!

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

    abraços

  5. Gravatar
    Roberto Machado disse:
    [25/10/2007 - 23:07]

    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.

  6. Gravatar
    j. noronha disse:
    [26/10/2007 - 13:43]

    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.

  7. Gravatar
    Bender disse:
    [27/10/2007 - 21:52]

    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.

  8. Gravatar
    Felipe Veiga "Dent VII" disse:
    [28/10/2007 - 22:58]

    Ó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!

  9. Gravatar
    Grilo disse:
    [30/10/2007 - 00:29]

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

  10. Gravatar
    Hilder Santos disse:
    [31/10/2007 - 18:49]

    Opa, Grilo, beleza?

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

    Abraço!

  11. Gravatar
    Jair Soares disse:
    [6/11/2007 - 17:41]

    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

  12. Gravatar
    Dicas e tutoriais SEO: aprenda como otimizar seu blog WordPress - celsojunior.net disse:
    [9/11/2007 - 10:33]

    [...] 2 – Coloque o título do seu artigo dentro da tag H1. Aproveite para otimizar o seu tema fazendo com que mostre sempre o título antes do nome do blog. [...]

  13. Gravatar
    Dicas e tutoriais SEO: aprenda como otimizar seu blog WordPress disse:
    [20/12/2007 - 21:03]

    [...] 2 – Coloque o título do seu artigo dentro da tag H1. Aproveite para otimizar o seu tema fazendo com que mostre sempre o título antes do nome do blog. [...]

  14. Gravatar
    ILO Navarro disse:
    [27/1/2008 - 14:05]

    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.

  15. Gravatar
    Hilder Santos disse:
    [28/1/2008 - 00:34]

    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!

  16. Gravatar
    Tiago Celestino disse:
    [7/6/2008 - 22:26]

    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

  17. Gravatar
    Marta disse:
    [16/11/2008 - 20:55]

    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

  18. Gravatar
    PcSaudavel.com disse:
    [16/10/2009 - 19:36]

    Ótimas dicas parabéns pelo blog.

    Um Abraço

    Roberto

Deixe uma Resposta

Se você também quer que a sua foto apareça nos comentários, abra gratuitamente uma conta no Gravatar.com, com o mesmo endereço de e-mail utilizado para a resposta.
Caso este seja o seu primeiro comentário aqui no Pimenta com Dendê, ele pode estar sujeito a aprovação.


Observações importantes:

Por favor, restrinja o seu comentário somente ao contexto do artigo, evitando dizer algo que não se relacione com o texto, como propagandas e publicidade, por exemplo.

Lembrando que o seu comentário pode passar por moderação. O autor do blog não garante que ele será aceito ou não.

Conteúdo difamatório e preconceituoso não serão permitidos sob nenhum aspecto, e você correrá sério risco de ser banido do site para sempre, além de serem tomadas as devidas providências com o seu nome.

O seu IP será gravado, e caso infrinja as regras, seu comentário poderá ser editado, sua entranhas jogadas aos porcos e, na pior das hipóteses, você parecerá um fã da Barbie ou do RBD. Portanto, cuidado com o que posta.

Ao clicar em "Enviar", você concorda e declara que o autor do blog não tem qualquer tipo de relacionamento com o comentário postado (ou até mesmo com você), refletindo-se este apenas na opinião única e exclusiva do comentarista.

Ameaças de morte, tentativas de suborno, seqüestro e propostas indecentes serão ignoradas ativamente, e seu IP será divulgado para a Polícia Federal.

Ou melhor, pule as propostas indecentes.

 

Cauda Longa

  • Eliéser sai no paredão de terça-feira, dia 09/03
  • Perfil do Orkut dos participantes do BBB 10
  • Novas cédulas do real
  • Moedas verdes grátis no Colheita Feliz
  • Bairros cobertos pela GVT – Salvador, BA

Artigos Recentes

  • Novo blog no forno
  • Welcome back, Hilder Santos!
  • Akinator – O Gênio da Internet
  • (mais) Mudanças à vista
  • JamLegend: o Guitar Hero da web 2.0
  • Protele tudo e seja infeliz
  • BGourmet Salvador – Eu fui, e você também pode ir!

Admin

  • Login
  • WordPress

© 2006 - 2010 Pimenta com Dendê - licenciado sob a Creative Commons.

Usando o tema Red Pepper desenvolvido por Hilder Santos.

Rodando em Wordpress 2.8.6. Ícones por FAMFAMFAM e AVI Alkalay.

Validar CSS | Validar XHTML