1-Byte SEO Tools / Meta & Open Graph

Meta & Open Graph Helper

Generate clean meta tags and social previews for your pages. Ideal for landing pages, blog posts and product pages where you want search and social to line up neatly.

Runs entirely in your browser · nothing is saved or sent to third-party APIs.
Plan: Free Free · core helper for tidy head snippets. Sign in to prepare for saved presets (coming soon)
Input

Aim for 50–65 characters where possible.

Shown in social previews as the source.

Try to keep it around 80–160 characters. 0 chars

The preferred URL for this page.

“website” is fine for most pages; “article” suits blogs.

Ideally 1200x630px or similar.

Shown by some platforms for accessibility.

Without the full URL – just the handle.

“summary_large_image” gives a big, image-led preview.

For example en_GB, en_US.

Used by some browsers to tint the address bar.

Output
<head> snippet
Fill in the fields on the left and press “Generate tags” to build a tidy <head> snippet.
              
Social preview (rough) Not exact, but close enough to catch obvious issues.
No image URL set
Title will appear here once you start typing.
Description gives people a reason to click – keep it human, clear and aligned with the page.
example.com Site name

Later on this helper will plug into your account so you can keep presets per project, reuse patterns and quickly roll out meta for entire sections.

Part of the upcoming wave of 1-Byte tools.

Handy before you ship new pages: build your tags here, paste them in, then double-check with Facebook, X and LinkedIn debuggers once they’re live.