Gerador de meta tags Open Graph e Twitter Card

Gere meta tags de SEO, Open Graph e Twitter Card para suas páginas.

▸Title▸Description▸URL▸Image▸og:type▸Generated tags

<title>Toolbin</title>
<meta name="description" content="La boîte à outils du développeur.">
<meta property="og:title" content="Toolbin">
<meta property="og:description" content="La boîte à outils du développeur.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://toolbin.dev">
<meta property="og:image" content="https://toolbin.dev/og.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Toolbin">
<meta name="twitter:description" content="La boîte à outils du développeur.">
<meta name="twitter:image" content="https://toolbin.dev/og.png">

🔒 100 % no cliente — nenhum dado enviado

Gere meta tags Open Graph e Twitter Card para um compartilhamento perfeito nas redes sociais. Controle o título, a descrição e a imagem de pré-visualização dos seus links. Tudo é produzido no navegador, sem coleta de dados.

What is it for?

▸ Melhore a pré-visualização de um link compartilhado no Facebook ou LinkedIn
▸ Configure o Twitter Card com imagem e descrição
▸ Gere todas as tags og: e twitter: de uma vez
▸ Corrija uma pré-visualização de compartilhamento quebrada ou sem imagem

FAQ

Para que servem as tags Open Graph?

Elas definem o título, a descrição e a imagem exibidos quando sua página é compartilhada em redes sociais.

Preciso de tags separadas para Twitter/X?

O Twitter lê tags Twitter Card, mas recorre ao Open Graph quando elas não existem; adicionar ambas garante a melhor renderização.

Qual tamanho de imagem de pré-visualização devo usar?

Uma imagem de 1200×630 px é recomendada para uma exibição nítida e sem cortes.