Structured data and schema markup in SEO Fundamentals - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to specify the type of content using schema.org vocabulary.

SEO Fundamentals

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "[1]" } </script>

Drag options to blanks, or click blank then click option'

ACSS

BHTML

CArticle

DJavaScript

Attempts:

3 left

💡 Hint

Common Mistakes

Using programming languages like HTML or CSS as the type.

Leaving the type blank or incorrect.

The @type property defines the type of content using schema.org vocabulary. "Article" is a common type for web content.

2fill in blank

medium

Complete the code to add a name property to the structured data.

SEO Fundamentals

<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "[1]": "How to use schema markup" } </script>

Drag options to blanks, or click blank then click option'

Aname

Bheader

Ccontent

Dtitle

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'title' which is not a standard schema.org property.

Using 'content' or 'header' which do not represent the name.

The name property is used to specify the title or name of the item in schema markup.

3fill in blank

hard

Fix the error in the JSON-LD by completing the missing context URL.

SEO Fundamentals

<script type="application/ld+json"> { "@context": "[1]", "@type": "Person", "name": "Alice" } </script>

Drag options to blanks, or click blank then click option'

Ahttps://schema.org

Bhttp://schema.org

Chttps://example.com

Dhttp://example.com

Attempts:

3 left

💡 Hint

Common Mistakes

Using http instead of https.

Using unrelated URLs like example.com.

The correct context URL for schema.org structured data is https://schema.org. It tells search engines where to find the vocabulary definitions.

4fill in blank

hard

Fill both blanks to create a structured data snippet for a product with a name and price.

SEO Fundamentals

<script type="application/ld+json"> { "@context": "[1]", "@type": "[2]", "name": "Coffee Mug", "price": "12.99" } </script>

Drag options to blanks, or click blank then click option'

Ahttps://schema.org

Bhttps://example.com

CProduct

DArticle

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong context URLs.

Using incorrect types like Article for products.

The @context must be https://schema.org and the @type for a product is Product.

5fill in blank

hard

Fill all three blanks to create a structured data snippet for an event with a name, start date, and location.

SEO Fundamentals

<script type="application/ld+json"> { "@context": "[1]", "@type": "[2]", "name": "Concert", "startDate": "[3]", "location": "Concert Hall" } </script>

Drag options to blanks, or click blank then click option'

Ahttps://schema.org

BEvent

C2024-09-15T20:00

Dhttps://example.com

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect context URLs.

Using wrong types like Product for events.

Incorrect date formats.

The context URL is https://schema.org, the type for events is Event, and the start date must be in ISO 8601 format like 2024-09-15T20:00.

Practice

1. What is the main purpose of using structured data on a webpage?

easy

A. To hide content from visitors

B. To change the website's background color

C. To help search engines understand the content better

D. To make the website load faster

Solution

1. Step 1: Understand structured data's role

   Structured data provides extra information about the content to search engines.

2. Step 2: Identify the main benefit

   This helps search engines display richer results, improving visibility.

3. Final Answer:

   To help search engines understand the content better -> Option C

4. Quick Check:

   Structured data = better search understanding [OK]

Hint: Structured data helps search engines, not design [OK]

Common Mistakes:

• Confusing structured data with website design
• Thinking it speeds up the website
• Believing it hides content

2. Which of the following is the correct way to start a JSON-LD script for schema markup in HTML?

easy

A. <script type="text/javascript">

B. <script type="application/ld+json">

C. <style type="application/ld+json">

D. <link rel="schema">

Solution

1. Step 1: Identify correct script tag for JSON-LD

   JSON-LD uses a script tag with type "application/ld+json" to embed structured data.

2. Step 2: Compare options

   <script type="application/ld+json"> matches the correct syntax; others are for different purposes.

3. Final Answer:

   <script type="application/ld+json"> -> Option B

4. Quick Check:

   JSON-LD script tag = <script type="application/ld+json"> [OK]

Hint: JSON-LD always uses script with type application/ld+json [OK]

Common Mistakes:

• Using text/javascript instead of application/ld+json
• Using style or link tags incorrectly
• Missing quotes around type attribute

3. Given this JSON-LD snippet, what type of entity is being described?

{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Alice Smith",
  "jobTitle": "Software Engineer"
}

medium

A. An organization

B. A product

C. An event

D. A person

Solution

1. Step 1: Check the @type property

   The @type is "Person", indicating the entity is a person.

2. Step 2: Confirm with other properties

   Properties like "name" and "jobTitle" support that this describes a person.

3. Final Answer:

   A person -> Option D

4. Quick Check:

   @type "Person" means entity is a person [OK]

Hint: Look for @type value to identify entity type [OK]

Common Mistakes:

• Confusing 'Person' with 'Organization'
• Ignoring the @type field
• Assuming jobTitle means product

4. Identify the error in this schema markup snippet:

{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Music Concert",
  "startDate": "2023-13-01T20:00"
}

medium

A. Invalid month value in startDate

B. Missing @context property

C. Wrong @type value

D. Missing name property

Solution

1. Step 1: Check the startDate format

   The date "2023-13-01T20:00" has month "13", which is invalid (months go 01-12).

2. Step 2: Verify other properties

   @context, @type, and name are present and correct.

3. Final Answer:

   Invalid month value in startDate -> Option A

4. Quick Check:

   Month must be 01-12 in dates [OK]

Hint: Check date values carefully for valid month/day [OK]

Common Mistakes:

• Ignoring invalid date formats
• Assuming @context or name is missing
• Confusing @type values

5. You want to add structured data for a recipe that includes a name, ingredients, and cooking time. Which schema type should you use to best represent this information?

hard

A. Recipe

B. Product

C. Article

D. Event

Solution

1. Step 1: Identify the content type

   The content is a recipe with ingredients and cooking time, which matches the "Recipe" schema type.

2. Step 2: Match schema type to content

   "Product" is for items sold, "Article" is for written content, and "Event" is for happenings, so they don't fit.

3. Final Answer:

   Recipe -> Option A

4. Quick Check:

   Recipe schema = recipe content [OK]

Hint: Use schema type matching your content topic [OK]

Common Mistakes:

• Using Product or Event schema for recipes
• Confusing Article with Recipe schema
• Not including cooking time in Recipe schema