Summary - SEO package
Write a full SEO meta package for a blog post.
What is an SEO meta package?
Writing all SEO tags together for a single page is what we call an SEO package. It includes the <title>, meta description, Open Graph, Twitter card, canonical and hreflang tags.
All tags must be consistent on the same page: title and og:title should match, canonical and og:url should be the same, and description should align with twitter:description. With the full package written, the page looks good both in search engines and on social media.
Exercise Write a full SEO package for a blog post
Add a full SEO package to the head for a blog post: <title> (longer than 10 characters), <meta name="description" content="...">, <meta property="og:title" content="...">, <meta property="og:image" content="https://..."> and <link rel="canonical" href="https://...">.
Show example solution
<head>
<title>Blog Post: Web Design | Alex Blog</title>
<meta name="description" content="This week we explore modern web design trends in our blog post.">
<meta property="og:title" content="Blog Post: Web Design">
<meta property="og:image" content="https://alexblog.com/cover/design.jpg">
<link rel="canonical" href="https://alexblog.com/article/web-design">
</head>Test yourself
-
Which one is not part of the SEO package?
- <title>...</title>
- <meta name="description" content="...">
- <link rel="stylesheet" href="...">
- <meta property="og:image" content="...">
Show answer
<link rel="stylesheet" href="..."> — Correct. The stylesheet links CSS, not SEO.
-
Complete the robots tag in the package
<meta name="robots" content="____">Show answer
<meta name="robots" content="index, follow"> -
Match the SEO tag with its role
- <title>
- Page title
- meta description
- Search result summary
- og:image
- Social share image
- canonical
- Main URL
- hreflang
- Language version