Create Meta Tags for HTML pages easily using this free online tool

Although Google stopped using Meta Keywords as a ranking factor, there are some websites which require proper meta tags to understand your website. For example, Facebook uses meta tags to fetch the website name, description, and a featured image. The same thing is done by Twitter, LinkedIn, Pinterest, and Slack. If you are creating an HTML page and you want to add meta tags, here is a simple tool called Meta Tags that will let you create meta tags.

If you have enough knowledge, you may not need this tool. However, if you do not know anything about the “properties” which need to be used to define the title, description, features image, etc., you will find it very useful. There are some WordPress plugins like Yoast SEO, and others which can do the same. However, this tool is for those, who want to create meta tags for HTML websites.

Create Meta Tags for websites

create meta tags

You can create meta tags for Facebook, Twitter, Linkedin, Pinterest, and Slack using this tool. To create them, visit their website, and choose the social networking site that you want to create the meta tags for.

Following that, enter the URL of your webpage. On your left-hand side, you should find three options.

  1. Image
  2. Title
  3. Description

Although you can upload an image, the code would not carry it. That means you need to upload the image to your server separately. Nonetheless, you can edit the Title and Description. After making all the changes, click the GENERATE META TAGS button.

You should find some lines of code that like this:

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="your-website-name">
<meta property="og:title" content="your-title">
<meta property="og:description" content="your-description
<meta property="og:image" content="image-url">

Copy these lines and paste it inside the <head> tag. In case, you want to add meta tags in your WordPress site; you need to open the header.php file of your theme, where you will get <head> tag.

Hope this simple online tool will be helpful for you.

Posted by on , in Category General with Tags
Sudip is a student who loves to engage with the latest technology & gadgets. Apart from writing about all things technology, he is a Photoshop junkie and a football enthusiast.

Leave a Reply

Your email address will not be published. Required fields are marked *

7 + 1 =