Meta Tags

1. Meta-tags:

Reference: Context Metadata | Drupal.org

A meta tag is an HTML or XHTML element that contains information about a website. Meta tags, which are normally put in the head section of an HTML document, provide information such as the page's keywords, description, and author.

The meta> tag is an empty tag, which indicates it does not have an ending tag. It is used to give metadata about the HTML content as well as to specify numerous other aspects of a web page such as the character set, author, and keywords.

Example and description of meta tags:

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

• The http-eqiv provides an HTTP header for the information/value of the content attribute.

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

This 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.

<meta name="description" content="eSewa is a digital wallet based in Nepal providing instant online payment solutions. Recharge your mobile, pay for electricity (NEA), Internet, TV, water bills, insurance premium, buy tickets for bus, airlines, or movies, and enjoy other services.">

• The attribute name specifies a name for the meta data, and gives value for application-name, author, keyword and viewport. 
• The attribute content specifies the value associated with the http-equiv or name attribute.

<meta name="theme-color" media="(prefers-color-scheme: light)" content="white">

<meta name="google-site-verification" content="o7lg7RSksStnWUgKDJb8zFhfOobNZOhplBCB6jel-5w">

<meta property="og:type" content="website">

• Open Graph meta tags are snippets of code that control how URLs are displayed when shared on social media. 
•  Og:type is the type of object you’re sharing. (e.g., article, website, etc.)

<meta property="og:image" content="https://cdn.esewa.com.np/ui/images/esewa_og.png?111">

• The URL of an image for the social snippet. 

Esewa: eSewa | Digital wallet in Nepal for Online payment services

Reference:

1. Pecánek, M. (2021) Open graph meta tags: Everything you need to know, SEO Blog by Ahrefs. Available at: https://ahrefs.com/blog/open-graph-meta-tags/ (Accessed: January 30, 2023).
2. HTML tag HTML meta tag. Available at: https://www.w3schools.com/tags/tag_meta.asp (Accessed: January 30, 2023).