Os cards do Twitter permitem que você adicione mídia aos seus tweets de divulgação. É de conhecimento de todos que atualizações em plataformas de mídia social com imagens são as que mais são compartilhadas. Uma boa maneira de adicionar elementos extras aos seus tweets, sem a chatice de ter que carregar uma imagem em cada tweet, é usando o Twitter Cards para fornecer automaticamente informações vinculadas ao seu blog. Você pode perceber quando os cards estão funcionando no exemplo abaixo.
Cardas não habilita:
Cards habilitado:
Os Diferentes Tipos de Cards
- Summary Card – inclui título, descrição, autor, miniatura e link.
- Summary Card com imagem ampliada – semelhante ao Summary Card, mas com uma imagem ampliada.
- Photo Card – inclui foto, título e link.
- Gallery Card – inclui quatro imagens, título, descrição e link.
- Product Card – inclui detalhes para produtos de e-commerce.
1. Copie e cole a meta tag no lugar indicado.
Depois de várias tentativas no meu blog, eu cheguei na meta tag abaixo. Funcionou perfeitamente, é só por o link do meu blog ou post no twitter que é gerado um card automaticamente.
Copie o código e cole abaixo de <head>.
<!-- Twitter Cards --> <meta name='twitter:card' content='summary_large_image' /> <meta name='twitter:site' content='@site_' /> <meta name='twitter:title' expr:content='data:view.title.escaped' /> <meta name='twitter:text:title' expr:content='data:view.title.escaped' /> <meta name='twitter:description' expr:content='data:blog.metaDescription' /> <meta name='twitter:creator' content='@autor_' /> <meta name='twitter:image:src' content='https://logo do blog' /> <meta name='twitter:domain' expr:content='data:blog.homepageUrl' /> <b:if cond='data:blog.pageType == "item"'> <meta name='twitter:description' expr:content='data:post.metaDescription'/> <meta name='twitter:domain' expr:content='data:post.url'/> <meta name='twitter:image:src' expr:content='data:blog.postImageUrl'/> <meta name='twitter:title' expr:content='data:blog.pageName'/> <meta name='twitter:text:title' expr:content='data:blog.pageName'/> </b:if> <!-- (end) Twitter Cards -->
OBS: tive um trabalhão para chegar nesse código, então se for reproduzi-lo deixe os meus devidos créditos.
2. Configurando.
@site_ : O @ do seu blog/site ou conta pessoal.
@autor_ : O @ da sua conta pessoal do twitter, pode repetir sem problemas.
https://logo do blog : Cole uma imagem da logo do seu blog.
3. Testando.
Vá para o Validador de card aqui digite o URL do seu blog ou postagem e Preview Card. Se não funcionar imediatamente, volte em algumas horas/minutos. Certifique-se de utilizar o URL correto. Geralmente, seu URL completo é deste modo https://seublog.blogspot.com.br
Assim que todas as exigências estiverem em verde, está tudo pronto. Agora tudo o que você precisa fazer é compartilhar seus links de blog e eles incluirão automaticamente o card apropriado. De forma alguma use encurtadores de URL. 😉
Detalhe, ao lado da caixa de postagem vai(talvez) aparecer uma nova opção intitulada "Descrição da pesquisa". Nela você dá um breve resumo do seu post.
Obrigado ao dono(a) do blog:Meu Tédio que me ajudou a chegar em partes desse resultado.😗
Obrigada pelo crédito! 😁
ResponderExcluirIsso ainda funciona no Twitter atual?
ResponderExcluir