2 min. reading

What is Meta Tag?

A meta tag in HTML provides metadata about a webpage, which is not visible to users but is essential for browsers and search engines. Meta tags are placed within the `<head>` section of an HTML document and serve various purposes, such as defining the character set, author, description, keywords, and more.

Common Types of Meta Tags

1. Meta Description

Provides a brief summary of the webpageโ€™s content, used by search engines to display in search results.

<meta name=โ€descriptionโ€ content=โ€This is a webpage about HTML meta tags and their functions.โ€>

2. Meta Keywords

Specifies keywords relevant to the content of the page. (Less important for SEO nowadays.)

<meta name=โ€keywordsโ€ content=โ€HTML, meta tags, webpage, SEOโ€>

3. Viewportย 

Controls how the webpage is displayed on mobile devices.

<meta name=โ€viewportโ€ content=โ€width=device-width, initial-scale=1.0โ€ณ>

4. Character Set

Specifies the character encoding for the webpage (UTF-8 is commonly used).

<meta charset=โ€UTF-8โ€ณ>

5. Author

Specifies the name of the contentโ€™s author.

<meta name=โ€authorโ€ content=โ€John Doeโ€>

Example of Meta Tags in HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=โ€UTF-8โ€ณ>
<meta name=โ€descriptionโ€ content=โ€Learn all about HTML meta tags and how they improve SEO and page functionality.โ€>
<meta name=โ€keywordsโ€ content=โ€HTML, meta tags, SEOโ€>
<meta name=โ€viewportโ€ content=โ€width=device-width, initial-scale=1.0โ€ณ>
<meta name=โ€authorโ€ content=โ€Jane Smithโ€>
<title>Understanding Meta Tags</title>
</head>
<body>
<h1>Welcome to the Meta Tag Tutorial</h1>
</body>
</html>

Importance of Meta Tags

โ€“ SEO: Meta tags, especially the description and keywords, help search engines understand the content of a page.
โ€“ User Experience: Tags like `viewport` enhance mobile responsiveness.
โ€“ Metadata: Provides additional information (author, charset) useful for browsers and search engines.

Share article
Similar articles
How Mobile Commerce Community Marketing Drives Higher ROI Than Traditional Channels
4 min. reading

How Mobile Commerce Community Marketing Drives Higher ROI Than Traditional Channels

Mobile applications are experiencing one of their most stable and simultaneously most profitable years. After the pandemic boom and subsequent correction, the market has stabilized. The figures show that usersโ€™ attention and money are concentrating on mobile more than ever before, making mobile commerce community marketing the key differentiator for brands seeking sustainable growth.

Veronika Slezรกkovรก Veronika Slezรกkovรก
Editor in Chief @ Ecommerce Bridge, Ecommerce Bridge
Read article
Although B2B Advertising Budgets Are Growing, Marketers Still Struggle with Efficiency
4 min. reading

Although B2B Advertising Budgets Are Growing, Marketers Still Struggle with Efficiency

Companies are spending more on advertising, but results often lag. Growing digital advertising budgets alone are not enough. Purchasing decisions are becoming more complex, traditional approaches are ceasing to work, and advertising misses the target. A new global survey reveals why a return on investment in B2B marketing is not materialising. Letโ€™s look at what [โ€ฆ]

Veronika Slezรกkovรก Veronika Slezรกkovรก
Editor in Chief @ Ecommerce Bridge, Ecommerce Bridge
Read article
Tips for Optimising Your E-shop for Expansion
11 min. reading

Tips for Optimising Your E-shop for Expansion

Expanding your e-shop into new markets might sound exciting, but itโ€™s also full of hidden challenges that you might not consider. The truth is, to succeed in international markets, you need more than just ambition: you need preparation. Every market comes with its expectations, shopping habits, and competition. If you want to be accepted by [โ€ฆ]

Marcin Pondo Marcin Pondo
Managing Director, Consulting Hungary
Read article
Bridge Now

Latest news right NOW

10+ unread

10+