Meta Tag & Social Preview Generator

Fill in your page details, see exactly how it'll look on Google, Facebook, and Twitter/X, then copy the ready-made meta tag code.

Page details
Generated meta tags
Live preview
360toolhub.com › tools › invoice-generator
Free Invoice Generator Online | 360ToolHub
Create a professional invoice online for free.

How to use the meta tag generator

Fill in your page's title, description, URL, site name, and a preview image. Switch between the Google, Facebook, and Twitter/X tabs to see exactly how the page will appear when searched or shared, then copy the generated meta tag code into your page's <head>.

Keeping titles under about 60 characters and descriptions under about 160 avoids truncation in Google search results.

Frequently asked questions

Why does my page's shared link show the wrong image or title?

This usually means the page is missing Open Graph tags (og:title, og:description, og:image), or a platform has cached an older version of them. Adding the correct tags and using each platform's cache-refresh tool (like Facebook's Sharing Debugger) usually fixes it.

What image size should I use for og:image?

1200x630 pixels is the widely recommended size — it displays well as a large card on Facebook, Twitter/X, LinkedIn, and most other platforms without awkward cropping.

Do I need separate tags for Twitter/X and Facebook?

Twitter/X supports Open Graph tags as a fallback, but adding dedicated twitter:card tags gives more reliable, predictable results specifically on that platform.

You might also like

📝 Word Counter { } JSON Formatter 📰 Why Your Link Preview Looks Wrong