Links sem imagem no Twitter - Blogger

Para o Twitter exibir as imagens do seu blog quando alguém compartilhar um link seu dentro da rede social é preciso inserir meta tags dentro do HTML da página, especificando o título que o card terá, descrição, link e por aí vai.

Para você que não sabe o que é card, é isso aqui ó:

Sem as tais meta tags que citei, o Twitter não terá as informações necessárias para gerar esse card, justamente por isso você terá que especificá-las sempre que publicar uma nova postagem.


1ºPasso

Entre em www.blogger.com e vá até tema. Em seguida, encontre a opção Editar HTML

2ºPasso

Ao abrir o editor HTML do seu blog, localize o elemento <head> no seu código. Insira a linha abaixo, logo após o <head>

<meta content='summary_large_image' name='twitter:card'/>
Em seguida, clique para salvar o tema!

Para verificar se funcionou, use a ferramenta Card Validator do próprio Twitter. Nela, cole o endereço da postagem que você inseriu as meta tags acima. Caso tenha dado certo, o resultado será semelhante a este:

INFO:  Page fetched successfully

INFO:  17 metatags were found

INFO:  twitter:card = summary_large_image tag found

INFO:  Card loaded successfully
 

Comentários