Understanding Meta tags & Definition

Hasibul khan

 Understanding Meta tags



Meta tags Definition

Meta tags provide information about the web page in the HTML of the document. This information is called "metadata" and while it doesn't appear on the page itself, it can be read by search engines and web crawlers.

Search engines like Google use metatag metadata to understand more information about the web page. They can use this information for ranking purposes, to display snippets in search results, and can sometimes ignore meta tags.

Examples of meta tags include the <title> and <description> elements.                 (Kate Morris, 2019)


Examples of meta tags

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="John Doe">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>  (w3schools.com, 2023)

author: 

  • Specifies the name of the author of the document. 

Example:    <meta name="author" content="John Doe">

(w3schools.com, 2023)

description:

  • Specifies a description of the page. Search engines can pick up this description to show the results of searches. 

Example:<meta name="description" content="Free web tutorials">

(w3schools.com, 2023)

keywords:

  •  Specify a comma-separated list of keywords - relevant to the page (Informs search engines what the page is about).

Tip: Always specify keywords (needed by search engines to catalog the page). 

Example:<meta name="keywords" content="HTML, meta tag, tag reference">

Controls the viewport (the user's visible area of a web page).

The viewport varies with the device and will be smaller on a mobile phone than on a computer screen. (w3schools.com, 2023)


viewport:

  • You should include the following <meta> viewport element in all your web pages:

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

A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.

The width=device-width part sets the width of the page to follow the screen width of the device (which will vary depending on the device).

The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag:

Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. (w3schools.com, 2023)

(w3schools.com, 2023)




Video time

(BroCodez, 2021)




Reference:

BroCodez (2021) Learn HTML meta tags in 3 minutes 🏷️, YouTube. YouTube. Available at: https://www.youtube.com/watch?v=bi5bfH_gVWE (Accessed: January 22, 2023).

HTML name attribute (no date) HTML meta name Attribute. Available at: 

 (Accessed: January 22, 2023).

Kate Morris (2019) The Ultimate Guide to Seo Meta Tags, Moz. Available at: https://moz.com/blog/the-ultimate-guide-to-seo-meta-tags (Accessed: January 22, 2023).

w3schools.com (2023) HTML tag, HTML meta tag. Available at: https://www.w3schools.com/tags/tag_meta.asp (Accessed: January 24, 2023).

w3schools.com (2023) HTML tag, HTML meta tag. Available at: https://www.w3schools.com/tags/tag_meta.asp (Accessed: January 24, 2023).



HTML name attribute (no date) HTML meta name Attribute. Available at: https://www.w3schools.com/tags/att_meta_name.asp (Accessed: January 22, 2023).

Comments

Post a Comment

Popular posts from this blog

Advantages and disadvantages of Meta tags

Hasibul khan
Image
 Advantages and disadvantages of Meta tags Advantages  of Meta tags   Why is the meta tag important? Meta tags are the first impression someone has of your page on a SERP. A good meta description will entice users to click through and visit your site. They ensure that search engines know what your content is about, so they will be able to show the website with the appropriate results. Think of it this way: You're browsing a store shelf and see a product with an outdated and generally unappealing label. Leave out important information, like what is the product made of? Then you see a label on another product that is fresh and appealing, with a visible ingredient list. You are about to buy the product with the best label. It's the same with meta tags, if your meta description is wrong, no one will click on your content. Meta descriptions are often the primary information that determines which result in users click on, so it's crucial that you use high-quality meta tags on y...
Read more

Website project initial idea

Hasibul khan
Image
 My Web Project Ideas (geralt, 2021) My ideas for creating the web page will be different first of all to create a web page you have to spend time. As an example, a new baby, first of all, must be kept well maintained same thing goes for a web page if I don't keep well maintained then my page will be lost and will be out of rank. for this reason, the first thing to make a web page is to be patient, and the second thing is to keep constantly updated. The third thing to do is the ability to comment and reply. The fourth thing does not accept any advertising. The fifth thing is to always give new updates. The sixth thing doesn't make the web page become heavy because otherwise, it will have a lot of trouble reloading. The seventh thing Home page must be very simple and beautiful to look at, certain moments we put so many things that it becomes chaotic. The eighth thing is always given opportunities like this It will make giant traffic on the page. The ninth thing is to not apply i...
Read more

Advantages and disadvantages of e-commerce

Hasibul khan
Image
Advantages and disadvantages of e-commerce What Are the Advantages of E-commerce? You came to learn what are the advantages of having an e-commerce business. Top of the list of advantages of e-commerce is the low financial cost, but other pros include selling internationally, retargeting customers, personalization of the buying experience, etc. These benefits of e-commerce will help you determine if starting an online store is right for you. ( Ferreira and  Oberlo (2022)  #1: Low financial cost #2: 24/7 Income Potential #3: Sell internationally #4: Bestsellers that are easy to showcase #5: Personalized online experiences #6: Convenient employees #7: Easier to encourage impulse buying #8: Easy retargeting or remarketing for customers #9: Customers get a less intrusive experience #10: Easily access customer data #11: Able to process a large number of orders #12: Can scale the business quickly #13: Grow your business organically with content ( Ferreira and  Oberlo (2022) Meh...
Read more