Starlight Tools

Free Meta Tag Generator for SEO, Open Graph and Twitter/X Cards

Generate title tags, meta descriptions, canonical URLs, robots tags, Open Graph tags, Twitter/X Cards, and a copy-ready HTML head block.

Inputs & Options

Scan an existing URL

Import a live page when its server permits browser access, or paste its HTML below.

Paste HTML instead

Complete the essential fields to improve your metadata.
Length: 0

Open Graph and card details

Length: 0
Drop an image here or choose a local file
Recommended: 1200×630 wide or 1200×1200 squareKeep files compressed (ideally under 5 MB)
Used by some browsers for UI theming.
Paste a JSON object; it will be wrapped in a JSON-LD script block.
index,follow noindex,nofollow index,follow,max-image-preview:large Max previews

Output & Preview

Generated head block 
Result: (nothing yet)
Validation checklist
    Platform previews (simulated)
    1200×630
    example.com › page
    Your Title
    Your description appears here. Aim for ~140–160 characters for best results.

    About the Meta Tag Generator

    If you have ever shared a page and seen a messy preview or a missing title, you have felt the impact of meta tags. This Meta Tag Generator helps you build a clean, consistent set of tags for your HTML head so your pages look polished in browsers, search results, and social media previews. It is designed for non-experts, but it also saves time for developers who want a fast, reliable template.

    Meta tags are short pieces of information that describe a page. The title and description influence how a page appears in search listings, while Open Graph tags power previews on platforms like Facebook, LinkedIn, and Slack. Twitter Card tags do the same for Twitter/X. The canonical tag tells crawlers which URL is the main version of a page, and the robots tag can guide indexing behavior. This generator collects those pieces, formats them correctly, and shows a preview so you can see how your link might appear when shared.

    How to use it step by step

    1. Enter your page title and description in the main fields.
    2. Add your canonical URL and choose whether you want indexing enabled.
    3. Pick an Open Graph type and add a share image URL if you have one.
    4. Fill in Twitter Card details to match your Open Graph content.
    5. Click “Generate Head,” then copy or download the final HTML block.

    Real-world use cases include preparing a blog post for clean social sharing, setting up a product page so it displays a proper image and price preview, or making sure a landing page uses the preferred URL. It is also helpful when you are launching a new site and want consistent metadata across pages. Because everything runs locally in your browser, your content stays private while you work.

    Helpful guidelines: keep titles short and readable, write descriptions that explain the value of the page, use a 1200×630 image for wide previews (or a 1200×1200 square), and always set the canonical URL to the final public address. With those basics in place, you will have clean meta tags that help browsers and platforms understand your content and present it clearly.

    Meta Tag Generator: FAQs

    Do meta tags help SEO?

    Good titles, descriptions, canonical URLs, and robots directives help search engines understand and present a page. They improve clarity, but do not guarantee rankings.

    Does Google use meta keywords?

    No. Google does not use the meta keywords tag for web ranking, so this generator intentionally omits it.

    Why is my social preview not updating?

    Platforms cache link metadata. Ensure the tags are in the server-rendered <head>, publish the page, then request a refresh using the platform debugger.

    How do I clear Facebook, LinkedIn, or X cache?

    Submit the public URL to Facebook Sharing Debugger or LinkedIn Post Inspector and request a new scrape. X refreshes cards after its crawler revisits a URL; validate that its crawler can access the page.

    Where do meta tags go in HTML? Can they be in the body?

    Put them inside <head>. Tags in the body can be ignored or interpreted inconsistently.

    Do SPAs need server-rendered meta tags?

    Usually. Server-rendered or prerendered tags let search and social crawlers see complete metadata without running JavaScript.

    What is the difference between Open Graph and Twitter Cards?

    Open Graph is consumed by many social and messaging platforms. Twitter/X uses twitter: tags and can fall back to Open Graph values.

    What image size works best for social sharing?

    Use 1200×630 for landscape (or 1200×1200 square). Keep important content away from edges to prevent cropping.

    Meta tag best-practice reference

    Title and description

    Aim for a clear 30–60 character title and a useful 120–160 character description. Pixel width, device, and query can change truncation.

    Social images

    Use 1200×630 for wide cards or 1200×1200 square. Compress the file, use HTTPS, and keep text and faces inside a safe central area.

    Twitter/X card choice

    Use summary_large_image for a prominent wide image and summary for a compact square thumbnail.

    Robots and canonical

    Use index,follow for normal public pages. A self-referencing absolute HTTPS canonical should identify the preferred public URL.

    Good versus weak

    Good: “Free Invoice Generator for PDF Downloads.” Weak: “Home.” Describe the page and its distinct benefit.

    Private, practical, and easy to verify

    ✓ Runs in your browser
    ✓ No signup
    ✓ No upload required for manual generation
    ✓ Copy-ready valid HTML

    Official testing tools: Google Rich Results Test · Facebook Sharing Debugger · X Card Validator · LinkedIn Post Inspector

    Explore more tools