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 publicação, 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


Abra o editor de postagem do Blogger e no lado superior esquerdo selecione a opção HTML, como mostrado na imagem:


2ºPasso


Cole as seguintes meta tags no HTML, editando-as de acordo com as informações da publicação:

<!-- Twitter Card INICIO-->
    <meta content="summary_large_image" name="twitter:card"/>
<!-- Titulo, URL & Descrição -->
    <meta content="Título do artigo" name="twitter:title"/>
    <meta content="URL do Artigo" name="twitter:url"/>
    <meta content="DESCRIÇÂO do Artigo" name="twitter:description"/>
<!-- Twitter -->
    <meta content="@SeuUsuarioDoTwitter" name="twitter:site"/>
    <meta content="@SeuUsuarioDoTwitter" name="twitter:creator"/>
    <meta content="LINK Do Seu Site" name="twitter:domain"/>
<!-- Twitter Card FINAL -->

As partes em vermelho são as que você deve editar, de acordo com a publicação. Você deve fazer o mesmo em TODAS as publicações, caso deseja que o card do Twitter funcione com os seus links.

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
 

Postar um comentário

0 Comentários