Blogger Melhora Recursos de SEO (Personalizar Preferências de Busca)

O Blogger lançou diversas novidades: preferências de pesquisa que permite configurações de SEO (otimização para sites de buscas), personalizar o aviso de pagina não encontrada, incluir meta tags de descrição em cada post separadamente e algumas recursos extras em links como não seguir o link rel=”nofollow” que não deixa o Google rastrear o link que está na sua postagem que é útil para evitar punições (Como Evitar Punições do Google) no caso de links de outros sites.


Mas achamos que seriam muitos assuntos para uma postagem só por isso vamos fazer vários tutorial explicando cada parte dessas novidades e melhorias feitas pelo blogger. Hoje vamos começar mostrando como personalizar a pagina de aviso da pagina não encontrada do blogger. Entre em configurações > Preferências de pesquisa, veja o trecho Erros e redirecionamentos e clique para editar a  “Página não encontrada" personalizada.

configurar preferencias de pesquisa no blogger

Nesta caixa você pode escrever algum texto e usar html com limite de 10k isso é bastante código e você poderá deixar a mensagem que desejar quando alguém tentar entrar numa pagina que não existe no seu blog. Fizemos um teste com o código para mostrar postagens recentes e funcionou perfeitamente, ou seja, 10k é suficiente para criar uma ótima pagina de aviso.


Claro que essa é apenas uma sugestão você pode usar o como quiser, por exemplo, criando um menu personalizado ou alguns banners, veja aqui:
Colocar Efeitos em Fotos e Imagens: Bordas, Desenhos, Texto, Editar Cores
Editor de Imagens, Fotos e Banners Online
Fazer Menu com Imagens ao lado dos Links

Depois é só clicar para salvar e digitar um endereço do seu blog que não exista para ver o resultado, o jeito mais fácil de fazer isso é entrar na pagina de qualquer postagem e pagar alguma letra do endereço do nome do post, por exemplo, nossa pagina de Enquetes sobre Blogs o endereço dela é assim:http://www.dicasparablogs.com.br/p/enquetes-sobre-blogs.html

E se apagar uma letra vai para a pagina não encontrada, por exemplo http://www.dicasparablogs.com.br/p/entes-sobre-blogs.html.


Esperamos que gostem dessa novidade do blogger e criem uma pagina interessante para poder aproveitar melhor os possíveis erros nos links para o seu blog.

Nos próximos dias vamos mostrar como usar todos os outros novos recursos do blogger, mas queremos avisar a todos os blogueiros que tenham cuidado nas alterações de preferências de pesquisa como personalizar o robots.txt e Tags de cabeçalho de robôs personalizadas (veja:Erros na Indexação do Blog - Restringido por robots.txt). Só altere esses itens se tiver conhecimento de SEO por isso pode prejudicar seu blog e fazer perder muitas posições no Google ou até sumir dos resultados das buscas.

