7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Web Design
  2. HTML

How to Check and Generate Meta Tags for Your Website

Scroll to top
Read Time: 2 mins

In this quick tip I’m going to introduce you to a simple, yet very useful tool called Hey Meta. If you’re interested to see what your website’s sharing profile looks like, and you’d like to make sure the meta tags you’re using are correct, Hey Meta is just what you need. Let’s dive in!

Get Your Meta Tags Right

Check Your Meta Tags

Check the effectiveness of your website’s current meta tag setup by entering the URL in the input field. You’ll be shown a social card preview (what’s likely to be shown on social networks, sharing apps etc.) and the title, description, featured image of the URL in question.

hey meta input fieldhey meta input fieldhey meta input field
Enter URL here

If your web page doesn’t have any meta tags for these items at all, nothing will be shown.

Generate Correct Meta Tags

If your page appears to be missing details, or shows incorrect (or sub-optimal) metadata you can use Hey Meta to generate correct tags for you. Enter the information you’d like to display in the fields shown:

enter meta titleenter meta titleenter meta title
Enter the title here

The same can be done for the website description, URL, and featured image. The generated tags will be displayed in the previews, and the markup will look something like this:

Here you’ll see the native HTML meta tags like <title>, Twitter tags, and the Open Graph tags like <meta property="og:title"> which allow for proper social sharing. These tags can then be placed in the <head> of your HTML document.


Make sure your meta tags are displaying your website details properly!

Further Reading

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.