Fill in a few fields and copy the head tags. See the Google result and the social card update as you type.
Google result
Kopi & Co
kopiandco.sg
Kopi & Co - Specialty Coffee In Tiong Bahru, Singapore
Small-batch roasted coffee, kaya toast and all-day brunch in a heritage shophouse on Yong Siak Street. Open daily from 8am, walk-ins welcome.
Facebook / LinkedIn
kopiandco.sg
Kopi & Co - Specialty Coffee In Tiong Bahru, Singapore
Small-batch roasted coffee, kaya toast and all-day brunch in a heritage shophouse on Yong Siak Street. Open daily from 8am, walk-ins welcome.
WhatsApp / X (large image)
Kopi & Co - Specialty Coffee In Tiong Bahru, Singapore
Small-batch roasted coffee, kaya toast and all-day brunch in a heritage shophouse on Yong Siak Street. Open daily from 8am, walk-ins welcome.
kopiandco.sg · @kopiandco
How It Works
Type the title, description, canonical URL, site name and share image. The counters warn you when a title passes 60 characters or a description passes 155.
The Google result, the Facebook and LinkedIn card and the WhatsApp and X card update as you type. Switch to Code to see the generated head tags.
Copy the tags into the head of your page, download them as meta-tags.html, or publish a one-page demo whose link unfurls with these tags when shared.
About This Tool
A meta tag generator that shows the Google result and the social cards while you type, then hands you the head tags to paste.
Every link you share is judged by a handful of lines in the <head> of the page: the title and description Google shows, and the Open Graph and Twitter card tags that Facebook, LinkedIn, WhatsApp, Slack and X read to build the preview card. This meta tag generator writes those lines for you. Fill in the form on the left and the right side shows how the page will look as a search result and as a share card, so you can fix a title that gets cut off or an image that does not load before the page is live.
Most people arriving here are holding a page they did not write from scratch: HTML from ChatGPT or Claude, an export from a design tool, a template from a course, a one-pager a freelancer handed over. Those pages usually have a <title> and nothing else, which is why the link looks bare when you paste it into a chat. The same goes for a small-business site whose home page should show a proper card with the shop name, one good photo and a sentence that makes people tap. If you have ever searched for an Open Graph generator or a Twitter card generator, this is the same job with the previews built in.
Everything runs in your browser. The form fields are turned into tags as you type: charset and viewport, the title and description, the canonical link, robots, theme colour and author, then the og: family and the twitter: family, each emitted only when its field has a value. Values are escaped for attributes, so an ampersand in a shop name or a quote in a description cannot break the tag. The previews draw the Google result and the social cards from the same values, and the image area actually requests your image URL, which is the one thing that leaves the browser before you publish. Nothing is stored.
The previews are styled approximations, not screenshots of each network, and every platform truncates at its own width and refreshes its cache on its own schedule. The counters measure characters; Google measures pixels, so a title full of wide letters can be cut a little earlier than the counter suggests. The tool writes the SEO meta tags a page needs to be found and shared; it does not add structured data, hreflang or favicons. To check the page itself, paste it into the HTML Viewer, and if the head is hard to read after pasting, the HTML Formatter will tidy it.
Share cards only exist on a live URL, because the networks fetch the page to build them. The Publish button puts a one-page demo with these tags in its head on a free OxyPages link with HTTPS in a few seconds, no account needed, so you can paste the link into WhatsApp or Slack and see the real card. The link lasts 30 minutes unless you claim it, and claiming is free; from there you can upload the full site, choose your own address and, on a paid plan, connect a custom domain. See how it works for the full picture.
Questions
More Free Tools
Every tool here runs in your browser and ends the same way: one click and your HTML is on a live link.
Paste or drop an HTML file and see it rendered instantly. Preview on desktop and mobile, then publish it as a live website in one click.
See how your HTML looks on phones, tablets and desktops side by side. Paste HTML or drop a file, pick real device widths, then publish it live in one click.
Clean up messy or minified HTML with proper indentation in one click. Runs in your browser, nothing is uploaded. Publish the result as a live page.
Try It Now
Still Here? Drop It In.
The whole pitch fits in one sentence: your HTML, on a link, in seconds.
Drag and drop your HTML file(s), folders, or ZIP file
or ·
No account needed. Your unclaimed website stays live for 30 minutes on a free subdomain. Claim it to your account to keep it permanently.
