Jekyll One

QuickSearch

  • Home
  • Series
  • Previous
  • Next

2023 July, 17

Series Elements

This is part 2 in a 3-part series:

  • 2023-07-18 · Part 1 · Magic SEO - Creating Keywords
  • 2023-07-17 · Part 2 · Magic SEO - Structured Data
  • 2023-07-08 · Part 3 · Magic SEO - Canonical Links
Structured data in 2023

Creating structured data is one of the most powerful and simultaneously least understood technique for Search Engine Optimizing. Structured data for webpages is a programming work, mostly supported by already existing software modules and libraries. The data required is taken out of the existing source of a webpage. That means no additional content is required but some programming to enhance the already existing content.

Creating structured data is one of the most powerful and simultaneously least understood technique for Search Engine Optimizing. Structured data for webpages is a programming work, mostly supported by already existing software modules and libraries.

The data required is taken out of the existing source of a webpage. That means no additional content is required but some programming to enhance the already existing content.

The data enables search providers to understand how to interpret the content of a webpage by their robots. The additional information enables search engines to have a more human-like understanding of the content to add extended information to the index to support for better-rendered result pages.

5 Minutes to read

Real world example

One of the formats for structured data supported by search engines, like Google or Bing, is JSON-LD. JSON-LD does not require any HTML tag extention and can be generated by additional software modules to accompany the HTML code generation.

JSON-LD stands for JavaScript Object Notation for Linked Data. It is a data-based method of embedding JSON data in a website placed in a webpage’s <head> section. JSON-LD uses the standard JSON notation and extends this with a syntax (keywords) that allows data to be distinguished according to universally standardized schemata.

I’m the programmer of the template system J1 Template for so-called static websits. The system is a skeleton for building modern websites using the SSG (static site generator) Jekyll. For the SSG, a powerful add-on software is available to automatically generate structured data in parallel of outputting the (static) HTML code.

JSON-LD excerpt
<script type="application/ld+json">   (1)
  {
    "@context": "https://schema.org", (2)
    "@type": "BlogPosting",
    "author": {
      "@type": "Person",
      "name": "Juergen Adams",
      "url": "https://jekyll.one/"
    },
    ...
  }
</script>
1 Embedding the JSON data
2 Keywords to interprete the additional data

Inspect a Website

To understand better what JSON-LD is, I recomment to go for a website that already supports the software required to create structured data. I prepared a website at Github Pages to have a sandbox at your fingertips:

J1 Starter — Home
J1 Starter — Article

In my eyes it is important to learn first how structured data like JSON-LD may look-alike and what is the outcome in terms of so-called extended search results generated by modern search engines.

Open the article page in a browser and display the HTML source code using the key sequence CTRL+U. Search on that page in the code for the keywords J1 SEO.

SEO data
SEO data

You’ll find all SEO-related data automatically generated for that page. At the end of the SEO section, the JSON-LD record is placed to request search engines to generate extended search results.

Extended search results at Google
Extended search results at Google
Extended search results at Bing
Extended search results at Bing

Generated from data at Github

Generated from data at Jekyll One

In both search engines, the search results stand out clearly and show the importance of structured data for better visibility in the search results.

Rich Results Tester

The presence and validity of JSON-LD data injected in a page can be easily tested at:

Google Search Central — Rich Results Test

Rich Results Tester
Rich Results Tester

The tester checks a given URL, or a HTML code snippet, if structured data is available on a page, verifies the validity and type of structured data detected.

Open the Rich Results Test at Google Search Central and copy the URL into the URL field:

Google Search Central — Static Site Generators

The data found in the page should look like so:

Tester Results
Tester Results

Summary

The examples of the extended search results on Google and Bing impressively show the importance of structured data. In both search engines, the search results will stand out clearly and will deliver a significantly larger number of visitors.