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

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:

• Mudar descrição na busca do Google

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:

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 Clube, 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”:

 

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.

Título da página principal no Google.

 

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ç