Search Engine Optimization Meta Tags
What are SEO Meta Tags?
Imagine your website is a book, and Google is a gigantic library catalog. To help people find your book, the librarian needs a index card listing the book's main topic and a summary of what's inside.In HTML, we write this index card in the <head> of our page using meta tags. The description meta tag:
<meta name="description" content="Mastering HTML layout structures">
defines the short text snippet that Google displays underneath your page title in search engine results.
Why does it matter?
A compelling meta description is critical for search engine visibility. It doesn't directly raise your Google ranking, but it convinces users searching Google to click *your* link instead of someone else's.How to write it
Meta tags sit inside the<head> container:
<head>
<meta name="description" content="Mastering HTML layout structures">
</head>
Lesson Title | LearnHTML
Meta descriptions configure the text snippet parsed by Google.
Common Mistakes
content="html, learn, code, tutorial, layout, site" is called keyword stuffing. Search engines penalize websites that do this. Write natural, helpful sentences instead!Quick Reference
<meta name="description" content="..."> — Sets the search result snippet.Your Task
Inside the `<head>`, create a `<meta>` description tag with its `content` set to 'Mastering HTML layout structures'.
index.html
Type code above to start the lesson.
Live Preview