Advanced OpenGraph Meta Tags Generator

Generate OpenGraph meta tags for your website to improve social media sharing and engagement.

OpenGraph Information

Page Title

The title of your page as it should appear when shared.

Description

A one to two sentence description of your page.

URL

The canonical URL of your page.

Image URL

An image URL which should represent your page. Recommended size: 1200x630px.

Site Name

The name of your website.

Type

The type of your content.

Locale

The locale of your content.

Image Width

Width of your image in pixels.

Image Height

Height of your image in pixels.

Image Alt Text

A description of what is in the image.

Author

The author of the content (for articles).

Published Time

When the content was first published.

Modified Time

When the content was last modified.

Twitter Card Type

The type of Twitter Card to display.

Twitter Site

The Twitter @username of your site.

Twitter Creator

The Twitter @username of the content creator.

Twitter Title

Title for Twitter (if different from OG title).

Twitter Description

Description for Twitter (if different from OG description).

Twitter Image

Image for Twitter Cards. Recommended size: 1200x628px.

Generated OpenGraph Meta Tags

Copy and paste this code into the <head> section of your webpage.

<meta property="og:title" content="Easy Smart Calculator">
<meta property="og:description" content="Easy Smart Calculator offers free online calculators for math, finance, health, and daily life. Simple, accurate, and user-friendly tools.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://easysmartcalculator.com/">
<meta property="og:image" content="https://easysmartcalculator.com/images/og-image.jpg">
<meta property="og:site_name" content="Easy Smart Calculator">

Social Media Preview

See how your content will look when shared on social media.

easysmartcalculator.com

Easy Smart Calculator

Easy Smart Calculator offers free online calculators for math, finance, health, and daily life. Simple, accurate, and user-friendly tools.

Implementation Guide

How to Use OpenGraph Meta Tags

Copy the generated meta tags above
Paste them into the <head> section of your HTML page
Test your tags using Facebook's Sharing Debugger
Test Twitter Cards using Twitter's Card Validator

Benefits of OpenGraph Tags

Control how your content appears when shared on social media
Increase click-through rates with compelling previews
Improve brand consistency across platforms
Enhance SEO and social media engagement