testar open graph sem login | Open Graph Preview e Gerador de Meta Tags

Use a ferramenta

Auditoria visual e tecnica via backend: busca HTML real da URL, extrai Open Graph, Twitter Card, icones, assets publicados, canonical, manifest, alternates, verificacoes, app links e permite copiar/baixar o que for possivel.

URL para auditoria

Resumo da coleta

URL final

Dominio

HTTP status

Tempo (ms)

Content-Type

Meta tags

Link tags

Assets descobertos

Snippets gerados

Meta tags HTML

<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Next.js metadata

export const metadata = {
  title: "",
  description: "",
  alternates: { canonical: "" },
  manifest: undefined,
  openGraph: {
    title: "",
    description: "",
    url: "",
    siteName: "",
    locale: "en_US",
    type: "website",
    images: [],
  },
  twitter: {
    card: "summary_large_image",
    title: "",
    description: "",
    images: [],
  },
  icons: [],
};

Campos principais

URL

Canonical

Site name

og:type

website

og:locale

en_US

twitter:card

summary_large_image

Titulo

Descricao

Infra publica do site

Favicon

Manifest

Robots meta

X-Robots-Tag

Tema

Autor

Publicado em

Atualizado em

Idioma meta

HTML lang

Content-Language

Server

Preview por rede social

domain.com

Titulo do preview

Descricao do preview do link compartilhado.

Icones visuais (0)

Ver, copiar URL, copiar imagem e baixar

Nenhum icone encontrado na URL auditada.

Imagens sociais e previews (0)

Open Graph, Twitter e imagens principais detectadas

Nenhuma imagem social encontrada na URL auditada.

Assets e arquivos descobertos (0)

Best effort: inclui arquivos referenciados no HTML, metatags, links publicos e manifest

Nenhum asset adicional foi descoberto nessa URL.

Diagnostico tecnico

Ajustar: og:title

Ajustar: og:description

Ajustar: og:image

Ajustar: og:url

OK: twitter:card

Ajustar: twitter:title

Ajustar: canonical

Ajustar: favicon

Ajustar: manifest

Ajustar: robots

Ajustar: imagem https

Ajustar: titulo <= 70

Ajustar: descricao <= 200

Verificacoes (0)

[]

App links (0)

[]

Alternates e hreflang (0)

[]

Feeds (0)

[]

Metatags coletadas (0)

Outras buscas desta ferramenta

Variacoes de busca que levam para a mesma ferramenta com foco em intencoes diferentes.

gerador de meta tags

gerador meta tags

gerador meta tags gratis

gerador meta tags online

gerador meta tags rapido

gerador meta tags sem cadastro

gerador meta tags sem login

gerador metadata nextjs

gerador metadata nextjs gratis

gerador metadata nextjs online

Guia rápido e contexto de uso

Preview de link para redes sociais e mensageria

A ferramenta simula a aparencia de links compartilhados em Facebook, LinkedIn, WhatsApp, X e Discord. Assim, voce consegue ajustar titulo, descricao, imagem e URL antes de divulgar a pagina.

Com essa validacao previa, fica mais facil reduzir problemas de clique, previews quebrados e cards sem imagem.

Auditoria completa por URL via backend

A pagina usa rota backend no Next.js para buscar o HTML real da URL e extrair metadados com menos limitacao de CORS do navegador.

Depois de validar os dados, voce pode copiar meta tags HTML e o objeto metadata do Next.js para aplicar diretamente no projeto.

Preview visual por plataforma com foco em titulo e descricao.
Diagnostico de tags obrigatorias ausentes ou incompletas.
Coleta de icones, manifest, canonical, alternates e hreflang.
Leitura de app links, verificacoes e metatags tecnicas.
Gerador de meta tags Open Graph e Twitter Card.
Gerador de snippet para metadata do Next.js.

Privacidade, limites e boas praticas

A auditoria consulta apenas a URL informada via backend para retornar os metadados encontrados no HTML e headers de resposta.

Mesmo com tags corretas, algumas redes sociais usam cache proprio de preview. Por isso, atualizacoes podem demorar para refletir apos a publicacao.

Perguntas frequentes

O que e Open Graph?

Open Graph e um padrao de meta tags usado para definir como links aparecem quando compartilhados em plataformas sociais.

Por que meu link aparece sem imagem no WhatsApp?

Geralmente por falta de og:image valida, imagem inacessivel, URL sem HTTPS ou cache antigo da plataforma.

A ferramenta consegue buscar tags automaticamente de uma URL?

Sim. A coleta e feita por rota backend no Next.js para reduzir limitacoes de CORS e ampliar a auditoria tecnica.

Posso gerar metadata para Next.js?

Sim. A ferramenta gera um snippet pronto com openGraph, twitter e canonical.

Qual tamanho de imagem e recomendado para preview?

Um padrao comum e 1200x630 com URL absoluta HTTPS para melhor compatibilidade entre plataformas.

Links úteis para continuar tarefas parecidas sem voltar para a busca.

JSON Formatter e Minifier

Formate, minifique e valide JSON grátis, sem cadastro e sem login, com feedback de erro e cópia rápida.

HTML Viewer com CSS e JS

Visualize HTML com suporte a CSS/JS, tela cheia e multiarquivos, grátis, sem cadastro e sem login.

Editor e Visualizador de Markdown

Edite, visualize e exporte Markdown online com upload de .md, modo tela cheia e saida em MD, HTML, PNG e PDF.

URL Encoder e Decoder

Codifique e decodifique URLs e parametros com suporte a caracteres especiais, query params e copia rapida.

Privacidade e processamento local

As ferramentas desta página rodam no navegador e não enviam o conteúdo digitado para backend. Isso melhora privacidade, reduz latência e ajuda na experiência mobile.