Série Fazendo meu layout- inserir metatags e Rich pins no tema - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Série Fazendo meu layout- inserir metatags e Rich pins no tema

Publicado em 01/07/2019

Série Fazendo meu layout- inserir metatags e rich pinsno tema
E chegamos ao penúltimo (assim espero) tutorial da Série Fazendo meu layout!
Hoje vamos seguir dentro da área de otimização, fazer correções e ajustes do tema no qual estamos trabalhando e inserir as meta tags de identificação, recurso necessário para auxiliar os robots do Google e similares a encontrarem e indexarem seus posts.

Também vamos adicionar Rich Pins ao tema e aproveitarei para te mostrar como validar seu blog em sua conta comercial do Pinterest.
Vamos trabalhar?

Metatags no Blogger- como inserir


Como sempre tenho feito ao longo desta série gravei-a em vídeo.
Aperta o play!

Para começar a aula de hoje vamos adicionar metatags ao tema
Isso é importante para ajudar os robots dos mecanismos de pesquisa, como os do Google por exemplo, a localizar e indexar os posts de seu blog.
Essa é uma técnica simples de SEO, mas altamente recomendada.

Claro que não há milagre, é apenas uma das muitas coisas que podemos (e devemos) fazer para ajudar os mecanismos de busca a localizar, identificar e indexar nosso conteúdo.
Para adicionar as metatags em seu blog comece acessando a página com os códigos que vamos usar hoje:


Copiar o código


A seguir acesse o painel administrativo do blog onde estamos trabalhando e clique na aba Tema.
Aí clique em Editar HTML.
Bem no começo do código-fonte selecione como na imagem abaixo:
Substitua todo o trecho selecionado pelo CÓDIGO DAS METATAGS.
Salve.

Nota:
Quando começamos a editar o Tema Fernanda, nesta Série Fazendo meu layout, eu já havia acrescentado algumas metatags ao template, como por exemplo o Open/graph do Facebook, mas como eu gosto de códigos limpos reescrevi todo o código que estamos usando hoje, posicionando o Open/graph do Facebook junto com as demais metatags sociais.

Inserir seus dados:
Agora, aí nesse mesmo código que acabamos de adicionar você precisa inserir seus dados:

➡️ SUAS PALAVRAS CHAVE SEPARADAS POR VÍRGULA: aí você coloca ao menos 10 palavras-chave que melhor definem seu conteúdo, separadas por vírgula.
Podem ser palavras de cauda curta (uma palavra como por exemplo: receitas) ou de cauda longa (duas ou mais palavras como por exemplo: dicas para blogs).

➡️ SUAS PALAVRAS CHAVE SEPARADAS POR PONTO: aqui você repete as mesmas palavras-chave, mas desta vez separadas por ponto.

Nota sobre palavras-chave: não há consenso sobre elas junto aos especialistas em SEO. Uns amam e recomendam, outros dizem que não impactam, outros dizem que só servem para mostrar ao seu concorrente as palavras que você quer ranquear...
Eu sou do time que usa, então recomendo.

➡️ SEU NOME DE AUTOR: o nome com o qual assina seus posts, o nome de exibição de sua conta Blogger.
Esse nome pode aparecer nos resultados de busca mas o motivo de inseri-lo aqui é para, aos poucos, gerar autoridade junto aos mecanismos de busca.

➡️ SEU USUÁRIO DO TWITTER: sim, precisa.
Sim, pode deixar sem caso não tenha Twitter mas seu leitor pode ter e pode querer compartilhar seus posts lá. Aí você vai querer que o tuíte tenha a imagem de seu post, certo? Então, é pra isso que essa metatag serve.
Caso não tenha Twitter crie uma conta, uai...
Aproveita e me segue: @elainegaspareto


O que fizemos?
Adicionamos ao tema metatags de identificação, que vão ajudar os robots dos mecanismos de busca, tanto do Google quanto de outros, a localizar e indexar seu blog como um todo e seus posts, individualmente.


As configurações do Blogger- aprenda como fazer


Agora vamos mexer um pouco nas configurações de seu blog.
Acesse a aba Configurações e clique em Preferências de pesquisa.
No catálogo que aparecer selecione o item Metatags e no subitem Descrição clique em Editar.
Em Ativar a descrição de pesquisa? selecione Sim.
Vai abrir uma janelinha.

Dentro dela descreva seu blog.
Seja criativo, pense que é pela descrição que, muitas vezes, um possível leitor escolherá seu link dentre milhares de outros.
Use até 150 caracteres.
Depois de pronto clique em Salvar alterações.

