toolitda / OG Preview Generator

OG Preview Generator

Preview Open Graph and Twitter Card metadata from a URL or HTML.

OG Preview Tool

Extract OG tags from a URL or HTML and check share-card preview with generated tags.

Input method

Generation Criteria

These values appear on share cards. Fill in missing extracted values manually.

Check Results

Title

Pass

25 characters, suitable for preview guidance.

Description

Pass

87 characters, suitable for preview guidance.

og:url

Pass

Valid URL format.

og:image

Missing

Representative image is missing. Images strongly affect click-through on share cards.

Site name

Pass

Detected.

Twitter Card

Missing

Generate twitter:card as well for X share previews.

Generated OG/Twitter Tags

A basic tag set required for share previews.

Next Checks

  1. 1Add generated tags to the page head.
  2. 2Use a representative image with 1200x630 ratio and an absolute URL.
  3. 3Check title, description, and canonical together in the SEO tag checker.
  4. 4After deployment, verify cache refresh on actual sharing platforms.