Este recurso permite compartilhar conteúdo da forma correta no twitter aqui você aprenderá Como inserir o Twitter Card no Blogger e terá uma noção sobre twitter card.

Como inserir o Twitter Card no Blogger



Você já se deparou com a situação de compartilhar um link no seu twitter e ele mostrar um conteúdo estranho totalmente bagunçado?
Isto acontece porque você não sabia como inserir o Twitter Card no seu blogger.

O recurso que vou ensinar hoje, vai permitir compartilhar conteúdo da forma correta no twitter gerando um público maior para seu site e até ganhar seguidores para seu blogger no twitter usando o twitter card.

Veja a imagem dos resultados do twitter card ANTES / DEPOIS da alteração:

resultados do twitter card ANTES / DEPOIS

São quatro passos simples para ativar o twitter card no blogger

  1. Faça Backup do seu template (Clique aqui se não souber como).
  2. Encontre a tag <Head> na guia model/editar html do seu blogger.
  3. Copie o código abaixo e altere o campo em vermelho substituindo o usuário pelo seu
    usuário do twitter.
  4. Cole tudo abaixo da tag <head> ou seja entre as tags <head> e </head>.


<!--INÍCIO DO CÓDIGO TWITTER CARD-->
<meta content='summary_large_image' name='twitter:card' />
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='twitter:description'
/>
<b:else/>
<meta expr:content='&quot;Acesse o site  &quot; + data:blog.title + &quot; para ver o conteúdo completo .&quot;'
property='twitter:description' />
</b:if>
<meta expr:content='data:blog.homepageUrl' name='twitter:site' />
<meta content='@darlan_efc' name='twitter:creator' />

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.title' name='twitter:title' />
<meta expr:content='data:post.firstImageUrl' property='twitter:image' />
</b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<meta expr:content='data:blog.pageName + &quot; : &quot; + data:blog.title' name='twitter:title' />
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image' />
  </b:if>
</b:if>
<meta expr:content='data:blog.pageTitle' name='twitter:image:alt' />
<!--FIM DO CÓDIGO TWITTER CARD-->

E seu código final deverá aparecer desta forma repare no head destacado em azul e o código em vermelho.

Twitter card no head do blogger


Comente aqui em baixo, deu certo ou não? Estou disposto a ajudar a todos.


← ANTERIOR PROXIMA → INICIO

Comente com o Facebook

4 comentários :

  1. Qualquer dúvida estarei a disposição!

    ResponderExcluir
  2. Like your Site and Thanks for Reaching out to my site at http://timeandupdate.com

    ResponderExcluir
    Respostas
    1. I'm glad you liked my site.
      I do not speak your language, I went to your site using the google translator.

      Excluir
    2. Me too use google translation for your site and find articles really useful. I had no idea about twitter card for Blogger. i had just used for static html site. Thanks for this post too.

      Excluir

COMENTE SEM SPAM !

 

Além do site temos uma página de frases
Curta nossa página antes.

Login