Summary  
This chapter explains how to implement HTML meta tags—such as description, charset, viewport, and favicon—to provide page metadata for SEO and responsive design.  

General domain of usage  
Web development

Meta tags provide information to browsers and search engines. The **description** tag summarizes your page, the **charset** ensures proper text display, and the **viewport** tag enables responsive design. **Favicons** add a professional touch.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPG1ldGEKICAgICAgbmFtZT0iZGVzY3JpcHRpb24iCiAgICAgIGNvbnRlbnQ9IkxlYXJuIGhvdyB0byB1c2UgbWV0YSB0YWdzIGZvciBTRU8sIHJlc3BvbnNpdmUgZGVzaWduLCBhbmQgYnJvd3NlciBpY29ucyBpbiB5b3VyIEhUTUwgcGFnZXMuIgogICAgLz4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgogICAgPGxpbmsgcmVsPSJpY29uIiBocmVmPSJmYXZpY29uLmljbyIgdHlwZT0iaW1hZ2UveC1pY29uIiAvPgogICAgPHRpdGxlPk1ldGEgVGFncyBFeGFtcGxlPC90aXRsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VW5kZXJzdGFuZGluZyBNZXRhIFRhZ3M8L2gxPgogICAgPHA+VGhpcyBwYWdlIGRlbW9uc3RyYXRlcyBlc3NlbnRpYWwgbWV0YSB0YWdzIGZvciBIVE1MIGRvY3VtZW50cy48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

Always include a descriptive meta description. Avoid keyword stuffing and ensure your favicon is clear at small sizes.

Note

What is the purpose of the meta description tag in HTML?

Learn how to create meaningful, accessible, and visually rich web content using HTML. Combine text, images, audio, and video to craft pages that are structured, engaging, and optimized for search engines. Gain practical skills in semantic markup, media integration, and navigation design to build web pages that look great and perform well.

Build a strong foundation for creating clear and readable web content. Use semantic elements to structure text, emphasize key information, and organize content with lists that enhance both meaning and accessibility.

Enhance web pages with images that are both visually engaging and accessible. Embed and optimize visuals effectively, add descriptive alt text, and use figures with captions to give context and meaning to visual content.

Combine multimedia and navigation elements to create engaging, discoverable, and user-friendly websites. Add audio and video content, build intuitive navigation menus, and include meta information that improves SEO and accessibility.

Adding Meta Tags for SEO

Adding Meta Tags for SEO