HTML Foundations: Module 7

← Dashboard
Module 7: The Final Polish

Metadata & SEO

Tell search engines and social media what your site is about with meta tags. Add a favicon for the browser tab. Validate your HTML with the W3C Validator.

<head>
  <!-- SEO & Social -->
  <meta charset="UTF-8">
  <meta name="description" content="Your café description">
  <meta name="viewport" content="width=device-width">
  <title>My Coffee Shop</title>
  <!-- Favicon -->
  <link rel="icon" href="/favicon.ico">
</head>

Key Meta Tags

description — Snippet in search results
viewport — Mobile-friendly scaling
keywords — (Legacy, less important)
og:title, og:image — Social sharing (Open Graph)
Pro Tip

Run your HTML through validator.w3.org to catch errors before deployment.

Favicon

Add a 32x32 or 16x16 .ico file for the browser tab icon.