12 de julho de 2016

Pacote de meta tags otimizado 2016 para Blogger

Tags


O SEO (Search Engine Optimization) é uma das partes se não a mais importante para um blog de sucesso. Já publicamos aqui algumas dicas para melhorar o SEO do seu blog, onde abordamos diversos fatores que podem ajudar ou atrapalhar o SEO.

Neste artigo abordaremos as meta tags e mostraremos o melhor 'pacote' de metas para blogger. Essa meta tags foi pensada para elevar seu blog nos resultados de buscas.

Recursos da meta tags

  1. SEO completo: Pacote completo para embalar o seu blogger.
  2. Títulos otimizados: Todos os títulos de paginas e posts otimizados.
  3. Comentários otimizados: Robôs ajudam indexar comentários do blog.
  4. Arquivos/Categorias: Índice de sua página de arquivos separadamente.
  5. Etiquetas/Tags: Índice de sua página de etiquetas separadamente.
  6. Verificação de código Google, Binge e Alexa: Verificação de todas as ferramentas para webmaster usando ID.
  7. Facebook e Twitter: Toda estrutura para as principais redes sociais pronta, facilitando o compartilhamento de conteúdo do seu blog.
  8. Robôs indexam seu blog no dia
  9. Google + Nome do autor e imagem de perfil compatível
  10. Facebook fã page compatível

Aplicando no blog

Agora que você já viu todos os recursos que esse pacote vai oferecer para o seu blog, é hora de você aprender a instalar ele no blog. Para isso siga os passos a seguir.

  1. Acesse o Painel do Blogger
  2. Vá até Modelo do seu blog desejado e clique em Editar HTML
  3. No editor, tecle CTRL+F5 e procure por <head> e logo abaixo cole o seguinte código

<meta charset='utf-8'/>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<meta content='blogger' name='generator'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<link expr:href='data:blog.url' rel='canonical'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<b:else/>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

<title>Página não encontrada - <data:blog.title/></title>

</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<meta content='noindex' name='robots'/>

</b:if>

<b:if cond='data:blog.searchLabel'>

<meta content='noindex,nofollow' name='robots'/>

</b:if>

<b:if cond='data:blog.isMobile'>

<meta content='noindex,nofollow' name='robots'/>

</b:if>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<meta expr:content='data:blog.metaDescription' name='description'/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>

</b:if></b:if>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>

<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.postImageThumbnailUrl'>

<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>

</b:if></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<b:if cond='data:blog.url'>

<meta expr:content='data:blog.url' property='og:url'/>

</b:if>

<meta expr:content='data:blog.title' property='og:site_name'/>

<b:if cond='data:blog.pageName'>

<meta expr:content='data:blog.pageName' property='og:title'/>

</b:if>

<meta content='website' property='og:type'/></b:if></b:if></b:if>

<b:if cond='data:blog.postImageThumbnailUrl'>

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

<b:else/></b:if>

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

<link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>

<link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/>

<link href='https://plus.google.com/GOOGLE+ID' rel='me'/>

<meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/>

<meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/>

<meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/>

<meta content='São Paulo, Brasil' name='geo.placename'/>

<meta content='SEU-NOME' name='Author'/>

<meta content='general' name='rating'/>

<meta content='Brasil' name='geo.country'/>

<meta content='pt_BR' property='og:locale'/>

<meta content='pt-br' property='og:locale:alternate'/>

<meta name="language" content="portuguese"/>

<meta content='https://www.facebook.com/NOME-DA-PAGINA' property='article:author'/>

<meta content='https://www.facebook.com/NOME-DA-PAGINA' property='article:publisher'/>

<meta content='FACEBOOK-APP-ID' property='fb:app_id'/>

<meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/>

<meta content='@usuario-twitter' name='twitter:site'/>

<meta content='@usuario-twitter' name='twitter:creator'/>
Altere as partes destacadas de acordo com as suas informações. Salve o modelo.

Pronto agora o seu blog está 100% otimizado para mecanismos de busca e compartilhamento em redes sociais.

Dúvidas? deixe um comentário. 


Classificação: 5 Pacote de meta tags otimizado 2016 para Blogger por em . Melhore o posicionamento do seu blog com meta tags atuais e otimizadas para blogger.

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

23 comentários

Ual, super completo seu post, gostei!
A lista de metas é realmente uma lista bem extensa não, nem sei se conhecia a maioria.

Algumas eu uso no meu blog, mas tenho uma dúvida, vejo alguns códigos que usam aspas simples (como o que disponibilizou) e outros que para as mesmas metas usam aspas duplas, a aí, no blogger que é diferente ou a questão das aspas não interfere.

Outra dúvida, vi que propoe GOOGLE+ID, o que necessariamente é colocado neste campo, acho que no meu esta Eli Martins para author.

Acho que tenho mais dúvidas rsrs, melhor parar.

Abs

Olá Eli,

Muito obrigado pelo comentário!

Vamos lá, as aspas duplas ou simples não vão interferir em nada, vai de cada pessoa que digita o código.

