UNDERSTANDING META TAGS

 META TAGS

Meta tags are HTML elements that provide information about a webpage's metadata, such as keywords, author, and page description. They are not visible on the page and are used for search engine optimization and increasing the click-through rate of a website. They are also called description tags, meta description tags, or metadata tags. While some search engines have stopped using them for ranking, they are still considered useful.

The structure of meta tags is as:

<meta name = "type of meta tag" content = "content related to the meta tag" />

(Techopedia,2017)

(Khatua, 2022)

Meta tags are machine-readable tags that can be used by web services and search engines to provide information about a webpage that cannot be represented by other HTML tags. They are a type of on-page optimization and are commonly used to provide keywords and descriptions for a page. While search engines used to rely heavily on meta tags for indexing, overuse and manipulation led to the development of algorithms that do not rely on them as much. However, they can still be useful in improving click-through rates, as descriptions may appear in search engine results. When creating meta tags, it's important to ensure they are accurate, relevant, short, clear and concise for the specific page, and to avoid using the same tags across different pages or duplicating tags (techopedia,2017)

NIKE.COM HOMEPAGE META TAGS

This meta tags were taken from the Nike official website, the meta tags provides basic information of he home page (note: this is not the full meta tags of the home page ).

DEFINITIONS 

<meta charset="utf-8">

The <meta charset="utf-8"> meta tag defines the character encoding used in the HTML document, in this case UTF-8, which covers all characters and symbols, allowing them to be displayed correctly by the browser.

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

="width=device-width, initial-scale=1.0, maximum-scale=2.0">` is an HTML meta tag used to control the view port of a web page on different devices. "width=device-width" sets the width of the view port to the width of the device, "initial-scale=1.0" sets the initial zoom level to 1, and "maximum-scale=2.0" sets the maximum zoom level to 2. These settings ensure that the web page is optimized for display on various devices and can be zoomed in or out to the specified limits.

<meta name="robots" content="index, follow">

The <meta name="robots" content="index, follow"> is an HTML meta tag used to control search engine bots, also known as web robots, when they crawl and index a web page.

<meta name="description" content="Inspiring the world's athletes, Nike delivers innovative products, experiences and services.">

The is an HTML meta tag that provides a brief description of a web page's content. The description is typically displayed by search engines in their search results pages as a snippet to give users an idea of what the page is about.

<meta http-equiv="content-language" content="en-GB">

The is an HTML meta tag that defines the language of the content in the document. In this case, the language is specified as English, with country code GB for the United Kingdom.

<meta name="application-name" content="Nike.com">

The is an HTML meta tag that provides a name for the web application being executed. The value "Nike.com" represents the name of the website or application and can be used by web browsers and other software to identify the application. It can also be used to provide a title or a short description for the application in bookmarking, sharing or other similar scenarios.

<meta property="og:title" content="Nike. Just Do It">

This meta tag used for social media optimization. It specifies the title of the content for sharing on social media platforms. The title "Nike. Just Do It" will be used as the title of the shared content, providing a concise and descriptive summary of what the content is about.

TESTING

After the meta tags of the web page had been found i decided to test on of them out by typing the description on a search engine and the result came out splendid.

REFERENCES:

Khatua, A. (2022) Meta tags in HTML: What are the uses of Meta tags for Seo, SiteCodings. Available at: https://sitecodings.com/html/meta-tags-in-html/ (Accessed: January 25, 2023). 

What is a meta tag? - definition from Techopedia (no date) Techopedia.com. Available at: https://www.techopedia.com/definition/2338/meta-tag (Accessed: January 25, 2023).