Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

HTML: Metadata in the Head

via LinkedIn Learning

Overview

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

The HTML head element is different from the rest of the language, providing context rather than content. Want to control how your page appears on social media? Apply a title? Link a style? All that and more happen in the head. In this course, learn to leverage the invisible but powerful head element to improve search engine rankings, social media sharing, and more. Instructor Jen Kramer shows how to establish the fundamentals, like doctype and language, and use the meta tags to configure character sets, color themes, authors, and more, as well as redirect pages. Plus, learn how to control how links to your page are shown on Facebook with the Open Graph tag. Then discover how to set page titles, link and specify styles, and add JavaScript to your page with other crucial tags.

Syllabus

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

Taught by

Jen Kramer

Related Courses

Reviews

Start your review of HTML: Metadata in the Head

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free