What is the OGP Meta Tag Generator?#
The OGP Meta Tag Generator builds Open Graph and X (Twitter) card meta tags for a page. Fill in the fields you need, and the tags appear as HTML you can copy into your page's <head>.
Only the fields you fill in become tags. Once any field has a value, og:type and twitter:card are added automatically, so a title and an image already produce tags you can paste as-is.
How to Use#
- Enter the title and description of the page.
- Add the page URL, image URL, and site name.
- Copy the generated tags and paste them into your HTML
<head>.
Extra fields such as the page type, language, image size, and X accounts live under advanced settings.
Fields#
Basic fields#
- Title: becomes
og:title. Around 60 characters fits most share cards. - Description: becomes
og:description. Longer descriptions may be cut off on share cards, so around 160 characters is a safe length. - Page URL: becomes
og:url. Use the canonical URL of the page. - Image URL: becomes
og:image. Use a public absolute URL so crawlers can fetch it. - Site name: becomes
og:site_name, shown as the source of the card.
Advanced settings#
- Type (
og:type): the kind of content. Keepwebsiteunless the page is an article, product, or profile. - Language (
og:locale): the page locale, such asja_JP. Unset by default and left out of the output until chosen. - Alt text (
og:image:alt): a short description of the image. Output only when an image URL is set. - Width / Height (
og:image:width,og:image:height): the image dimensions in pixels. Output only when an image URL is set, and only for the fields you fill in. - Card type (
twitter:card):Large imageby default. PickSummaryfor a compact card without a prominent image. - Site account / Creator account (
twitter:site,twitter:creator): X accounts. A missing leading@is added automatically.
The image check shows the image at its natural size. Images near 1200 × 630 (about 1.91:1) display large on most platforms, and a warning appears when the ratio is far off. When the image loads, the detected size fills the width and height fields. You can still edit them by hand.
Common Use Cases#
- Tidying up share cards for blog posts and product pages.
- Preparing tags to paste into a CMS or static site.
- Rebuilding OGP tags for an existing page from scratch.
FAQ#
No. Empty fields are left out of the output. Start with a title and an image, then add the rest when needed.
The preview reads the URL directly, so images behind sign-in or files on your device cannot load here. A public URL still reaches crawlers in most cases.
No. X reads Open Graph tags for the values it lacks, so this tool outputs each value once and skips the duplicates.
Each platform caches card data, so changes take a while to appear. Re-fetch the page with the platform's card validator when one is available.
No. Crawlers fetch the image on their own, so use a complete URL starting with https://.
The output still works. Text may be cut off on share cards, so staying within the guides is safer.
Notes#
- Even a public URL can be unreadable to crawlers when the page or image requires sign-in or blocks outside access such as hotlinking. When a card validator reports a fetch error, check the hosting settings.