Meta Tags

Visually preview, edit and generate your meta tags

#2 Product of the WeekNovember 08, 2018
+1

Meta Tags is a tool to debug and generate meta tag code for any website. With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

Discussion
Would you recommend this product?
17 Reviews5.0/5
Hola Product Hunt, thx for the hunt @benln Meta Tags is a tool to visually preview, edit and generate meta tag code for any website. Also launching today is a Wordpress plugin to make editing your meta tags as easy as possible. Take an extra πŸ’΅20% off with code LAUNCH. πŸ—Ί The Roadmap Save Images - Currently any image uploaded to Meta Tags is only stored locally on your computer. I’m looking at working with a service like Imgix, Imgur or Cloudinary to host images. Mini-Canva - As a designer, I edit images in Figma/Sketch then upload to Meta Tags, but this process is painfully slow. I’m building a Canva-like set of features so you can edit your image right in the browser! Plugins - Shopify, Craft CMS, Netlify, Gatsby...a few folks that are interested in adding meta tags to their workflows. πŸ‡²πŸ‡½ Maker Bio This is product launch 5 of 6 this year and by far the hardest πŸ™Œ. My name is Moe. I’m a Mexican designer trained at MIT and based in San Francisco. I love the PH community and sincerely appreciate all the support and feedback. Gracias PH πŸ’•
@moeamaya Great tool, easy to use :). Good job :)

Meta Tags is a killer app for visualizing how any website looks like in Google, Twitter, Facebook, LinkedIn, Pinterest and even Slack, at the same time as it lets you automatically generate your own meta tags. It comes with an awesome Wordpress implementation which does the same, but in Wordpress.

Pros:

Useful, straightforward and easy to use. On top of that, it's got some incredible animations & it is beautifully designed.

Cons:

None!

That's so awesome, I'm definitely going to use Meta Tags whenever I want to implement images, titles & descriptions to my websites, and to test that they are showing up correctly afterwards. I'm also so much in ❀️ with the stunning design of the page, paired with such magnificent animations & transitions. Superb job @moeamaya , there's nothing else to say πŸ‘
@moeamaya What I like in Moe's projects its the great combination of design and code.
Wow, this is great! Super fast and easy to use. I just tested it and updated the meta tags on one of my websites, it was very simple to see what it would look like across platforms, and much quicker to edit the copy too. Great job! πŸ™Œ