Sk blogging tutorial to learn about how to optimize your website and your content. If you want to learn SEO  more follow here  https://sk-learn.blogspot.com/

How to Add Meta Tags In Website

In this last blogging tutorial, you will learn about custom tags header tags and how to enable them. How to use meta tags for the homepage, post and page, archive, and search tags. In this blogging tutorial, we will discuss How to Add Meta Tags to the Website.

Before jumping into the topic, first, learn what are Meta tags. Let us start.


What is a meta tag in SEO

Meta tags are fields in HTML code that include information about a website. Search engines locate specific meta tags so they can, for instance, display a page title and description in the search results.

<meta> tags continuously go your website post <head> tags and are used to define a character set, page information, keywords, author of the document, and viewport settings.

Metadata will not be publicized on the page but is easily learned by SEO.

Metadata is utilized by browsers, search engines (keywords), and other web assistance.

There is a process to allow website designers to take control over the viewport (the user's visible area of a web page), through the tag.

Eample: <meta name="keywords" content="HTML, CSS, JavaScript">

Note : Make Money $5 Per Signup Online

Meta Tags supported Browsers

The Meta tags support all browsers including Chrome, Firefox, Safari, Opera, and Explorer.

Meta Tags Explain:

Your character set must be a UTF-8.
Syntax  <meta charset="UTF-8">

1 Title Tag:

Syntax    <title> Enter Your Title here</title> 

Title tags are very important for SEO ranking and organic traffic because this tag is only for search engines to first read. How to write a title tag is very simple. To optimize your title tag, try to write a short SEO keyword with repeat the most words on your page.

Title tags are the most powerful of all of the meta tags. These tags have a genuine impression on search engines rankings and, possibly it’s attracted the most user. The Title Tag only can affect your SEO rankings. Your title tag must be very clear, detailed, and normally not higher than 55 characters.

2. Description Tag 

Syntax    <meta name="description" content="Your page details">

The Meta Description is an HTML component that shortens your web page. Search engines generally show the Meta description in search engine outcomes under your Title tag. 

The meta description is a helpful meta tag, it explains to search engines and viewers understand what your page is regarding. Still, it has a huge effect on your page CTR because it reveals up in search results.

The meta description on your page or post must be related to your blog title and post SEO keyword. 

3. Robots Tag

There are two ways we use robots tags on our page.
1. Dofollow tags
2. Nofollow tags

If you tell search engine crawlers don't index a page or follow any links on it, robots tags will be written like below:

<meta name="robots" content="noindex, nofollow" />

if you need to report the crawler to index and follow our page, you will change the robot's tag like below.

<meta name="robots" content="index, follow" />

4. Author tag

Syntax    <meta name="author" content="Your name">

It tells search engines and also people who are responsible for this webpage.

5. Contact Tag

Syntax  <meta name="contact" content="Your contact information">

reference  <meta name="Email" content="Your mail id information">

This tag tells search engines and people that how to people communicate with the website owner or admin. Contact info like email, Gmail, mobile and etc...

6. Distribution Tag


Syntax  <meta content='visibility' name='distribution'/>

These meta tags tell the search engines to our page visibility area. It's based on what you write inside the meta content "".

Now there is three distribution tag available.

Global – indicates that your web page is visible worldwide, 
Local – intended for local distribution,
IU – Internal Use, its private post.


7. Meta Tag Revisit-After

Syntax  <meta content='1 days' name='revisit-after'/>

The Revisit tag would indicate the search engine when we come back to your website and index it again. Now, if you have a new blog or article on our website Google’s crawler will come by to index it automatically.


8. Rating Tag

Syntax      <meta content='general' name='rating'/>

If you want to rate your page’s audience suitability, use the rating meta tag. 


Note: Email Marketing ultimate guide for beginners


How To Optimize Your Meta Tags

If you’re want to compare your performance with meta tags, follow the below steps:
  1. Check All pages have title tags and meta descriptions
  2. Spend more time Title selection based on SEO optimized keyword
  3. Don’t forget to mark up your images with alt text
  4. Use robot meta tags 
  5. Write good quality content don't be a duplicate.
  6. Targeting SEO keywords.

I hope you know some basic knowledge about meta tags and how to use them. Now we look into how to add meta tags in our website  HTML code.

Step 1 Log in to your blogger account
Step 2 Go to theme and you see customize the icon on the right side
Step 3 Select Edit HTML option.
Step 4 Now you will see your website HTML code.
Step 5 Place the cursor inside the page and press CTRL + F (to find shortcut)
Step 6 Place the  <b:include data='blog' name='all-head-content'/> Code inside the find option and enter.
Step 7 Copy the below code and paste the code after this line <b:include data='blog' name='all-head-content'/>


Code:

 <!--- meta tags for my blog-->
<title>your blog title</title>
<meta content='your keywords here' name='keywords'/>
<meta content='your blog description here' name='description'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<meta content='the author name here' name='Author'/>
<meta content='your email address here' name='Email'/>
<meta content='All' name='Robots'/>
<meta content='index, follow' name='robots'/>
<meta content='index, follow' name='GOOGLEBOT'/>
<meta content='index, follow' name='yahooBOT'/>
<meta content='index, follow' name='yandexBOT'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<!--- End of meta tags for my blog-->

Step 8 Replace title, keywords, description, author name, email address.

Step 9  Save it.

Final Thoughts:

Before reading this blogging tutorial article you have some doubts regarding what is meta tags how to use them, How meta Tags is affected SEO. 

After Reading this tutorial  I hope you clarify your doubts about adding meta tags to your website. Because Meta tags and titles play a major role in search engines rankings. If you use these Meta  Tags and Title search Engines and people easily discovered your page information and your content.

Now we successfully added the Meta Tags to our website. If you like this tutorial give your rating in the comments section and share it with your friends. If you have any doubts leave your comments.

Thanks!