Generate HTML code optimal for social media, SEO, mobile for your single-page app. This uses web standards from Open Graph (Facebook) and Twitter to provide optimal results. Also generates social media posts.
I found myself copy-pasting & editing the same code over and over, so I streamlined it. Small additional features such as adding an emoji in compatible portions of the code, tool tips for each meta tag and optimal image sizes, are what I think make it standout over its alternatives. I hope you find it useful as much as I did. The source code is also available in the link on the top right.
📢 I added a "🔀 Randomify" button as a way to help people understand what inputs the app is expecting by adding random data.
ℹ I felt like whenever I test apps with open text fields, I'd like to test it with bogus data to see what it would look like. So rather than making you mash your keyboard to provide fake test data, you can do it with one click.
📢 New Feature: Generate SVG Emoji Favicon
A trick I discovered by a fellow Twitter user that shared this article:
https://css-tricks.com/emojis-as...
Of course, you won't remember to use it just like meta tags, so now it's all in one convenient place on the Meta Tag Generator.
Having a favicon is very helpful to help your website standout and be identifiable in bookmarks and even as an Android or iOS shortcut icon. Personally, I'd use it temporarily and generate a set of icons on Real Favicon Generator or just use it for one-off small web apps.
@hammad_rafique The app is free to use and also open source (link on the top right). You just have to fill out commonly used fields used in the portion of the page. I found myself doing this too often so I decided to make an app out of it. I just added screenshots.
Meta Tag Generator