Mas preste atenção!
Só isso não basta!
Depois de ter ativado a descrição geral do blog você notará que, quando for escrever um post, terá aparecido em seu editor de postagens o item Descrição da pesquisa.
Vai lá, crie uma nova postagem para ver.
Clique no item Descrição da pesquisa.
Na caixinha que expandir coloque a descrição de seu post.
Sim, descreva! Agora é a hora de usar palavras-chave que ajudarão o seu blog a ser escolhido quando alguém pesquisar sobre o assunto que você escrever.
Um exemplo?
Clique: slide para blog
Um dos primeiros resultados será este:
Veja a descrição do post.
Entendeu?
Ah, tem que fazer isso em todos os posts, sem exceção.

Página de erro personalizada:
A seguir, no item Erros e redirecionamentos, clique em Editar, no subitem "Página não encontrada" personalizada.

Abrirá uma janelinha.
É aí que você coloca o texto que seus leitores verão caso encontrem algum link quebrado em seu blog, ou algum endereço de post que não existe...
Quer um exemplo?
Clique: Como fazer uma festa infantil incrível em casa

Eu coloquei o endereço errado propositalmente.
Você, ao acessar, viu minha página de erro.
Então, é isso que você precisa criar para seu blog, uma página de erro personalizada.
Usei este tutorial:


Veja o vídeo abaixo, ele ensina como fazer:

Página de erro pronta?
Sigamos!


Rastreadores e indexação- como usar com segurança


O primeiro item da lista é Google Search Console.
Ao clicar em Editar abrirá a página do serviço, que no momento em que escrevo está dando erro.
Então vou agendar um post específico sobre o Google Search Console, com passo a passo, e atualizo este tutorial posteriormente. Por ora pularemos esta parte (calma, sem desespero!)
Combinado?

robots.txt personalizado: eu não mexi aí, e não recomendo mexer.
A menos que você tenha um conhecimento avançado nessa área. Eu não tenho, e nunca achei necessário alterar nada.

Tags de cabeçalho de robôs personalizadas:
Vamos ajustar um pouco essa área.
Clique em Editar.
Vai expandir os itens.
Marque assim:
E salve as alterações.
Essa marcação é exatamente a que eu uso aqui em meu blog.
Claro, é opcional, mas pra mim tem funcionado perfeitamente.

O último item é Monetização mas não vou falar disso agora, e na verdade nem precisa pois é opcional adicionar o arquivo .text aí.
Eu não tenho, além do mais isso é assunto para Adsense, que não pe meu foco aqui :)

Estamos terminando!
Falta inserir os Rich pins.
Para isso vou seguir este tutorial:
Como adicionar Rich pins em um blog do Blogger

Como eu disse no começo, tem que fazer!
Ignorar o Pinterest é um erro.
Então, mesmo que você nunca tenha usado nem se interessado saiba que seus leitores usam e gostam.
Então, use-o em sua estratégia para gerar tráfego.
Quer uma ajuda extra?
Fiz um tutorial para quem não tem blog, mas serve para voce, que tem.
Basta apenas converter (ou já criar) uma conta comercial.



E finalizamos a parte da otimização e inserção das metatags.
Mas...

Não há mágica, esses são apenas os primeiros passos da otimização.
Para fazer pelo seu blog o melhor trabalho de SEO possível eu recomendo vivamente as seguintes leituras, e, claro, sua aplicação em todos os posts de seu blog:




Sim, gente, tem que ler, tem que praticar, tem que fazer, em todos os posts.
Esse é um trabalho de médio prazo, ou seja: os resultados não aparecem em alguns dias, nem em algumas semanas, mas demoram.
entretanto são permanentes e duradouros.
Um tema bem feito não adianta de nada se os posts forem pobres e mal feitos, sem aplicar nenhuma otimização individual.
Nunca esqueça disso, tá?

Terminei por hoje.
No próxima aula da Série Fazendo meu layout vou te mostrar como criar a conta e configurar o Google Analytics em seu blog, além de fazer os ajustes finos que faltam ao tema.
Estamos terminando, e aposto que, quando começamos, você não fazia ideia do trabalho que dava, né?





4 comentários

  1. Olá Elaine! Obrigada pelas suas informações tão valiosas, cujo objetivo é dar nova vida aos nossos blogs. Usei todas essas orientações nos meus blogs.
    Abraços

    ResponderExcluir
  2. Olá Elaine mais uma vez obrigado pelos teus tutoriais, eu fiz a pagina de erro como está no teu video mas quando vai para um post não existente a pagina não aparece, eu só não publiquei a pagina tenho de publicar? De resto fiz tudo igual. Link da pagina https://bit.ly/2UGuf0K Blog https://www.blogueiraportuguesa.online/
    Beijinhos

    ResponderExcluir
  3. Olá Elaine, usei suas orientações para o meu blog, mas os códigos não estão funcionando como deveriam, apesar de eu colocar da forma como você explicou no blog não aparece as alterações. Como posso resolver isso?

    ResponderExcluir
  4. Olá Elaine, também tive dificuldade com os ícones das redes sociais, eles sumiram e tinha ficado quadrados pretos no lugar, agora não está aparecendo nada e não sei como fazer voltar. Você sabe o que pode estar errado?

    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.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
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…