All Meta Tags of HTML files are placed into the HEAD tag. Meta tags contain information about the page. Some meta tags play a very important role for SEO purposes and all we are going to see here.
Below is an example of tags that we place under the HEAD tag of HTML. For best SEO Practice, We pass some important information about our page so that Search Engines understand the purpose of the content. These META Tags are not the magic of doing SEO, we all know that Content is always king for SEO and there are many terms used to rank a web page in search engines. But we pass some information about the page in HEAD that tells the Search Engine to understand the page contents.
What information we pass in HEAD for SEO?
- Page Title : Title of our page. We define our page title in TITLE Tag.
- Page Description : Short Description about page in maximum 155 characters.
In below example code, Page Titlae is the title of page.Page Description is the description of the page.https://yourwebsite.com/ is the website address.https://yourwebsite.com/url is the current URL of page.https://yourwebsite.com/open-graph-jpeg-image-complete-url is the Open Graph Image file full path. This image will be displayed when you share the link on Facebook OR WhatsApp.
<title>Page Titlae</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content=" Page Description ">
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Page Title" />
<meta property="og:description" content=" Page Description " />
<meta property="og:url" content="https://yourwebsite.com/url" />
<meta property="og:site_name" content="https://yourwebsite.com/" />
<meta property="og:image" content="https://yourwebsite.com/open-graph-jpeg-image-complete-url" />
<meta property="og:image:secure_url" content="https://yourwebsite.com/open-graph-jpeg-image-complete-url" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content=" Page Description " />
<meta name="twitter:title" content="Page Title" />
<meta name="twitter:image" content="https://yourwebsite.com/open-graph-jpeg-image-complete-url" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="400" />
