HTML Guide
CourseMeta Tags and SEO
Core Concept
100% Comprehensive

Meta Tags and SEO.

Meta tags provide metadata about the HTML document. They are not displayed on the page but are used by browsers and search engines to understand your content.

The Essentials

01

<meta charset='UTF-8'> defines the character set.

02

<meta name='description'> is used by search engines for the page snippet.

03

<meta name='keywords'> is a legacy tag (mostly ignored today).

04

<meta name='author'> defines the author of the page.

05

<meta http-equiv='refresh'> can refresh the page (use with caution).

06

<meta name='viewport'> is crucial for mobile responsiveness.

Professional Insights

The Power of the Description Meta

While it doesn't directly help rankings, a great description meta tag increases the Click-Through Rate (CTR) from search results by explaining what the user will find.

Viewport for Responsive Design

Without <meta name='viewport' content='width=device-width, initial-scale=1.0'>, mobile browsers will assume the page is desktop-only and will scale it down, making text unreadable.

Open Graph (Social Meta)

Meta tags starting with 'og:' (like og:image) tell social media platforms (Facebook, Twitter, LinkedIn) which image and title to show when your link is shared.

Robots Meta Tag

The 'robots' meta tag (e.g., content='noindex') tells search engines NOT to show a specific page in search results. This is useful for admin panels or private pages.

Critical Pitfalls

Not including the viewport meta, which breaks mobile responsiveness immediately.

Making the description meta tag too long (Google cuts it off after ~160 characters).

Using keyword stuffing in meta tags, which can actually penalize your site.

Forgetting to include character encoding, leading to weird symbols appearing for non-ASCII text.

Interactive Lab

Sprint Tasks

01
Add a meta charset tag for UTF-8
02
Add a viewport meta tag with width set to device-width
03
Add a description meta tag for a 'Cooking Blog'
Loading editor...
Production Preview