This repository provides practical examples of structured data markup using Schema.org and Open Graph protocols, helping developers improve SEO, enable rich snippets in search results, and enhance social media sharing.
Structured data markup helps search engines and social platforms understand the content of web pages more effectively. By implementing Schema.org and Open Graph protocols, developers can:
- Boost SEO with rich snippets (e.g., product prices, ratings, or business details in search results).
- Ensure proper rendering of shared links on platforms like Facebook, X (Twitter), and LinkedIn.
This repository contains seven example files demonstrating structured data for common use cases: a product landing page, a service landing page, a blog article page, a tech blog article page, an online cinema page, an author profile page, and a software review page.
Each file is a self-contained HTML example with Schema.org and Open Graph markup in the <head> section.
An e-commerce product page with full offer markup: pricing, shipping, return policy, seller details, and customer reviews. Helps online stores display rich product snippets in search results and optimize social sharing.
A local service business page with location, opening hours, service offerings, pricing, area served, and reviews. Designed for local businesses looking to enhance search visibility and social media presence.
A standard blog article with author info, publication dates, keywords, and breadcrumb navigation. A baseline example for content-heavy websites aiming to display rich article snippets.
A technical article or tutorial that extends the blog example with proficiency level, dependencies, and target audience. Aimed at educational and developer-focused content.
A movie page combining Movie and VideoObject markup: cast, ratings, reviews, video playback metadata, and interaction statistics. Built for streaming platforms and video-centric websites.
An author's profile or about page using ProfilePage markup. Links to published articles, enabling Google's Profile Page appearance. Useful for blog networks and personal branding.
An editorial software review with ratings, pros and cons lists, FAQ section, and breadcrumb navigation. Designed for independent review articles and affiliate content aiming for Google's review rich result.
To use these examples:
- Clone or download this repository:
git clone https://github.com/andmitr/structured-data-examples.git- Open the HTML files in a text editor or browser to review the markup.
- Customize the structured data by replacing placeholder values (e.g., URLs, names, prices) with your own content.
- Embed the modified markup into the
<head>section of your web page.
After implementing the structured data, validate it using these tools:
- Google Rich Results Test: Checks Schema.org markup for errors and eligibility for rich snippets.
- Facebook Sharing Debugger: Verifies Open Graph metadata for social media sharing.
- Twitter Card validation: X (Twitter) no longer provides a public Card Validator. To verify Twitter Card markup, post a tweet containing your URL and check the card preview.
Additionally, refer to the following guides for detailed explanations of the fields and tags used in this repository:
- Schema.org Guide - Details on Schema.org fields.
- Open Graph Guide - Details on Open Graph tags.
- Twitter Cards Guide - Details on Twitter Card tags.
For more details on the structured data protocols used in these examples, explore the official documentation:
- Schema.org - Comprehensive vocabulary for structured data markup.
- Open Graph - Protocol for enhancing social media sharing.
MIT Licensed. See LICENSE for details.