Meta tags SEO para blogs 2018: como fazer meu blog aparecer no Google? - * Blog Elaine Gaspareto *

Meta tags SEO para blogs 2018: como fazer meu blog aparecer no Google?

Publicado em 18/12/2017

Metatags SEO para blogs 2018: como fazer meu blog aparecer no Google?

Em 2013 eu publiquei um artigo mostrando como fazer o blog aparecer no Google.
Inclusive é um dos posts mais vistos de todos os tempos do blog e está na primeira página dos resultados de busca quando pesquisamos "como fazer meu blog aparecer no Google"
Testa aí pra você ver. Na pesquisa Bing é o primeiro colocado.

O tutorial funciona mas está obsoleto, claro.
Afinal, SEO é algo dinâmico, abrangente e que muda todo o tempo.
Então chegou a hora de modernizar e atualizar o tutorial que ensina como inserir metatags no template e torna-lo amigável aos mecanismos de busca.
Vamos trabalhar?

Como inserir meta tags no blog?


Antes de ir ao código, umas considerações importantes que você precisa ter em mente para extrair desse recurso o máximo possível em benefícios para seu blog.

1- Este código imenso é importante mas não faz milagres.
Ele não vai transformar um blog mal escrito, com conteúdo pobre, erros de escrita, template pesado e não otimizado em um blog bem posicionado nos resultados de pesquisa.

2- SEO não é milagre, e inserir as metatags que vou explicar abaixo é o básico do básico.
Tão (ou provavelmente mais) importante que inserir metatags no código-fonte do template é ter um blog leve, que carregue rápido, que tenha muitos links apontando pra ele (links internos e externos) e que tenha postagens otimizadas.

3- Aliás, otimizar as postagens do blog é o que você precisa fazer hoje, caso ainda não faça.
Faça hoje, faça agora. Faça em todo post que publicar, sem exceção.

Leia agora, pra entender bem:


4- O código que vamos inserir em seu blog vai fazer todo o trabalho, praticamente de modo automático.
Ele vai, entre outras coisas:
a) fazer aparecer nas pesquisas a descrição do blog quando ele for pesquisado pelo nome;
b) fazer aparecer a descrição individual de cada post quando a pesquisa for algum post do blog.
c) fazer aparecer a descrição da postagem quando ela for compartilhada no G+ ou Facebook.
Teste, compartilhe este post e você verá a descrição que dei a ele :)
d) o código vai alterar o posicionamento dos títulos do seu blog; por padrão aparece, nos compartilhamentos, o nome do blog e depois o título do post. O correto é aparecer o nome do post antes.
e) corrigir a maioria dos erros de imagem quando compartilhamos um post no Facebook. Não todos, mas corrigirá a maioria.


Entendidas as observações vamos enfim às metatags atualizadas, versão 2018!

Para começar acesse a aba Configurações de seu blog.
Na sub aba Básico confira se seu blog é visível aos mecanismos de pesquisa e se ele é público.
Parece bobagem mas já encontrei blogs que não tinham esses requisitos e aí fica impossível.
Conferiu?

Ainda em Configurações vá até a sub aba Preferências de pesquisa e em Metatags clique em Descrição. Aí clique em Editar.
Ative a descrição de pesquisa marcando Sim.
Escreva a descrição do blog, até 150 caracteres.
Salve.
A minha meta-descrição é: Dicas para blogueiros, personalização de blogs, tutoriais e muito mais!
Pesquise Elaine Gaspareto no Google e a descrição aparecerá abaixo do nome do blog.

Caso queira que a meta-descrição apareça também no nome do blog basta alterar isso indo em Básico (ainda aí em Configurações) e editar o item Nome do blog. Mas eu não acho necessário.

Aplicando as Meta Tags Seo 2018 no blog


Aplicando as Meta Tags Seo 2018 no blog

Fizemos a parte simples, vamos agora fazer a parte trabalhosa.
Acesse a página com o código que vamos usar:


Copiar o código


