A (Brief) intro to Search Engine Structured Data

A Caveat

I feel a little weird writing this blog post, because of a few factors:

So, I don't know if I'm missing something, but I'm here to share something that I've learned about structured data and it's impact on a website.

What is structured data?

Structured data is a blob of structured data that is added to individual web pages. That data is constructed in such a way that a search engine crawler can parse it, and get a better understanding about your content.

Why should I care about structured data?

If your site is primarily content based (as opposed to say, a single page app), and you care about getting traffic from search engines, you should probably care. This is one of the best ways that you can signal to search engines certain things about your content that they might not otherwise understand.

To quote Google:

Structured data can help Google properly classify your page in search results, and also make your page eligible for future search result features.

Okay, I'm listening. What does this look like?

The short version is that you add data into your page that isn't generally seen by normal users, but they could if they 'view source'd it.

There are three ways to introduce this data:

Google has specified that it prefers the JSON object approach,

Google recommends using JSON-LD for structured data whenever possible.

but, depending on how your data is organized and the way you can retrieve it, it may not be possible to implement. Do what you can.

For the purposes of this article, I'm going to focus on JSON.

Give me an example of a JSON object

When adding this data to a page, typically this JSON object will apply to that entire page, or URI. So, the first thing you need to consider is: what kind of content is this?

The reason is that depending on the kind of content, there are different kinds of structured data that you will need to include, if you want a search engine to understand your content well.

For instance, lets say you have a blog. You could add something like this:

<!-- this would go somewhere in the <head> of an html document -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "headline": "A (Brief) Intro Search Engine Structured Data",
    "dateModified": 2019-07-31T08:10:17-04:00,
    "datePublished": 2019-07-30T08:12:10-04:00,
    "image": "http://path/to/image.png"
  }
</script>

A few things to note:

Another example,

Let's say, for a TV Show:

<!-- this would go somewhere in the <head> of an html document -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "TVSeries",
    "description": "The 1980's, with monsters.",
    "genre": "Science Fiction Nostalgia",
    "image": "https://path.to.some/image.png",
    "name": "Stranger Things",
    "numberOfSeasons": "3",
    "containsSeason": [
      {
        "@type": "TVSeason",
        "name": "Season 1"
      },
      {
        "@type": "TVSeason",
        "name": "Season 2"
      },
      {
        "@type": "TVSeason",
        "name": "Season 3"
      }
    ]
  }
</script>

Note - this is considered Media by Google, but adding this structure allows Google to understand more about the relationship between pieces of media.

An example of a Logo

On a large site's homepage, which is really a landing page, you may want to just use that page to identify the organization itself. You can add a "Logo" JSON object like so:

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "url": "https://yourwebsite.org",
    "logo": "https://yourwebsite.org/path/to/logo.png"
  }
</script>

What about AMP?

You will notice in a lot of Google's documentation, they mention AMP implementations. If that's your thing, go for it.

I personally find AMP super creepy. That being said, I'm fine adding some data to my site if it helps Google understand it better.

There are non-AMP implementations of structured data - you should follow those.

How do I test this?

Glad you asked! Google does provide a Structured Data Testing tool - you can give it either a publicly available URL, or paste in markup (if you're working locally). It can be super helpful in catching issues.

Conclusion

I hope this brief introduction has given you at least a glimpse into structured data, and made you think about how it could benefit the sites that you work on. I fully acknowledge that I'm not an authority on this, but I hope you find this helpful!