ads
An open toolbox on a blogger's desk filled with small colourful tool shapes — a pen, a magnifying glass, an image frame and a calculator
Blogging Tips November 1, 2026

43 Free Tools for Bloggers: The

A blogger combining a stack of photos and screenshots into a single PDF document on a laptop
Blogging Tips November 1, 2026

Images to PDF: How to Turn

A blogger choosing brand colours on a laptop, with plain colour swatches fanned out beside the keyboard
Blogging Tips October 31, 2026

Colour Picker: How to Choose a

A small content team seen from behind, gathered around a board of blank task cards with empty speech bubbles above them
Monetization October 31, 2026

Team Management System: How to Run

FREE TOOL · CLICK HYPE

Meta Tag & Open Graph Generator

Fill in your page details once — and get perfect meta, Open Graph and Twitter Card code, with live previews of how your page will look on Google, Facebook and X.

1. Your page details

Aim for 50–60 characters so it does not get cut off on Google.
Aim for 150–160 characters. Include your main keyword naturally.
Used in the social previews and og:image tag. Best size: 1200 × 630 px. Leave empty and a placeholder is shown.

2. Live previews

Google search result

C
Click Hype
https://clickhype.co.uk
Your page title will appear here
Your meta description will appear here. Write a clear, honest summary so searchers choose your result.

Facebook / LinkedIn share card

X (Twitter) card

Checks

    3. Your meta tags — copy & paste into your page <head>

    


    How to use this generator
    • Type your page title and meta description — the counters keep you in the ideal range.
    • Add the full page URL, site name and (if you have one) a 1200 × 630 share image.
    • Watch the Google, Facebook and X previews update live, and fix anything the Checks panel flags.
    • Copy the generated code, or download it as a text file, and paste it into your page.
    Where do I paste meta tags?
    • Plain HTML: paste the code inside the <head>…</head> section of your page, before </head>.
    • WordPress (recommended): do not edit theme files. Use your SEO plugin instead — it writes these tags for you.
    • Rank Math: edit the post → SEO tab → Edit Snippet for title/description, and the Social tab inside the snippet editor for the Open Graph / X image, title and description. The plugin generates the exact tags this tool shows.
    • After publishing, share the URL once on Facebook/X — or run it through their debuggers — so they fetch the fresh card.
    Click Hype Tools — free tools for bloggers & SEO. Made by Click Hype.