HTML Meta Tags, Tutorialspoint, W3Schools HTML Meta Tags

HTML Meta Tags

The <meta> element is used to add machine-readable information to an HTML document. Information added with the <meta> tag is not displayed to website visitors but is provided for use by browsers and web crawlers.

The <meta> element holds information about your page that you want other computers to understand. The contents of this element will not be printed on the page, and are not known to the human reader. They are designed to aid with categorization, search engine indexing and browser behavior.

This element is always placed within the <head> section of the page. It cannot overlap the </head> closing tag.

Meta Keywords

Meta Keywords Attribute - A series of keywords you deem relevant to the page in question. Title Tag - This is the text you'll see at the top of your browser. Search engines view this text as the "title" of your page.

Example :

<html>
    <head>

    <title>Meta Tags , Keywords</title>

    <meta name="keywords" content="free time learning, free education, free online courses, free time learn" />

    </head>

    <body>
    <p>Free Time Learning</p>
    </body>
</html>â€‹

Meta Description

The meta description is a 160 character snippet, a tag in HTML, that 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. Optimizing the meta description is a very important aspect of on-page SEO.

Example :

<html>
    <head>
    
    <title>Meta Tags , Keywords, Description</title>
        
    <meta name="keywords" content="free time learning, free education, free online courses, free time learn" />
        
        <meta name="description" content="freetimelearning.com is main concept is providing free education in every student. " />
 
        
    </head>
    
    <body>
    <p>Free Time Learning</p>
    </body>
</html>

Author Name

You can set an author name in a web page using meta tag. See an example below:

Example :

<html>
    <head>
    
    <title>Meta Tags , Keywords, Description, Author</title>
        
    <meta name="keywords" content="free time learning, free education, free online courses, free time learn" />
        
        <meta name="description" content="freetimelearning.com is main concept is providing free education in every student. " />
        
        <meta name="author" content="V V Ramana Reddy" />
        
    </head>
    
    <body>
    <p>Free Time Learning</p>
    </body>
</html>

Character Set

You can use <meta> tag to specify character set used within the webpage.

ANSI (Windows-1252) was the original Windows character set, with support for 256 different character codes. ISO-8859-1 was the default character set for HTML 4. This character set also supported 256 different character codes. Because ANSI and ISO-8859-1 were so limited, the default character encoding was changed to UTF-8 in HTML5. UTF-8 (Unicode) covers almost all of the characters and symbols in the world.

Example :

<html>
    <head>
    
    <title>Meta Tags , Keywords, Description, Author, Charset</title>
        
    <meta name="keywords" content="free time learning, free education, free online courses, free time learn" />
        
        <meta name="description" content="freetimelearning.com is main concept is providing free education in every student. " />
        
        <meta name="author" content="V V Ramana Reddy" />
        
        <!-- Charset Html 4.0.1 -->
        <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
        <!-- Charset Html 5 -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    </head>
    
    <body>
    <p>Free Time Learning</p>
    </body>
</html>

Other Meta Tags

A canonical link element is an HTML element that helps webmasters prevent duplicate content issues by specifying the "canonical" or "preferred" version of a web page as part of search engine optimization.

Many websites serve users from around the world with content translated or targeted to users in a certain region. Google uses the rel="alternate" hreflang="en-gb" attributes to serve the correct language or regional URL in Search results.

Example :

<html>
    <head>
    
    <title>Meta Tags , Keywords, Description, Author, Charset, Other Tags</title>
        
    <meta name="keywords" content="free time learning, free education, free online courses, free time learn" />
        
        <meta name="description" content="freetimelearning.com is main concept is providing free education in every student. " />
        
        <meta name="author" content="V V Ramana Reddy" />
        
        <!-- Charset Html 4.0.1 -->
        <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
        <!-- Charset Html 5 -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <link rel="canonical" href="https://www.freetimelearning.com/index.php">
        
<link rel="alternate" hreflang="en-gb" href="https://www.freetimelearning.com/index.php">
        
    </head>
    
    <body>
    <p>Free Time Learning</p>
    </body>
</html>

HTML Tutorial