How To Add Meta Tags or Meta Elements To Any Website

How To Add Meta Tags or Meta Elements To Any Website

Meta tags are snippets of text that describe a page's content. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.


So let's start discussing all meta tag's one by one 

1. Add Meta Title
The meta title is a title you give your webpage within the meta tags so that when a person sees a link to your page from the search engine it has a title to go with it.

<TITLE>Your Title Here</TITLE>

Change Blue Text with Your Desired Title.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

2. Add Meta Description
Meta desciption summarizes a page's content. Search engines show the meta description in search results mostly when the searched for phrase is contained in the description. Meta description is a very important aspect for SEO.

<meta content='Your Website Description Here='description'/>

Change Blue Text with Your Desired Website Description.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

3. Add Meta Keywords
Meta Keywords are a specific type of meta tag that appear in the HTML code of a Web page and help tell search engines what the topic of the page is about.

<meta content='Keyword1, keyword2, keyword3' name='keywords'/>

Change Blue Text with Your Desired Website keywords.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

4. Add Meta Language 
Meta language help tell search engines about your content language.

    <meta content='Your Contents Language here' http-equiv='content-language'/>

Change Blue Text with Your Desired Language.
Check here full list of languages.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

5. Add Robots Tag
These codes let search engines index all of your pages.
    <meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>

If you don't want to let search engines to index your pages. Just Change all to none , index to noindex and follow to nofollow.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

6. Add Author Name
This Meta tag is used to share author detail with the search engines.

 <meta content='Author Name here' name='Author'/>

Change Blue Text with Author's Name.You Can Add Multiple Author's By Simply Repeating Codes.

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML,

7. Add View Port Meta Tag
A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Note: Always Paste Meta Tags In Between <Head> And </Head> In Your Websites HTML

8. Meta Tag For Refreshing document

<meta http-equiv="refresh" content="20"/>

Change Blue Text With Your Desired Time In Seconds.

No comments:

Post a Comment