Meta tags do Twitter em HTML

Meta tags do Twitter em HTML

Para ter um URL de site exibido corretamente em um cartão do Twitter, algumas metatags extras são necessárias, com o identificador do editor, o título da página, a descrição do conteúdo de até 200 caracteres, o identificador do conteúdo do criador e uma imagem que deve ser maior que 120x120 pixels.

Meta tags do Twitter SEO em HTML

As meta tags a seguir devem ser usadas, com o modelo abaixo que pode ser copiado e colado.

Isso é apenas para cartões do Twitter, e a meta tag em HTML deve ser colada na seção head do código:

Gráfico aberto do Twitter

Para ter todas as especificações do cartão do site do Twitter, incluindo as metatags do cartão do Twitter e as metatags do gráfico aberto do Facebook, o código completo abaixo pode ser usado.

Isso abrangerá todos os cartões HTML de metadados de mídias sociais e permitirá um compartilhamento adequado dos seus URLs em todos eles:

Meta tags do cartão do Twitter

Depois que os metadados do Twitter forem implementados no site, compartilhá-los produzirá a aparência abaixo, pois o título, a imagem e a descrição serão recuperados corretamente pelo Twitter.

Validador de cartão do Twitter

Um aplicativo on-line para desenvolvedores está disponível no site do Twitter e permite que os devlopers verifiquem por si mesmos se os rich cards possuem metatags corretamente implementadas em seus sites.

Basta abrir a página da Web, colar um URL no qual os cartões rich do Twitter devem aparecer e ver os resultados ou os possíveis erros no caso de tags implementadas incorretamente.

Tamanho da imagem do Twitter

Aprenda o Basics de SEO: Inscreva -se hoje!

Aumente a visibilidade e o tráfego do seu site, dominando os fundamentos do SEO com nosso curso básico fácil de seguir.

Comece a aprender SEO

Uma imagem postada em uma postagem do Twitter deve ter pelo menos 120 pixels de largura por 120 pixels de tamanho, ou 120x120px.

Respeite esses requisitos mínimos para ter certeza de que suas imagens sempre aparecerão corretamente nas postagens do Twitter e farão com que elas tenham uma boa aparência.

Outras leituras

A fim de otimizar suas metatags para exibição de cartões ricos e outras mídias sociais que compartilham puroposes, dê uma olhada nesses ótimos sites cheios de informações úteis:

Meta tags do Twitter SEO

As metatags de SEO do Twitter que você precisa para usar os cartões do Twitter são as seguintes: site, título, descrição, criador e imagem.

After having implemented these Meta tags do Twitter SEO, sharing your website on Twitter will automatically pull these Meta tags do Twitter SEO from your website to display a Twitter card.

Perguntas Frequentes

Como os desenvolvedores da Web podem utilizar as meta tags do Twitter no HTML para aprimorar a aparência e as informações do conteúdo compartilhado no Twitter?

Para otimizar o conteúdo do Twitter, os desenvolvedores podem inserir metatags do cartão do Twitter no HTML de uma página da web. Essas tags (`Twitter: Card`,` Twitter: Site`, `Twitter: Title`,` Twitter: Descrição`, `Twitter: Image`) Especifique como os URLs aparecem em tweets, permitindo uma apresentação mais rica com títulos, descrições, imagens e até conteúdo de vídeo, melhorando as taxas de engajamento e cliques.