Skip to content
Chapter 06 of 07 · 2 lessons · ~17 min

Media and SEO

Add video, audio and embeds, then make sure Google and social apps show your pages well with the right meta tags.

YOUR PROGRESS0%
/ Lessons in this chapter
12
How to Embed a YouTube Video in HTML How to add YouTube videos, your own videos and audio to a page. Coming soon
13
HTML Meta Tags for SEO The meta tags that actually matter for Google and social sharing. Coming soon

Chapter practice task

Add a video and write SEO tags for every page

  1. Embed one YouTube video on your home page with loading=”lazy” and a title.
  2. Make the video responsive so it fits any screen width.
  3. Write a unique <title> and meta description for every page.
  4. Add Open Graph tags with a share image to your home page.
  5. Paste your page link into a chat app and check the preview.

By the end of this chapter

  • You can embed videos that don’t slow your page down
  • You can write titles and descriptions people actually click
  • Your pages look good when shared on WhatsApp, LinkedIn and X

Quick answers for this chapter

Does an embedded video slow my page?

It can. Use loading=”lazy” so the video only loads when someone scrolls to it.

Do meta descriptions affect ranking?

Not directly, but a clear one can earn more clicks from search results.

Is the title tag the same as the H1?

No. The title shows in Google and the browser tab; the H1 is the main heading on the page.