Personalizar Título das páginas do Blog no Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+

Existem padrões na estrutura de um blog que são de grande valor, especialmente quando tratamos dos títulos de páginas ou seja, a forma como aparecem os títulos das páginas de seu blog quando se está dentro de um artigo ou na página principal. Isso é definido por algumas “tags” bem simples no código-fonte, mas têm um efeito muito importante para a boa indexação nos mecanismos de busca, melhora a navegabilidade de seu blog e identifica individualmente cada página e artigo. Vejamos como definir melhor os títulos das páginas de seu blog de forma individual.

Já tratei de algo bem parecido num outro artigo. Este agora é um bom complemento e é até mais objetivo e claro que o primeiro, mas fica a indicação de leitura complementar:

Explicando melhor.

Uma imagem para ilustrar o que estamos falando aqui: uma imagem vale mais que mil palavras. São duas janelas sobrepostas, onde uma (a superior) está mostrando minha página principal; já a segunda (inferior) está aberta em um de meus artigos. Nisso note os títulos que aparecem no navegador:

titulo-blog-janela-navegador

Para cada artigo de meu blog ou página que um visitante entra, o título na barra do navegador muda e aparece aí o nome da postagem específica e é possível determinar como fazer isso funcionar. Por padrão do Blogger isso já acontece naturalmente, mas se pode fazer algumas adaptações. Quem levantou essa questão para mim, pelo formulário de contatos foi o Pedro Vinícius do Pitaco Esporte Clubeurl_icon, que percebeu que suas páginas tinham sempre o mesmo título.

Mantendo o padrão do Blogger.

Como eu disse, os blogs no Blogger vêm com uma tag padrão em que acompanha os títulos dos artigos para cada página aberta. Para verificar esse trecho de código, vá ao painel do Blogger e clique no menu “Layout” ~> “Editar HTML” e procure no código-fonte, logo nas primeiras linhas, por isso:

<title><data:blog.pageTitle/></title>

ou isso:

<title><$BlogPageTitle$></title>

Modelo antigo das tags no Blogger.

O primeiro modelo é o mais comum e o padrão do Blogger. Essa tag determinará qual será o título de cada página do seu blog e o título da página principal será o nome que você deu a ele. Mas é possível você escolher outro nome ou adicionar informações ao título da página principal.

Entendendo a Tag Padrão do Blogger.

Usando a tag padrão, as páginas dos artigos terão como título o nome de seu artigo blog mais o nome do artigo, por exemplo:

[ Ferramentas Blog ]: Os primeiros 90 dias de um blog

E o título de seu blog na página principal será o nome de seu blog como está registrado no painel do Blogger, exatamente como está salvo e pode ser modificado no menu “Configurações” ~> “Básico”:

 

titulo-blog-configuracoes

Acontece um pequeno problema. O que você escreve aí é o que aparece também junto ao títulos dos artigos. Note que na primeira imagem das janelas do [ Ferramentas Blog ] o título da página principal está acompanhado de um complemento que não aparece na hora que se entra em um artigo. Eu padronizei meus títulos e é essa a forma como aparecem meus artigos nos resultados dos mecanismos de busca, bem como o título da página principal.

resultado-google-home

Título da página principal no Google.

 

resultado-google-artigo

Título da página de artigo no Google.

 

Você pode escolher como fazer isso mudando a tag padrão e fazer definições do título da página principal deferente das páginas dos artigos.

 

Mudando a customizando a Tag Padrão.

É preciso ir ao código fonte de seu blog e fazer uma pequena mudança. Não há risco algum nessa mudança e é fácil de reverter caso você não goste do resultado ou algo saia errado. Mesmo assim é importante fazer um backup de segurança de seu blog, então comece por aí – esse é sempre o primeiro passo.

Agora abrindo o menu “Layout” ~> “Editar HTML”, procure pelas linhas do título que mostramos logo no início do artigo, que provavelmente será exatamente como essa:

<title><data:blog.pageTitle/></title>

Você vai trocar toda essa única linha, por essa que segue, fazendo as devidas modificações:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<title>Nome do Blog | Pequena descrição bem objetiva</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Você vai modificar o trecho em vermelho exatamente como está. Onde primeiro vem o título do Blog e após a barra vertical (“|”), vem uma pequena descrição de seu blog. Mantenha a barra vertical para separar um de outro. Então salve o modelo e já estará funcionando em seu blog normalmente.

Mas isso  só será notado e só irá mudar os títulos de páginas de seu blog nos resultados dos mecanismos de busca depois de alguns dias, dependendo de sua indexaç

11 Comentários

  1. @Arierom,

    Isso é impossível determinar. Dependo da sua indexação no Google. Pode levar apenas alguns minutos como pode levar dias.

    O normal é esperar até 30 dias para fazer efeito em todas as suas páginas indexadas no Google. Mas, repito, é impossível prever.

    Responder

  2. Ficou bem legal o artigo, Marcos! Espero que com suas explicações, as pessoas que venham a ter o mesmo problema que eu, encontrem uma fácil solução. Um grande abraço e obrigado pela sua preocupação com os visitantes de seu blgo. Abraços!!!

    Responder

  3. @Pedro,

    Nesse caso não é recomendável. Mas vc pode. No caso os mecanismos de busca reconhecem a barra como um separador, por isso é o mais adequado.

    Responder

  4. Ok Marcos. Não vou mudar então, vou deixar como esta, pois já notei um aumento significativo de visitas desde quando fiz as alterações descritas nesse post.

    Obrigado e abraço

    Responder

  5. Muito bem, adorei este recurso, com toda certeza isto ajudará o mecanismo de busca do goolge encontrar mais facilmente o blog.Valeu!

    Responder

  6. Recomendo tava procurando isso !
    Ex: coloquei assim NOME DO BLOG | DESCRIÇAO RAPIDA!
    quando uma pessoa procurar por algum programa exemplo: JDownloader
    ae vai ficar assim nas pesquisas
    NOME DO BLOG | JDOWNLOADER
    a "DESCRIÇAO RAPIDA!" ira mudar para o nome da postegem XD

    (eu entendi assim)

    Responder

  7. Marcos,

    Gostaria de deixar aqui meus parabéns. Eu tinha visto alguns artigos na internet, mas nenhum funcionou tão bem quanto o seu.
    A maioria deles se refere ao mudar o nome do blog usando as opções do próprio blogger, mas isso não serviu para mim porque eu precisava de descrições diferentes do “título do blog” e do nome do blog que é exibido no navegador quando acessamos o blog.

    Mais uma vez parabéns, obrigado por compartilhar seus conhecimentos conosco.

    Um abraço,

    Claudio

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.