Advanced SEO Techniques

Structured Data Overview

No items found.
Overview
Structured Data
Structured Data Overview
10:18
501
Adding JSON-LD Structured Data
Adv
16:29
502
Site Name JSON-LD
Adv
503
Articles, News & Blog Post JSON-LD
Adv
504
Site Search JSON-LD
Adv
506
Client Reviews JSON-LD
Adv
506
Breadcrumbs JSON-LD
Adv
508
FAQ Page JSON-LD
Adv
509
Q&A Page JSON-LD
Adv
510
Twitter Cards
Adv
601
Embedding Rich Text in JSON
702
Validating & Debugging JSON-LD
703
Technical SEO
Controlling the Robots
801
Sitemap.xml
802
robots.txt
803
Removing Pages from Google
804
Removing Your WEBFLOW.IO Staged Site from Google
805
More Advanced SEO Techniques
810
Voice Search
810
No items found.

Structured data refers to any data that is organized in a way that can be easily understood by machines.

In the context of web development and SEO, structured data usually refers to specific formats and vocabularies that provide information about a webpage and its content.

It typically involves JSON chunks, or specific HTML vocabularies that tell search engines exactly what each part of the content means and how it should be treated.

Let's say you have a webpage about a movie. You can use schema markup to tell search engines that the page is about a movie, that the title of the movie is "Bladerunner", that it was released in 1982, that the director is Ridley Scott, and so on.

In microdata format, this might look like;

<div itemscope itemtype="https://schema.org/Movie">
  <h1 itemprop="name">Blade Runner</h1>
  <span>Directed by: <span itemprop="director">Ridley Scott</span></span>
  <span>Starring: 
    <span itemprop="actor">Harrison Ford</span>, 
    <span itemprop="actor">Rutger Hauer</span>, 
    <span itemprop="actor">Sean Young</span>
  </span>
  <span>Release date: <time itemprop="datePublished" datetime="1982-06-25">25 June 1982</time></span>
  <span itemprop="description">The film is set in a dystopian future Los Angeles of 2019, in which synthetic humans known as replicants are bio-engineered by the powerful Tyrell Corporation to work on off-world colonies.</span>
</div>

In this example, itemscope and itemtype are used to specify that the <div> is a Movie, and itemprop is used to specify the properties of the movie (the name, director, actors, release date, and description).

Types of Structured Data

There are several types of structured data;

  • Microdata: Microdata is a specification used to nest structured data within HTML content. Schema.org is a popular vocabulary that is often used with Microdata. The example above demonstrates this.
  • JSON-LD: JSON-LD ( JavaScript Object Notation for Linked Data ) is a method of encoding Linked Data using JSON. It's recommended by Google and is commonly used for structuring data in a variety of web applications.
  • RDFa: RDFa ( Resource Description Framework in Attributes ) is an extension to HTML5 that helps to incorporate structured data into HTML documents.
  • Microformats: Microformats are small patterns of HTML to represent commonly published things like people, events, blog posts, reviews and more.

And technically, META tags also describe structured data;

  • Open Graph: Open Graph is a protocol that allows a webpage to become a rich object in a social graph, used primarily for integration with Facebook and other social media platforms.
  • Twitter Cards: Similar to Open Graph, Twitter Cards allow for the addition of structured data specifically for presenting webpage content within Twitter.

Best Practices

  • Use Google Search console, as it is excellent at telling you what it see and where it discovers errors.
  • Review the console regularly, Google does change how it parses the snippets, and you may need to modify them in the future.
Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.