Agora acesse a aba Tema de seu blog e clique em Editar HTML.
A seguir, dentro do código-fonte de seu template localize <head>
Está bem no começo, é a tag que marca o começo do documento HTML.
Abaixo de </head> você verá essa linha:

<b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

Apague conforme mostro na imagem:


E no lugar cole o CÓDIGO METATAG SEO 2018
Salve.
Calma, estamos na metade do processo.
Vamos preencher os campos que destaquei em letras maiúsculas.
Sim, isso é extremamente importante e tem que ser feito!


Como editar o CÓDIGO METATAG SEO 2018


No código que você acabou de inserir em seu template verá alguns campos em capslock.
São eles:

DESCRIÇÃO DO BLOG: coloque aí as palavras chave que melhor definem seu conteúdo. Também pode ser a descrição que colocou anteriormente na Descrição da pesquisa.
Para meu exemplo eu optei por palavras chave: Dicas para blogs, receitas, textos pessoais, personalização de blogs, livros, filmes, séries, resenhas, comidas, animais de estimação

USER-GOOGLE-PLUS é o seu nome de autor do Google+
Acesse https://plus.google.com/, clique em Perfil e o nome que aparecer é seu username. O meu, por exemplo, é +ElaineGasparetoParada

Em NOME DO ADMINISTRADOR coloque seu nome de autor; no meu caso é Elaine Gaspareto.
Para colocar os códigos de validação siga os passos abaixo:

Google Webmasters
1. Entre em Ferramentas para Webmasters do Google.
2. Clique em Adicionar um site.
3. Digite o URL do seu blog ou site e clique em Continuar.
4. A validação para blogs criados no Blogger ou sites criados no Google Sites é automática desde 2017 então não precisa colocar nada no código fonte e pode apagar a linha <meta content='CÓDIGO DE VALIDAÇÃO GOOGLE WEBMASTERS' name='google-site-verification'/>

Bing Webmaster
1.Acesse Bing Webmaster e faça login com sua conta Outlook, Windows Live, etc.
2.Em Adicionar um Site insira a url de seu blog e clique em Adicionar.
3.Na página que abrir clique de novo em Adicionar.
4.Vai aparecer um código, copie a sequência alfa-numérica que aparece entre parênteses.
5. Cole a sequência alfa-numérica no campo CÓDIGO VALIDAÇÃO BING

Meta tags sociais
Agora chegamos na parte das Meta tags sociais, leia com atenção, tá?

1- Onde está URL DE SEU LOGO coloque o endereço http da imagem que aparecerá quando algo de seu blog for compartilhado em redes sociais como Facebook e não tiver imagem no post. Pode ser seu logo, por exemplo.

2- Em PERFIL-FACEBOOK coloque seu perfil pessoal do Facebook. No meu caso é elainegasparetoparada

3- Em FANPAGE-FACEBOOK coloque a sua fanpage; no meu caso é ElaineGaspareto

4- Em API FACEBOOK coloque o ID de seu aplicativo Facebook.
Se não tem um precisa criar.
Para aprender como criar um aplicativo Facebook e gerar seu ID leia este post:


App criado? Cole o ID dele no campo API FACEBOOK.

5- Caso você nunca tenha precisado do CÓDIGO DE ADMINISTRADOR FACEBOOK precisa criar o seu.
Acesse: https://findmyfbid.com/ e no campo indicado coloque seu endereço de perfil Facebook.
E clique em Find numeric ID →
Assim:

Vai aparecer seu ID, copie e cole no capo indicado em seu template.

6- Em USER-TWITTER coloque seu nome de usuário do Twitter, precedido da @.
E está pronto!


Com esse tutorial simples e fácil de fazer (embora trabalhoso, entende a  ambivalência?) você aprendeu como inserir em seu template as Meta tags SEO para blogs 2018 e ajudar seu blog aparecer no Google, Bing e outros mecanismos de pesquisa.

Gostou?
Deixe nos comentários suas dúvidas, perguntas ou partilhas.
Isso é muito importante pra mim!
E se puder compartilhe esse tutorial em suas redes sociais...
Ajudaê, mig@s!






