segunda-feira, 22 de setembro de 2008

Remover nome do blog do título da página (Blogger ou Blogspot)


Muitas pessoas já devem ter reparado que quando estamos em uma página de uma postagem qualquer do Blogger (ou Blogspot), o título da página, localizado na barra superior do navegador (figura 1), é composto por: "Nome do Blog" + "Título da postagem". Por exemplo, se o título da minha postagem é "Faces no Cabelo", então o navegador de internet mostrará "Blogueigoo: Faces no Cabelo" (figura 1).

remover nome do blog do título da página blogger blogspot
Figura 1: Título mostrado no navegador de internet

Agora é que vem a questão: "Quais são as vantagens de remover o nome do blog dos títulos das páginas?". Vou citar duas:


1 - Melhor posicionamento nos mecânismos de busca

A maioria dos mecânismos de buscas(Google, por exemplo) consideram o elemento TITLE (tag) de uma página como sendo um dos fatores mais importantes que influenciam o posicionamento de uma página nas buscas, principalmente se houver palavras-chaves no título (SEO). A função deste elemento nada mais é que dar um título para a página do blogspot. Procure deixar o título da postagem relacionado com o conteudo da postagem.


2 - Clareza com o usuario

No meu caso, a palavra "Blogueigoo" por si só não tem nenhum significado para o usuário que irá ler os resultados da pesquisa por "Faces no Cabelo" (figura 2). Como o tempo que o usuário olha para os resultados da pesquisa é muito curto, foi necessário a retirada do nome do blog. Esse exemplo foi no meu caso, mas nem sempre é interessante a retirada do nome do blog do título da página do Blogger (blogspot), por exemplo quando, tanto o título quanto o nome do blog, estão relacionados.

remover nome do blog do título da página blogger blogspot
Figura 2: Buscando o termo "Faces no Cabelo" na página do Google

A seguir será editado o elemento TITLE do blogspot. Aconselho que você baixe o modelo do seu blog para o computador (download) antes de fazer qualquer alteração no código HTML. Para isto, basta clicar em "Baixar modelo completo". Após ter feito isso, procure no código HTML o seguinte trecho:


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

e substitua-o por:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Com essas alterações já será possível ver o resultado no navegador (figura 3), mas demora um tempo para os sites de buscas atualizarem a indexação. Se você ainda acha necessário incluir o nome do blog no título da página, então veja abaixo o código já com as modificações necessárias para inserir após o título da postagem, caso contrário o tutorial para remover o nome do blog termina aqui.

remover nome do blog do título da página blogger blogspot
Figura 3: Título mostrado no navegador após a alteração no código HTML


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | Blogueigoo</title>
</b:if>

obs.: Não se esqueça de substituir a palavra "Blogueigoo" do código acima pelo nome do seu blog.

Caso queira saber mais sobre SEO, que nada mais é que otimizações feitas em um site (dentro e fora) para serem melhor visualizados pelos mecanismos de busca, visite os sites abaixo.

Fonte: Assess My Blog



notebook
Notebook
computador
Computador
teclado
Teclado
mouse
Mouse
monitor
Monitor

Veja também





10 comentários :
Alcione Torres disse...

Oi! Estou na correria sim. Mas pretendo colocar um desafio de hoje para amanhã lá no blog.
Estive doente e depois que melhorei precisei parar para escrever uns artigos para o Blogueiro Repórter. Agora deu uma folgada e quero retomar.
Um abraço!

http://sodesafio.blogspot.com/

Mary disse...

Olá, tudo bem! Vim retribuir a visita e conhecer seu espaço.
Adorei! Conteúdo excelente! Parabéns!
Bjs e bom fim de semana

Gerson Bastos disse...

Aqui no meu blog, deu tudo certo, agora só vou esperar o google atualizar meus posts que já estão indexados.

O título é de importância indiscutível para SEO e faz realmente a diferença.

Abraços

Vládia Queiroz disse...

eu queria saber como remover o nome da página fixa que aparece na própria página, deixando só o link. Tenho os links como menu, na horizontal, quando clico, abaixo na própria página aparece o nome que cliquei. Fica muito feio, a mesma coisa duplicada. Já procurei isso e não encontrei. Será que você sabe? se souber me escreve: vladiaqueiroz@gmail.com

Diego disse...

Oi eu queria Saber como eu faço para colocar aquela Imagem que fica no navegador onde coloca o www.googl...

Exemplo: [IMAGEM]www.google.com.br

Blogueigoo disse...

@Diego,

aquele tipo de imagem é chamado de FAVICON. Recomendo que você leia o tutorial do link a seguir:

http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html

Lap disse...

Oi, gostaria de saber como faço para tirar aquela logo do blogger que aparece no navegador da internet, vc tirou no seu blog e inseriu uma logo vermelha com um rosto. Se puder me ajudar o e-mail é afonsolap@gmail.com
Abraço

Blogueigoo disse...

@Lap,

aquela imagem se chama FAVICON. Leia o tutorial que eu indiquei no comentário acima do seu. Se mesmo seguindo o tutorial você não conseguir colocar o favicon, então comente aqui novamente relatando o problema para eu tentar te ajudar (alguns templates tem uma particularidade que impede a alteração do favicon).

RECEITASDMAIS - Site de receitas disse...

Muito bom

Parabéns

Reinaldo Mundo disse...

parabens me ajudo muito, não achei esse post em nenhum outro blog.