Hey Dev.to fam! 👋
Ever published something only to find out your social preview looks broken? Yeah, me too. That's why I built a free meta tag validator tool to help solve this common dev headache.
What is it? 🤔
It's a simple tool that helps you:
- Validate your meta tags in real-time
- See how your links will look on different platforms
Why I Built This 🛠️
As a developer, I've lost count of how many times I've had to:
- Publish content
- Check Twitter
- Realize the preview is broken
- Fix meta tags
- Wait for cache to clear
- Repeat 😅
I wanted something simple that would help catch these issues before they happen.
Features 💡
-
Real-time Preview: See exactly how your link will appear on:
- Google Search
-
Instant Validation: Catch issues before they become problems
- Missing required tags
- Incorrect formats
- Best practices checker
Tech Stack 🚀
Built with:
- Next.js 14
- shadcn/ui
- TypeScript
- Tailwind CSS
Try It Out! 🎯
You can try it here: https://gleam.so/tools/meta-validator
What's Next? 🔮
I'm planning to add:
- Schema.org validation
- Bulk URL checking
- API access
- More platform previews
Feedback Welcome! 💬
This is just the beginning! I'd love to hear your thoughts:
- What features would you like to see?
- What platforms should I add next?
- Any bugs or issues?
Drop your feedback in the comments below!
PS: This is part of my work on gleam.so - where I'm building tools to make developers' lives easier. More cool stuff coming soon!
Top comments (0)