Como personalizar o 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:
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.
, 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 != "item"'>
<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ção.
Nenhum comentário:
Postar um comentário