HTML: Metadata in the Head

Learn to leverage the invisible but powerful head element to improve search engine rankings, social media sharing, and more.

Introduction

• Setting expectations for your document
• Working with Visual Studio Code

1. Before the Head of the Document

• Establishing language in your document
• Establishing a document type

2. Understanding Meta Tags

• How do meta tags work?
• Setting character sets
• Redirecting pages with meta refresh
• Identifying authors and conversations
• Setting the viewport
• Setting color themes
• Presenting your page to Facebook
• Checking your work for Facebook
• Challenge: Configuring meta information
• Solution: Configuring meta information

3. Other Head Tags

• Adding a title to your page
• Creating identity for your pages with icons
• Linking styles to your page
• Specifying style directly
• Connecting scripts
• Establishing a base URL
• Challenge: Establishing scripts, styles, and icons
• Solution: Establishing scripts, styles, and icons

Conclusion

• Next steps