28 de janeiro de 2017

SEO Blogger 2017

Tags

Pacote de meta tags amigáveis e válidas para você adicionar em seu blog e aumentar o seu tráfego. No ano passado eu já publiquei um pacote de meta tags, porém fizemos algumas modificações e incluímos novas metas importantes.



Você vai aprender a instalar e configurar as meta tags, vou destacar todos os pontos que você deve alterar. Meu intuito é que o seu blog melhore nos resultados consideravelmente com esse pacote.

Alguns blogueiros ainda não sabem muito bem o que é meta tags, então vou fazer uma explicação bem básica e rápida aqui.

O que é Meta tags

As meta tags  são linhas de código HTML ou "etiquetas" que, entre outras coisas, descrevem o conteúdo do seu blog para os buscadores. É nelas que você vai inserir as palavras-chave que facilitarão a vida do usuário na hora de te encontrar, por exemplo.

Meta tags SEO para Blogger 2017

Provavelmente no seu template já tem meta tags aplicadas nele, se você quer utilizar esse pacote, é importante que você apague todas as meta tags do seu template e adicione as seguir.

Atenção: Antes de fazer qualquer alteração, faça o backup do seu template.

  1. Acesse o Painel do Blogger
  2. Vá até Modelo do seu blog desejado e clique em Editar HTML, clique sobre o editor e tecle CTRL+F e procure por <head> e abaixo dele cole
  3. 
    <!-- [ Meta Tag SEO CodigosBlogger.com ] -->
    <include expiration='7d' path='*.css'/>
    <include expiration='7d' path='*.js'/>
    <include expiration='3d' path='*.gif'/>
    <include expiration='3d' path='*.jpeg'/>
    <include expiration='3d' path='*.jpg'/>
    <include expiration='3d' path='*.png'/>
    <meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
    <meta charset='utf-8'/>
    <meta content='width=device-width, initial-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 == "index"'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <b:if cond='data:blog.pageType != "error_page"'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if></b:if>
    <b:if cond='data:blog.pageType == "error_page"'>
    <title>Página não encontrada - <data:blog.title/></title>
    </b:if>
    <b:if cond='data:blog.pageType == "archive"'>
    <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 != "error_page"'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
    </b:if></b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='DESCRIÇÃO-DO-BLOG' name='keywords'/></b:if>
    <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
    <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
    <b:if cond='data:blog.pageType == "item"'>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
    </b:if></b:if>
    <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
    <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
    <link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
    <link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
    <link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
    <meta content='CODIGO-GOOGLE-WEBMASTER' name='google-site-verification'/>
    <meta content='CODIGO-BING-WEBMASTER' name='msvalidate.01'/>
    <meta content='Brasil' name='geo.placename'/>
    <meta content='SEU-NOME' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
    <!-- [ Meta Tag para Redes Sociais ] -->
    <b:if cond='data:blog.pageType == "item"'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta content='article' property='og:type'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta content='website' property='og:type'/>
    <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='"Visite " + data:blog.pageTitle + " para ler nossos artigos."' property='og:description'/>
    </b:if>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
    <b:else/>
    <meta content='URL-DA-IMAGEM-DO-BLOG' property='og:image'/>
    </b:if>
    </b:if>
    <meta content='https://www.facebook.com/PERFIL-FACEBOOK' property='article:author'/>
    <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
    <meta content='CODIGO-APPID-FACEBOOK' property='fb:app_id'/>
    <meta content='CODIGO-ADMIN-FACEBOOK' property='fb:admins'/>
    <meta content='pt_BR' property='og:locale'/>
    <meta content='summary' name='twitter:card'/>
    <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
    <meta content='USER-TWITTER' name='twitter:site'/>
    <meta content='USER-TWITTER' name='twitter:creator'/>
    
  4. Entendendo as meta tags e oque você deve alterar:
  5. DESTACADOCOMO PREENCHER
    DESCRIÇÃO-BLOGPreencha com descrições ou palavras-chave do blog
    USER-GOOGLE-PLUSPreencha com seu ID Google+ do blog, por exemplo: + CodigosBlogger2016
    CODIGO-GOOGLE-WEBMASTERPreencha com o código de validação Google no Webmaster Tools
    CODIGO-BING-WEBMASTERPreencha com o código de validação Bing Webmaster
    SEU-NOMEPreencha com o nome do autor
    PERFIL-FACEBOOKPreencha o seu perfil Facebook
    FAN-PAGE-FACEBOOKPreencha com o id da página no Facebook
    CODIGO-APPID-FACEBOOKPreencha com o código de Facebook App, poderia criar em https://developers.facebook.com
    CÓDIGO-ADMIN-FACEBOOKPreencha o seu código de perfil do Facebook, entrar em http://findmyfbid.com
    USER-TWITTERPreencha o seu nome de usuário Twitter
    URL-DA-IMAGEM-DO-BLOGColoque a URL de uma imagem que represente o seu blog, essa imagem vai ser exibida quando a URL principal do seu blog for compartilhada
  6. Depois de alterar, Salve o modelo.
