Blog article
- Input
- type=article, image=https://site.com/og.png
- Expected output
- <meta property="og:type" content="article" />
og:type=article signals editorial content, not the site home.
open graph generator
Open Graph generator
Open Graph is the protocol most platforms use to build a link preview. Without these tags, your shared URL becomes raw text and loses clicks. Here you generate the full og: block and see the card before publishing.
The four essential Open Graph tags
- og:title, og:description, og:image and og:url form the core of any card. og:type (website, article, product) helps the platform understand the object. og:image should ideally be 1200×630 pixels and served over https so it is not blocked.
- Platforms cache these tags aggressively. If you update the image, you may need to force a re-scrape in each network's debugging tools to see the change reflected.
Example Open Graph block
Secure image
- Input
- image=http://site.com/og.png
- Expected output
- Aviso: prefira https
http images can be silently dropped by some platforms.
Full tool FAQ
The <title> lives in the <head> and sets the browser tab text and the search snippet title; it is a whole-page signal. The <h1> is the visible heading inside the content. They can have different text: the title is usually more concise and tuned for the SERP, while the h1 speaks directly to someone already on the page. Do not conflate them or repeat the exact same text without reason.
Frequently asked questions
What is the ideal og:image size?
The safest recommendation is 1200×630 pixels (1.91:1 ratio), which works well in the large card on most platforms. Very small images may fall back to a square thumbnail and lose prominence.
Does Open Graph work on X (Twitter)?
Yes. X reads twitter: tags but falls back to Open Graph when they are missing. So a complete Open Graph already covers most cases, and you only add twitter: tags for specific tweaks.
