Skip to main content

HTML Meta Tags for SEO — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Meta Tags for SEO lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Exercises(5)

  1. 1

    Add a description

    easy10 min

    Add a meta description for search results.

  2. 2

    Allow indexing

    easy10 min

    Add a robots meta allowing index and follow.

  3. 3

    Add an Open Graph title

    easy10 min

    Add og:title for link previews.

  4. 4

    Add an Open Graph image

    easy10 min

    Add og:image for social sharing.

  5. 5

    Build a complete SEO head

    medium10 min

    Combine title, description and canonical.

Find the bug(5)

  1. 1

    Fix the description as a keyword list

    easy8 min

    Descriptions should read as a sentence, not keywords.

  2. 2

    Fix the accidental noindex

    easy8 min

    This tells search engines to skip the page.

  3. 3

    Fix name used for Open Graph

    easy8 min

    Open Graph tags use property, not name.

  4. 4

    Fix the missing content

    easy8 min

    A meta tag with no content says nothing.

  5. 5

    Fix the obsolete keywords tag

    easy8 min

    Search engines ignore meta keywords; use a description.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace