Phase 2 · HTML5
TopicsMeta tags
Part of the Frontend Developer Roadmap.
Summary
`<meta>` elements in the `<head>` that describe a page to browsers and crawlers — charset, viewport, description, and Open Graph tags for social sharing. Some metadata affects search presentation, while other metadata primarily controls browser behavior or social previews, so each tag should have a clear purpose.
How to Learn This
- 1Add a proper `viewport`, `description` and Open Graph tags to a page. Test the result on both a successful path and an invalid or unexpected input.
- 2Test how your page preview looks when shared using a social debugger tool. Validate your understanding by applying it in a small practical example.
- 3Learn the difference between SEO meta tags and social-sharing meta tags.
More topics in HTML5
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.