Como configurar Twitter Cards para o seu blog - * Blog Elaine Gaspareto *

Como configurar Twitter Cards para o seu blog

Publicado em 09/08/2018

Tempo de leitura:

Como configurar Twitter Cards para o seu blog
Você compartilha seus posts no Twitter? Eu compartilho, não só os meus mas todos os que eu gosto e acho que mais gente pode gostar. Sei que o Twitter perdeu espaço para o Facebook, mas acredite em mim: tem um montão de gente legal lá, e francamente tenho gostado de seguir pessoas diferentes, todos os jornalistas que consigo, e alguns blogueiros diferentes do que seguia nas fanpages. O conteúdo é melhor, e tem ajudado o blog, que sempre foi um dos meus objetivos em qualquer rede social.

E fico pasma que, em pleno 2018, ainda existam sites e blogs, inclusive grandes, que não disponibilizar o Twitter Card para quem compartilha seus posts.
Não sabe o que é Twitter Card? Vou explicar:
Quando compartilhamos um link no Twitter, por padrão, ele aparece assim na TL:
Funciona e tal, mas é pouco atrativo, né? Mas se tiver uma imagem, fica muito mais interessante, concorda? Olha:


E pode ser como eu uso, imagem maior, bem chamativa mesmo:

Vamos aprender o passo a passo, caso seu template ainda não tenha o Twitter Card?
Vem comigo!


Como colocar o Twitter Card em blogs do Blogger?


Antes de mais nada precisamos saber se já não existe em seu template o Twitter card. Se você, por exemplo, inseriu as metatags para otimização em seu blog conforme ensinei aqui os cards já estão lá. Ou se seu template foi personalizado e seu designer inseriu, por exemplo...
Vamos checar?

Acesse essa página: https://cards-dev.twitter.com/validator
No campo indicado coloque o endereço completo de algum post seu (sempre começando com http ou https ok?) e clique em Preview card.
Vai aparecer a validação caso o Twitter card esteja ok em seu blog.
Assim:
Se não tiver vai aparecer assim:
E aí? Tem Twitter Card em seu template? Beleza, acabamos por aqui, um abraço e até breve! rsrsr
Não tem? Então vamos colocar, uai!

Acesse a aba Tema de seu blog e clique em Editar HTML. Dentro da caixa do código localize <head> e abaixo dela cole o CÓDIGO TWITTER CARDS.


Copiar o código


Onde escrevi SEU USUÁRIO DO TWITTER AQUI coloque, claro, seu nome de usuário do Twitter. O meu, por exemplo, é elainegaspareto.
Meu card ficou assim:

<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@elainegaspareto' name='twitter:site'/>
<meta content='@elainegaspareto' name='twitter:creator'/>

Fez tudo? Salve.
Teste de novo algum post de seu blog na página Twitter Card Validator e você verá que já valida.

Simples, fácil, útil e você bem que podia me fazer sorrir compartilhando esse post em seu Twitter, por exemplo...
Que tal?





1 comentários via Blogger
comentários via Facebook

Um comentário:

  1. A-DO-REI essa dica!

    Resolveu um problema que me incomodava há muito tempo lá no blog. Obrigada. ♥️

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