Open Graph Preview Online | Validate Link Cards and Generate Meta Tags

使用该工具

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)

快速指南与实用说明

Preview your link across major platforms

This tool simulates social card appearance for platforms such as Facebook, LinkedIn, WhatsApp, X, and Discord.

You can verify title, description, image, and domain presentation before publishing campaigns or product updates.

Backend URL audit with deep metadata extraction

The tool uses a backend route to fetch real HTML and parse metadata with fewer browser CORS limitations.

After validation, you can copy raw HTML meta tags or a Next.js metadata object for implementation.

Open Graph and Twitter field diagnostics.
Multi-platform visual preview cards.
Icon, manifest, canonical, alternate, and hreflang extraction.
App links and verification tag extraction.
HTML meta tags and Next.js metadata snippet generation.

Cache and practical behavior

Even with valid metadata, social platforms may continue showing cached previews temporarily.

If your URL changed recently, allow propagation time and re-check using platform debugging tools when needed.

常见问题

What is Open Graph?

Open Graph is a metadata standard used to control how pages appear when shared on social platforms.

Why is my shared link missing image?

Common reasons are missing og:image, inaccessible image URL, no HTTPS, or stale social cache.

Can this tool fetch tags automatically from a URL?

Yes. It supports URL fetch through a backend route for more reliable cross-origin retrieval.

Can I generate Next.js metadata from this?

Yes. The tool outputs a ready-to-use metadata object including openGraph and twitter sections.

What image size works best for social previews?

A common baseline is 1200x630 with an absolute HTTPS URL for broad compatibility.

相关链接,帮助你继续完成类似任务,无需重新开始。

JSON Formatter and Minifier

Format, minify, and validate JSON for free, with no sign-up, no login, readable error feedback, and quick copy actions.

HTML Editor with Preview and Console

Edit HTML, CSS, and JavaScript with CodeMirror, sandbox preview, captured console, templates, file upload, and .html export.

使用该工具的具体任务

针对常见用途的快捷入口,使用相同的完整流程。

link preview tool

Open Graph Preview and Meta Tag Generator

Related search recommendations

Shortcuts for WhatsApp preview, Twitter Card preview, and meta tag generator intents.