31 comentários via Blogger
comentários via Facebook

31 comentários:

  1. Essa postagem me ajudou muito! Obrigada :D
    Não fazia a mínima ideia desse código, mas já está devidamente instalado.

    Beijos.
    Blog Carolina Ribeiro

    ResponderExcluir
    Respostas
    1. Carolina, milagre não faz, mas ajuda e pra nós toda ajuda é bem-vinda, né?
      beijosss

      Excluir
  2. Oi Elaine,
    Agora fiquei em dúvida... vc colocou esta metatag no meu blog? preciso atualizá-la?
    Bjs

    ResponderExcluir
    Respostas
    1. Betty, tem as meta tags mas não exatamente essas, que são as mais recentes.
      Pode atualizar ou não, você decide...

      Excluir
  3. Desculpas, mas nem você usa esse atualizado...Como posso confiar se isso ai funcionar?

    ResponderExcluir
    Respostas
    1. O modo mais simples de descobrir se funciona ou não é testando. Na verdade seu template atual já tem tudo isso, em geral os baixados do site Themexpose já vêm com as metatags inclusas.
      E eu uso, não só isso, aliás... mas nem tudo que uso você conseguirá ver só olhando meu código fonte.

      Excluir
  4. Olá, tudo bem?
    No caso de quem já utiliza layout do Themexpose que já vem com metastag incluídas, saberia me informar se posso remove-las e adicionar as tuas?

    Abraços e obrigada.

    ResponderExcluir
    Respostas
    1. Jéssica, nesse caso eu manteria as metatags originais do template pois basicamente são a mesma coisa, altera bem pouco...

      Excluir
  5. ooi elaine o big webmaster é obrigatorio preencher pq quando coloco o link do meu blog ele vai para uma pagina aonde pede pra preencher umas informaçoes dai quando termino de preencher vou em salvar e nao salva entao nao aparece nada de codigo para copiar

    ResponderExcluir
  6. Muito bom seu artigo!
    Mas há problemas ao aplicá-lo.
    No painel do Blogger, ao editar HTML, aparece escrito: Erro ao analisar XML, linha 57, coluna 10: Attribute name "hre" associated with an element type "link" must be followed by the ' = ' character. Depois, o código se apaga automaticamente do HTML do blog.

    ResponderExcluir
    Respostas
    1. Claudio, talvez o erro tenha aparecido por já ahaver alguma alteração nessa parte do seu código fonte.
      Os testes que fiz foram em templates nativos do Blogger, sem personalização alguma nessa área, e modelos do Designer de Modelos. Não testei nos modelos de visualização dinâmica e nem nos novos modelos responsivos tipo Soho, Notável, etc... e nem em templates baixados da internet, que em geral já vem com essa área bem mexida.
      Talvez seja esse o motivo.
      Experimente em um template nativo sem personalização alguma nessa área, e veja se o erro aparece. Testei agora e pra mim deu tudo certo...

      Excluir
    2. Ôi, Elaine!
      Meu modelo é Marca d'Agua, e fiz personalização, alterando a cor de fundo. Meu blog é de Poesia: http://poesiaemprosaeversos.blogspot.com.br

      Excluir
    3. Claudio, eu notei que vc inseriu algumas metatags de identificação e outras de confirmação de propriedade no template, creio que seja por isso o erro, fica duplicado...
      Experimente realizar o processo em um template sem essas alteração no head, creio que dará certo...

      Excluir
  7. Oi Elaine! Eu sou uma das beneficiadas por adquirir o seu template Clarissa, ele é responsivo, lindo e estou muito feliz com este teu presente. Mas não consegui colocar essas meta tags no código fonte dele :( Já faz um tempo que acompanho o seu trabalho, e graças a isso eu perdi o medo de mexer no código fonte, é claro, sempre testando antes no blog de teste. E já procurei em cima e em baixo da tag head e não encontro o trecho que você mostra na imagem acima neste tutorial.
    Será que você já colocou essa nova versão de meta tags no template Clarissa? Como faço para ver isso? Gostaria muito de seguir este tutorial

    ResponderExcluir
    Respostas
    1. Jackeline, não instalei no Clarissa não.
      Mas não tem erro, a tag de abertura que precisa está bem no vomeço do código, 4ª ou 5ª linha.
      Não tem erro, está lá, eu agarantío rsrsrsr
      bjssss

      Excluir
  8. Toda a configuração do meu blog eu aprendi a fazer aqui...
    eu editei tudo certinho igual vc explicou mas na hora de salvar apareceu isso

    Erro ao analisar XML, linha 161, coluna 7: The element type "head " must be terminated by the matching end-tag "</head

    ResponderExcluir
    Respostas
    1. Mariana, se houve alguma edição anterior no template, na área que vc está editando, pode dar erro.
      Experimente antes em um blog "virgem", cuja área que vc vai trabalhar nunca tenha sido mexida.
      Aí vc verá se realmente é algum erro ou se é devido a alguma edição anterior que o template tenha sofrido.
      bjssss

      Excluir
    2. Eu tinha uma meta tags q vc já avia postado mas aí eu substitui por essa nova, mas o erro foi na linha 161 q não era nesse código de agoea

      Excluir
    3. Tenho outra pergunta rs... Vou configurando meu Blog só com os códigos q vc ensina... Ele tá bem configurado já... Porém eu amei o template Clarisse... Se eu colocar ele eu vou perder as minhas configurações né?

      Excluir
    4. Mariana, perde sim. Tudo que foi inserido no código fonte será perdido, afinal é um novo template.
      A maioria dos gadgets se mantém, menos menus e slides, se tiverem sido inseridos via html
      A melhor sugestão é instalar seu template atual em um blog de testes e aí ir recolocando no novo as coisas realmente importantes.
      Sim, dá trabalho rsrsrs
      bjsss

      Excluir
    5. gostei tanto que acho q vou fazer isso, ja salvei todos os codigos dos gadgets, que eu gosto rs... tenho tudo anotado acho que da pra mudar pq o seu template esta lindo e perfeito como sempre rs

      Excluir
  9. ✿ Oi, passadinha para conhecer o seu blog e te parabenizar pelo ❤Dia Internacional da Mulher!❤ Não somente hoje, mas todos os dias, que você seja reconhecida e amada.
    Garota, você é sensacional! muito grata!!! Já estou te seguindo!

    ✿ Meu blog: https://claudiaforte.blogspot.com.br/

    ResponderExcluir
  10. Boa tarde Elaine, muito bom o Tutorial.
    no meu blog uso o template free Seo Boost do themexpose, mas não encontrei o código que você manda apaga, mas mesmo assim consegui coloca as meta tags, mas quando pesquisa fica algo estranho, não mostra a descrição do blog, teria uma dica extra pra me passa sobre isso, de como resolver ?

    meu blog é Az Fórum | Atualizações e Informações!

    ResponderExcluir
    Respostas
    1. Salles, como os códigos de templates baixados da net variam muito entre si eu não sei dizer o que pode ser.
      Mas o ideal é que mostre a descrição do post e não do blog.
      E pra isso os posts precisam ter a Descrição da pesquisa, todos eles.
      Vc faz isso?

      Excluir
  11. não, mas vou fazer isso, brigado pela dica.
    em preferencias de pesquisa tem varias coisas a ser adicionado em relação a monetização e meta tag, é necessário adicionar algo na também, você teria alguma dica pra isso ?

    ResponderExcluir
    Respostas
    1. Eu não mexeria ali, só faça isso se souber bem o que está fazendo...
      No meu caso específico eu não ativei nada, deixei como é nativamente...

      Excluir
  12. Adorei. Fiz e funcionou, só depois que vi que meu template ja tinha, mas tenho que configurar. Configuro e fico com os dois?

    ResponderExcluir
    Respostas
    1. Danny, não fique com ambos não, duplicaria as metatags, escolha só um...

      Excluir
  13. Olá Elaine!!! Tudo bem??? Obrigada pela postagem! Dicas preciosas! Beijo grande!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…