The-DevOps-Daily / The-DevOps-Daily/devops-daily

feat: Add structured data (schema.org) for quizzes

Open
#536 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement good first issue hacktoberfest
Dominant language
TypeScript
Stars
1.1k
Forks
392
Avg merge
5h 8m
Merged PRs (30d)
121

Description

Description

Add Quiz schema.org structured data to quiz pages for better SEO and rich results in search engines.

Problem

  • Quiz pages lack structured data
  • Search engines can't identify content as quizzes
  • Missing opportunity for rich snippets
  • No enhanced search results

Benefits

  • Quiz rich results in Google Search
  • Better click-through rates from search
  • Enhanced visibility in search results
  • Educational content recognition

Schema.org Quiz Structure

{
  "@context": "https://schema.org",
  "@type": "Quiz",
  "name": "DevOps Interview Questions Quiz",
  "description": "Test your knowledge...",
  "educationalLevel": "intermediate",
  "typicalAgeRange": "18-",
  "hasPart": [
    {
      "@type": "Question",
      "eduQuestionType": "Multiple choice",
      "text": "What is...",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Correct answer"
      }
    }
  ]
}

Acceptance Criteria

  • Add Quiz schema to all quiz pages
  • Include quiz metadata (title, description, difficulty)
  • Add Question schema for each question
  • Include correct answers in structured data
  • Add to <head> as JSON-LD
  • Validate with Google Rich Results Test
  • Document schema implementation
  • Test with schema.org validator

Files to Modify

  • app/quizzes/[slug]/page.tsx - Add structured data
  • lib/schema.ts - New schema generation utilities
  • components/structured-data.tsx - Reusable component

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading app/quizzes/[slug]/page.tsx, then inspect lib/schema.ts and components/structured-data.tsx to understand the intended schema generation and rendering points. Add Quiz and per-question JSON-LD with the listed metadata and correct answers, document the implementation, and validate it with the Google Rich Results Test and schema.org validator.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, search, web-dev
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.