32 comentários :

  1. Tem como poe uma imagem ?

    ResponderExcluir
  2. tem sim é só colocar o código como se fosse um banner comum.

    mas já tem que colocar o código pronto na pagina das configurações da pagina não encontrada. Não tem como enviar a imagem diretamente pela pagina do blogger.

    veja aqui Como fazer um banner

    ResponderExcluir
  3. O que eu tenho que fazer pra ver como ficou minha página editada ?

    ResponderExcluir
  4. Como faço pra conferir a minha de erro pra ver se ficou direitinho ?

    ResponderExcluir
  5. Porque quando coloco uma url errada no meu blog ( ex: www.exemplo.blogspot.com.br/exemplos ) vai pra página inicial do blog e não pra de erro ?

    ResponderExcluir
  6. para conferir a pagina é só entrar numa pagina do seu blog e digitar qualquer coisa depois do endereço, por exemplo /akjt, assim:
    http://seublog.blogspot.com.br/akjt


    e sobre a outra pergunta da pagina
    www.exemplo.blogspot.com.br/exemplos

    ela vai para a pagina não encontrada como na imagem
    http://3.bp.blogspot.com/-HM8hvOkWIYs/T29hqKgdvhI/AAAAAAAADlQ/WAu2MapgZy4/s1600/personalizar-pagina-404-blogger.jpg

    ele vai para a pagina não encontrada como na

    ResponderExcluir
  7. Mas eu fiz isso que você falou, digitei uma coisa que não existe e voolta a página inicial. ( lembrando que o blog está fechado para somente administradores )

    ResponderExcluir
  8. Obrigada pelo modo como você explicou, fiz e deu certo, ficou melhor dividindo as partes para explicar e estou aguardando as próximas. obrigada mesmo.

    ResponderExcluir
  9. Anônimo
    só se for por causa disso que vai para a pagina inicial porque nos testes que fiz todos deram certo e usou o código digitado.

    aprendabiscuit.com
    eram assuntos demais para um post só.

    ResponderExcluir
  10. Tem jeito de eu alterar uma coisa na página de erro, eu queria que ela aparecesse com uma imagem cobrindo a tela inteira, não ela dentro da área de posts.

    ResponderExcluir
  11. não é possivel fazer porque o aviso está dentro no lugar da postagem do blog.

    fiz uns testes e consegui ocultar o conteudo do blog mas também não aparece o aviso justamente pelo que falei o aviso é como se fosse um post do blog.

    ResponderExcluir
  12. Este site é demais. Contudo, gostava que contivesse mais acessórios uteis para o blog, assim como códigos. Sem dúvida um dos melhores sites de dicas.

    ResponderExcluir
  13. Fabiano, coloquei uma coisa no meu blog, mas queria que ficasse invisível, que só eu vesse ( quando eu estivesse logado no blogger ), como faço isso ?

    ResponderExcluir
  14. gostaria de saber como atribuir metas title nos títulos dos post como o seu pra na hora que ao passar o mouse em cima aparecer o titulo no seu esta no meu não conseguir não pode mim ajudar

    ResponderExcluir
  15. Oiie..quero começar a fazer layouts htmlt free,mas ainda não sei como colocar o cabeçalho pelo html. Me ajudaria bastante se postasse ensinando :D

    ResponderExcluir
  16. andreset
    obrigado pela sugestão vamos fazer mais tutoriais sobre acessórios. Tem algum em especial que você estava procurando?

    Agnaldo
    acabamos de publicar sobre Colocar Descrição em cada Postagem do Blogger - Usar Meta Tags

    e lá tem algumas coisas sobre o title

    ResponderExcluir
  17. Cah!
    é melhor editar um template padrão do blogger do que criar um.

    mas o que está querendo fazer no cabeçalho? quer o código para dividir?

    se quiser ver aqui tem os códigos do cabeçalho do blogger
    Dividir Cabeçalho do Blogger em Dois – Design do Modelo

    .

    ResponderExcluir
  18. Fabiano antes desses recursos você tinha as metas tags no HTML do seu blog né? assim ex:
    <meta content='DESCRIÇÃO DO BLOG AQUI' name='description'/>

    Mas agora com esses recursos você tiro as metas tags do seu HTML?

    Fabiano você sabe de algum código que mostra o número de visualizações cada post teve?

    ResponderExcluir
  19. agora quando editar o proprio blogger coloca essas tags de descrição, por isso se fez alterações naquela parte é bom desfazer para não ter erros ao usar a nova função do blogger

    ResponderExcluir
  20. Eu tenho o sistema de comentários do Facebook. Tem como colocar uma mensagem (igual ao blogger) antes das pessoas comentarem?

    ResponderExcluir
  21. no facebook não tem essa opção, mas quando for editar o html do seu blog pode colocar o aviso diretamente no html do blog

    ResponderExcluir
  22. antes do código dos comentários do facebook.

    pode se depois de < post.body >

    ResponderExcluir
  23. Oi Fabiano!
    Eu fiz isso e deu certo. Incluí o código para "mostrar as postagens recentes" e apareceram, porém eu preciso mudar a cor da fone, que é preta, pois o fundo do meu blog é escuro. Gostaria de saber em qual parte do código posso mudar a cor da letra. Grata. Elis.

    ResponderExcluir
  24. Elis Culceag mas quer editar o texto da pagina somente? pode usar o código div, assim:

    < div style='color:#fff' > texto < / div >

    e o texto ficará branco

    ResponderExcluir
  25. Fabiano
    Eu coloquei um código para mostrar minha lista de minhas postagens:

    http://www.arquivopassional.com/2012/04/elis-de-abril.html

    Eu quero colocar uma frase antes dessa lista que está aparecendo, tipo "A página que você procurou não existe, mas veja a lista de postagens disponíveis:"
    Só que esse texto está ficando em preto, e eu quero que ele fique em branco. Tentei usar o código que você deu acima e substituir a palavra texto pela frase, mas não funcionou. Ou eu devo usar esse código div de outra forma? Grata. Elis.

    ResponderExcluir
  26. Elis Culceag
    você tem que colocar os links na caixa de texto nas configurações do blog como mostramos na segunda imagem do tutorial.

    o código html do link é assim:
    < a href='http://www.dicasparablogs.com.br/2012/03/colocar-descricao-em-cada-postagem-do.html' >Colocar Descrição em cada Postagem do Blogger - Usar Meta Tags< /a >

    ResponderExcluir
  27. Oi Fabiano!
    Talvez eu não tenha expressado minha pergunta direito. Eu quero deixar como está, olha aqui:
    http://www.arquivopassional.com/2012/04/elis-de-abril.html
    e apenas acrescentar uma frase antes, que precisa ser em branco pois meu fundo é preto, será que dá?
    Elis.

    ResponderExcluir
  28. Elis Culceag
    sim é possivel, aquela frases pode ser a descrição do blog ou um gadget de texto ou até mesmo html/javascript.

    mas qual é o seu problema? colocar a cor no texto? ou trocar a cor de fundo?

    pode usar esse código:

    < div style='color:#fff;background-color:#000' >texto que desejar < / div >

    se precisa veja aqui o Código das Cores

    ResponderExcluir
  29. Fabiano, deu certo!
    Obrigada e um ótimo feriado pra você!
    Bjs... Elis Culceag.
    www.arquivopassional.com

    ResponderExcluir
  30. coloquei o baner do meu blog e ficou muito bacana

    ResponderExcluir