Quanto ao ID do google+ pelo que vi aqui o seu é 101376281902375221754, para descobrir é só você clicar na sua foto de perfil e na barra de endereços vai aparece o ID.

Qualquer dúvida é só comentar aqui, no que eu puder eu ajudo :)

Abraços

Devo apagar qualquer meta tag antiga e colocar essa no lugar? Para assim nao ficar com meta tag duplicada?

Olá Willian,

Afim de ficar um código mais organizado, sim, eu recomendo que você troque pelas metas tags que já tem.

Abraços

Francisco Alves delete 12/10/2016 01:58

Olá, amigo. Ótima dica.
Já utilizei algumas, tempos atrás, e agora tava querendo atualizar. Seu código é o mais completo que encontrei. Tanto que não tenho ideia do que colocar em 'GOOGLE-WEBMASTER-CODE', 'BING-WEBMASTER-CODE' e 'ALEXA-VERIFY-CODE'. E tbm não consegui localizar onde colocar as KEYWORDS. Desde já agradeço pelos esclarecimentos. Abraço.

Olá Francisco,

Essas propriedades que você destacou são para verificar a sua autenticidade sobre o site/blog. Uma vez confirmada você poderá utilizar essas ferramentas de Webmasters para monitorar as consultas nos buscadores, sitemaps dentre outros...

Já a propriedade Keywords ela está presente no código também, porém ela deixou de ser utilizada pelo google ok? O google entende que essa meta tag pode mais prejudicar o site do que ajudar, pois todas as palavras-chaves podem ser copiadas.

Espero ter sanado suas dúvidas e qualquer coisa estou à disposição.
Abraços

Muito Obrigada, foi bastante util :)
Mas avisando a galera, infelismente a ALEXA não aceita mais claims :/

O que tenho que substituir nesta parte? 'GOOGLE-WEBMASTER-CODE', 'BING-WEBMASTER-CODE' e 'ALEXA-VERIFY-CODE' (onde encontro estes códigos)

Olá,

Esses códigos são para verificar o seu site. É necessário para que você possa analisar palavra-chaves, sitemap etc..

Google Webmaster: https://www.google.com/intl/pt-BR/webmasters/
Bing Webmaster: http://www.bing.com/toolbox/webmaster

Qualquer dúvida estou à disposição.
Abraços

Copiei e colei essas metatags. Agora, não sei como alterar. Você pode me dar umas dicas.Obrigado.

Olá Sandro,

As dicas de como alterar estão no próprio código em suas respectivas tags.

No que você tem dúvida?

As duvidas são as seguintes:

1- As tags que estão com letras maiúsculas é que são para serem alteradas?
2- Coloco as alterações entres as aspas?

Me desculpe sou completamente leigo nesse assunto. Estou começando a entender.
Obrigado.

Isso mesmo Sandro!

As alterações ficam dentro das aspas. Altere os content's que contém letras maiúsculas.

Abraços

Obrigado!
Esse blog é demais, não pare de postar mano!

Olá Ruan,

Obrigado pelo comentário, me dá mais ânimo para continuar! Fique tranquilo que não vou parar não rs.. Logo tem mais novidades.

Abs

sim mas aonde que se encontra esse código do webmasters? eu já autentifiquei o meu site mas ainda não encontrei esse código

ata entendi, esse código é para verifica-lo usando o html, é que eu tinha usado o método do google analytics, então n tem problema se eu apagar ele né?

Excelente post!

Tenho uma dúvida. Será usado a mesma identidade para todos esses links?

'https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>
'https://plus.google.com/GOOGLE+ID/about' rel='author'/>
'https://plus.google.com/GOOGLE+ID' rel='me'/>

Obrigada.

Olá Cristina,

Fico feliz em ter ajudado.

E respondendo sua pergunta, SIM! Será o mesmo ID para essas marcações citadas.

Qualquer dúvida estou à disposição.
Abs

Ótimo blog. Parabens. Deixa te perguntar. Eu não quero por meta da alexa. E só joggar essa? E como e isso de facebook app id? Facebook admin? Eu ja verifique meu blog no google webmasters e tem o id mexido no meu blogger demas tem a meta tag de webmaster tools. Site verificado.
Como fazo? Da pra dar uma olha no meu blog? Preciso sua dica meu bro.
Outra pergunta: tem algum codigo para pagespeed insigt?
Obgd.
www.misterios-tv.blogspot.com.br

Olá,

Recentemente eu fiz outro post com as meta tags para 2017, veja aqui: http://www.codigosblogger.com/2017/01/meta-tags-seo-2017.html

Lá está mais detalhado tudo que você quer saber.

Abs

Olá Ebrahim. Obgd pela dica. Não diu certo os codigos, eles cauaarem alguns conflitos no blogger. E blogger não guardou, alem disso google pagespeed caiu o %, mais valeu a boa onda. So utilize as tags. Agradeço mesmo

Se não guardou então provavelmente você o fez em lugar errado no seu código.

Abs


Abrir lista de emoticonFechar lista de emoticon