How to Add Open Graph Tags to Your Website

Add Open Graph meta tags so your website looks great when shared on Facebook, LinkedIn, Twitter, and other social platforms.. This step-by-step guide walks you through the process using LevnTools Meta Tag Generator, a free browser-based tool that handles everything locally on your device. No software to install, no account to create, and no files uploaded to external servers. Follow these steps to complete the task in under a minute — updated for 2026.

Enter the page information

Fill in the page title and description in the meta tag generator. Navigate to the Open Graph section and enter the og:title, og:description, and og:type (usually "website" or "article").

Set the preview image

Enter the full URL to an image for social media previews (og:image). Use an image at least 1200x630 pixels for best display. This image appears when someone shares your link on Facebook or LinkedIn.

Add the page URL

Set the og:url tag to the canonical URL of the page. This ensures social platforms link to the correct URL even if the page was accessed via a redirect or parameter.

Generate and add to your HTML

Copy the generated Open Graph meta tags and paste them into the <head> section of your HTML page. Place them after the standard meta tags for organized code.

Pro Tips

Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to preview and clear cached OG data.
Each page should have its own unique OG tags for the best social sharing experience.
Twitter uses its own tags (twitter:card, twitter:title) but will fall back to OG tags if twitter-specific tags are missing.

Common Issues & Fixes

Issue: Facebook shows an old image when sharing the page.

Fix: Facebook caches OG data. Use the Facebook Sharing Debugger to scrape your page again and refresh the cache.

Issue: The OG image is cropped incorrectly on social platforms.

Fix: Use a 1200x630 pixel image (1.91:1 aspect ratio) and center the important content. Different platforms may crop differently.

Step-by-Step: How to Add Open Graph Tags to Your Website

Complete this task using LevnTools Meta Tag Generator by following each step below. Every step runs in your browser with zero server interaction.

Step 1: Enter the page information

Fill in the page title and description in the meta tag generator. Navigate to the Open Graph section and enter the og:title, og:description, and og:type (usually "website" or "article"). Meta Tag Generator handles this step entirely in your browser, so your seo files remain private throughout. After completing this step, proceed to the next one to continue processing.

Step 2: Set the preview image

Enter the full URL to an image for social media previews (og:image). Use an image at least 1200x630 pixels for best display. This image appears when someone shares your link on Facebook or LinkedIn. Meta Tag Generator handles this step entirely in your browser, so your seo files remain private throughout. After completing this step, proceed to the next one to continue processing.

Step 3: Add the page URL

Set the og:url tag to the canonical URL of the page. This ensures social platforms link to the correct URL even if the page was accessed via a redirect or parameter. Meta Tag Generator handles this step entirely in your browser, so your seo files remain private throughout. After completing this step, proceed to the next one to continue processing.

Step 4: Generate and add to your HTML

Copy the generated Open Graph meta tags and paste them into the <head> section of your HTML page. Place them after the standard meta tags for organized code. Meta Tag Generator handles this step entirely in your browser, so your seo files remain private throughout. Once this step completes, your result is ready to download and use immediately.

Tips for Better Results with Meta Tag Generator

Getting the best output from Meta Tag Generator comes down to a few practical tips. Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to preview and clear cached OG data.. Each page should have its own unique OG tags for the best social sharing experience.. Twitter uses its own tags (twitter:card, twitter:title) but will fall back to OG tags if twitter-specific tags are missing.. Following these recommendations ensures consistent, high-quality results every time you use Meta Tag Generator.

Common Issues and Fixes

If you run into problems while using Meta Tag Generator, these are the most common issues and their solutions. Issue: Facebook shows an old image when sharing the page.. Fix: Facebook caches OG data. Use the Facebook Sharing Debugger to scrape your page again and refresh the cache.. Issue: The OG image is cropped incorrectly on social platforms.. Fix: Use a 1200x630 pixel image (1.91:1 aspect ratio) and center the important content. Different platforms may crop differently.. If none of these solutions resolve your problem, try clearing your browser cache and reloading Meta Tag Generator.

Try Meta Tag Generator Now — Free

Frequently Asked Questions

Open LevnTools Meta Tag Generator in your browser and follow the 4-step process outlined in this guide. Start by enter the page information, then the entire process takes under a minute. No account or download is required.

LevnTools Meta Tag Generator is the best free option for this task because it runs entirely in your browser with no file uploads, no account requirements, and no usage limits. For users who value privacy and cost, it is the top choice in 2026.

Yes, LevnTools Meta Tag Generator works on mobile browsers including Chrome for Android, Safari for iOS, and Firefox Mobile. The interface adapts to smaller screens, and all processing happens locally on your device regardless of whether you use a phone, tablet, or desktop computer.

No, LevnTools Meta Tag Generator runs entirely in your web browser. There is nothing to install, no plugins required, and no desktop application to download. Open the tool page, follow the steps in this guide, and download your result. It works on any modern browser across all operating systems.

Yes, using LevnTools Meta Tag Generator to add open graph tags to your website is completely free. There are no premium features locked behind a paywall, no per-file charges, and no daily usage limits. The tool is and will remain free because all processing happens client-side, eliminating server costs.