MetaMirror is a modern SEO & Social Media meta tag preview tool. Instantly preview and optimize your page's Google SERP, Facebook OG Card, and Twitter Card, with live pixel/character warnings and a one-click meta tag generator.
- 🔍 Google SERP Preview (Desktop style)
- 📘 Facebook OG Card Preview
- 🐦 Twitter Card Preview
- ⚡ Live Input for Title, Description, Canonical URL, OG & Twitter tags
- 📏 Pixel & Character Warnings for all major fields (SERP, OG, Twitter)
- 📋 Copy Meta Tags: One-click copy of all generated meta tags
- 🧹 Clear Data: Instantly reset all fields and previews
- 💎 Modern UI: Responsive, beautiful, and easy to use
- 📝 Instructional Section: Clear usage notes and guidance
- 🏷️ Meta Tag Code Generation: Now includes
<title>and<link rel="canonical">under the Search Engine section. - 📄 MIT License: Open source and free to use for any purpose.
- Fill in your meta information in the form.
- See live previews for Google, Facebook, and Twitter.
- Watch for pixel/character warnings to optimize your tags.
- Click the Copy button to copy all meta tags for your site.
- Paste the copied code at the top of your page's
<head>section. - Use the Clear Data button to reset all fields and start over.
Note: The form is pre-filled with dummy data to demonstrate usage.
👉 Try it now: https://himanshubijalwan.github.io/MetaMirror/
- Clone this repo:
git clone https://github.com/HimanshuBijalwan/MetaMirror.git
- Open
index.htmlin your browser.
- Go to your repository settings on GitHub.
- Find the Pages section.
- Set the source branch to
mainand the folder to/root(or/docsif you move your files). - Save and visit the provided URL.
This project is licensed under the MIT License.
Made with ❤️ by Himanshu Bijalwan