Pronto! Agora seu blog está com as meta tags totalmente atualizadas 2017.

Dúvidas? deixe um comentário abaixo.

5 estrelas - baseado em 759 votos

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.

19 comentários

OLÁ POSSO ADD SOMENTO O " '' ? SE EU ADD SO ELE NAO TEM PROBLEMA NAO ?

Olá,

Não consegui visualizar.. Você pode colar o código aqui: http://www.codigosblogger.com/p/conversor-de-codigo-adsense.html clique em converter e manda aqui nos comentários, assim eu vou conseguir visualizar.

Aguardo

Boa tarde amigo, eu tenho que deletar todas meta-tags do html? ou somente as que estão dentro do Head? obrigado pela atenção.

Olá,

Todas as meta tags de um blog deve estar dentro do Head. Portanto você deve remover as meta tags existentes e adicionar a desse post para não dar conflito de informações.

Abs

Onde pegar esse Google Webmaster code e Bing Webmaster code?

Olá ODF,

O Google Webmaster você encontra aqui: https://www.google.com/webmasters
Bing Webmaster aqui: http://www.bing.com/toolbox/webmaster

Bom dia amigo, quando compartilhado uma postagem, a imagem que vai aparecer é a da postagem ou a que foi carregada, como fazer com que apareça a imagem da postagem em questão, obrigado pela atenção e dedicação.

Olá Flávio,

Eu não entendi a sua pergunta. Pode ser mais claro?

Olá amigo, show seus códigos estou usando há um mês e a diferença é enorme em tudo, google, redes e etc... Quero saber o que pode ser modificado para que páginas estáticas como fale conosco e nossos serviço apareçam juntamente com a página principal na pesquisa google. Agradeço desde logo

Olá Eduardo, muito obrigado pelo feedback =D

Quanto a sua dúvida, são vários fatores que podem fazer isso, como cadastrar o sitemap do site corretamente no Webmaster Tools.

Outras técnicas também como adicionar os links no rodapé de forma organizada, etc.

Ebrahim parabéns pelos posters do seu blog, aqui eu encontrei orientações avançadas para melhorar o desempenho para meu blog.

http://simplesfinancas.blogspot.com.br/

ainda não consegui aprovação do adsense, so pede pra aguardar, vc sabe alguma coisa sobre isso?

Muito obrigado Wellington! Infelizmente não tenho como ajudar na aprovação do Adsense pois não sei quais são os reais critérios que eles avaliam.

Muito bom Ebrahim!!!!

Só uma dúvida se puder me esclarecer... O conteúdo que já se encontra por padrão em baixo de head deve permanecer ou ser deletado?

Me refiro à isso aqui:

< meta content= (...) name='google-site-verification'/>
< meta expr:content= (...) name='viewport'/>
< b:include data='blog' name='all-head-content'/>
< title >< data:blog.pageTitle/>< /title >

< b:skin>(...)

< b:template-skin>(...)
< b:include data='blog' name='google-analytics'/>

Desde já obrigado!!!

Olá, obrigado :)

As meta tags você pode substituir sim, mas o b:skin não deve ser apagado! Pois nele está todo o estilo do seu blog.

boa tarde quantas palavras chaves posso colocar na descrição do blog

Bom dia, onde eu encontro templates 2017 prontos já com as tags SEO?
esse layout seu é disponivel pra download?

Não sei amigo, meu layout eu desenvolvi para o blog e é exclusivo, portanto não está disponível para download. Quem sabe quando eu lançar uma nova versão eu o deixe para download :)

Obrigado!
Adicionei em meu site: http://www.baixarpouinfinito.com


Abrir lista de emoticonFechar lista de emoticon