Ferramentas do Desenvolvedor

Utilitários simples e eficientes para agilizar seu fluxo de trabalho. Tudo rodando localmente no seu navegador.

Open Graph Preview

Visualize como seus links aparecerão no Facebook, Twitter, LinkedIn e outras redes sociais.

Título

35/70 caracteres

Descrição

127/160 caracteres

URL da Página

Nome do Site

URL da Imagem

Recomendado: 1200x630 pixels

Twitter Handle

Facebook / LinkedIn

seusite.com

Título da Sua Página | Nome do Site

Uma descrição atraente da sua página que aparecerá quando compartilhada nas redes sociais. Idealmente entre 150-160 caracteres.

Twitter / X

Título da Sua Página | Nome do Site

Uma descrição atraente da sua página que aparecerá quando compartilhada nas redes sociais. Idealmente entre 150-160 caracteres.

seusite.com

Meta Tags HTML

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://seusite.com/pagina">
<meta property="og:title" content="Título da Sua Página | Nome do Site">
<meta property="og:description" content="Uma descrição atraente da sua página que aparecerá quando compartilhada nas redes sociais. Idealmente entre 150-160 caracteres.">
<meta property="og:image" content="https://seusite.com/og-image.jpg">
<meta property="og:image:alt" content="Descrição da imagem">
<meta property="og:site_name" content="Nome do Site">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@seusite">
<meta name="twitter:title" content="Título da Sua Página | Nome do Site">
<meta name="twitter:description" content="Uma descrição atraente da sua página que aparecerá quando compartilhada nas redes sociais. Idealmente entre 150-160 caracteres.">
<meta name="twitter:image" content="https://seusite.com/og-image.jpg">
<meta name="twitter:image:alt" content="Descrição da imagem">