How To Setup The Correct Schema Markup On Your Website (Structured Data For SEO)


Hey! Matt here.

Let’s take a look at Schema Markup.

As you might know, Schema Markup basically tells search engines what your site is about, helping your pages show up better in search results.

Here’s an example of a simple Schema Markup code:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Organization Name",
  "url": "https://www.yourwebsite.com",
  "logo": "https://www.yourwebsite.com/logo.png",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-555-555-5555",
    "contactType": "customer service",
    "areaServed": "US",
    "availableLanguage": ["English"]
  },
  "sameAs": [
    "https://www.facebook.com/yourbusiness",
    "https://www.twitter.com/yourbusiness",
    "https://www.instagram.com/yourbusiness"
  ]
}
</script>

Table Of Contents

  • The difference between Structured Data and Schema Markup
  • Why Use Schema Markup?
  • How to apply Schema markup?
  • How to test your Schema Markup?
  • Schema Markup Planner
  • Conclusion

The difference between Structured Data and Schema Markup

Screenshot 2024 05 14 131557

Now, if you’re like me, you might be confused about what the difference between structured data and schema markup is.

Are they the same?

Are they totally different?

Well that’s what you’ll learn below.

Structured Data:

This is organizing your information in a structure that then allows search engines to better understand it, for example, marking up ingredients, reviews, prices, and event dates.

Schema Markup:

These are literally the pieces of code one uses to label and organize their data. It is the set of tags within a certain vocabulary that you add to your website’s HTML.

Why Use Schema Markup?

Now you might wonder, why would I even bother with this.

Well, because you’re making it clear what your site is all about, your site can rank higher in search engines as a consequence.

That’s reason one.

Second is trust.

By specifying certain attributes like: Person, Organization.

You can show Google (and other search engines) that you are a real person, organization or business.

And lastly, you can use it to improve certain pages in the SERPS (Search Engine Results Pages).

For example, you can get a star rating symbol in the SERPS, when you add the type: “reviewRating”, like this:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Review",
  "itemReviewed": {
    "@type": "Product",
    "name": "UltraHD 4K Television",
    "image": "https://example.com/photos/uhdtv.jpg",
    "description": "Experience stunning 4K clarity with HDR support and a sleek modern design."
  },
  "author": {
    "@type": "Person",
    "name": "John Doe"
  },
  "reviewRating": {
    "@type": "Rating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "1"
  },
  "reviewBody": "This is the best TV I have ever purchased. The image quality is incredible, and the smart features are very user-friendly.",
  "datePublished": "2024-06-01"
}
</script>

How to apply Schema markup?

Getting started with Schema Markup is really easy, follow the steps below and you’ll be good to go!

1. Put it on your site: Just paste each script into the top part of your “<head></head>” code.

1.1 Replace specific details:

Remember to replace business specific data with your own details.

You can also remove any details you don’t use or don’t want to include.

2. Check if it works: Use Google’s Rich Results Test to make sure everything’s set up right.

3. Keep it updated: Make sure to update the scripts if your business info or website changes.

If you’re using WordPress, you can use the RankMath plugin to generate Schema Markup automatically.

How to test your Schema Markup?

If you want to test if your Schema Markup is set up correctly.

You can easily check it with these free tools:

  • Schema Validator: https://validator.schema.org/
  • Schema Validator: https://search.google.com/test/rich-results
  • Browser Extension: https://ahrefs.com/seo-toolbar

Screenshot 2024 05 14 131251

Schema Markup Planner

Now, if you’re someone like me, and you’ve always found Schema Markup to be confusing and difficult to comprehend, setting this up can seem daunting.

For this specific reason, I made a free Notion template that takes care of this.

It’s called the Schema Markup Planner.

You get access to markup templates, a page tracker where you can check off pages, and more!


What’s Included:

  • Schema Templates: Use pre-made templates for Schema Markup.
  • Page Tracker: Track, connect, and check off pages that have Schema Markup.
  • Single Schema Types: Learn the most commonly used types of schema.

You’ll get access to templates for pages like these:

  • Home Page
  • Blog Listing Page (/blog)
  • Blog Articles
  • Product Pages
  • Category Pages
  • About Us Page
  • Service Pages
  • Contact Pages
  • Event Pages
  • FAQ Pages
  • Review Pages
  • Recipe Pages
  • Video Content Pages
  • Job Posting Pages
  • News Article Pages

Here’s a preview of how the template looks:

A screenshot of a tablet, showcasing the schema markup planner for notion

If you’re interested, you can check out the Free Schema Markup Planner over here!

Conclusion

Setting up Schema Markup can be a really good way to improve your pages in the SERPS, and increase your traffic.

It’s something you can do after you’ve done all the basic On-page SEO requirements.

Or if you want to start your website with everything setup in the best way possible.

Make sure to keep an eye out for the latest Google search updates, to stay updated on new structured data opportunities.

Anyways, that’s all for now!

Hope you got something out of this today.

See you on the next one!

Matt

Leave a Reply

Your email address will not be published. Required fields are marked *