Open Graph Preview Online with Diagnostics and Meta Tag Generator | Open Graph Preview and Meta Tag Generator

使用该工具

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)

使用本工具的更多方式

打开针对具体任务优化的版本,同时保留主工具的完整功能。

link preview tool

Open Graph Preview and Meta Tag Generator

open graph preview online

快速指南与实用说明

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.

Markdown Viewer and Editor

Edit, preview, and export Markdown online with .md upload, fullscreen focus mode, and output to MD, HTML, PNG, or PDF.

URL Encoder and Decoder

Encode and decode URLs and query params with support for special characters and fast copy actions.

隐私与本地处理

本页面的工具直接在你的浏览器中运行,不会将输入内容发送到后端服务器。这样可以提升隐私保护并降低延迟。