TOOLSTEKNO

Open Graph Generator

Create social meta tags for Facebook and Twitter to optimize how your website looks when shared.

Basic Information

Assets & URLs

Live Preview

domain.com
Page Title Sample

Page description will appear here when you share the link.

Generated Tags

<!-- Primary Meta Tags -->
<title></title>
<meta name="title" content="">
<meta name="description" content="">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="">

How to Use Open Graph Generator

  1. 1

    Enter Your Content Details

    Fill in the title, description, image URL, and page URL for your Open Graph tags.

  2. 2

    Preview the Card

    See how your link will appear when shared on social media platforms.

  3. 3

    Copy the Meta Tags

    Copy the generated meta tags and paste them into your HTML <head> section.

Frequently Asked Questions

What image size should I use for Open Graph?
The recommended size is 1200x630 pixels with a 1.91:1 aspect ratio. This ensures your image displays correctly on Facebook, LinkedIn, and other platforms.
Do I need both OG tags and Twitter Card tags?
Yes. Twitter uses its own twitter:card tags, while Facebook and most other platforms use og: tags. Including both ensures optimal display everywhere.