12 de julho de 2016

Pacote de meta tags otimizado 2016 para Blogger


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.

Recomendamos também

13 comentários:

  1. 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

    ResponderExcluir
    Respostas
    1. 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

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

    ResponderExcluir
    Respostas
    1. Olá Willian,

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

      Abraços

      Excluir
  3. Francisco Alves12/10/16 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.

    ResponderExcluir
    Respostas
    1. 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

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

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

    ResponderExcluir
    Respostas
    1. 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

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

    ResponderExcluir
    Respostas
    1. Olá Sandro,

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

      No que você tem dúvida?

      Excluir
    2. 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.

      Excluir
    3. Isso mesmo Sandro!

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

      Abraços

      Excluir