eleventy-plugin-schema

Eleventy plugin to generate JSON-LD structured data.

• Installation
• Introduction
• Usage
• Related plugins
• Maintainers
• License

Installation

Install the package:

npm install --save @quasibit/eleventy-plugin-schema

Add the plugin to your Eleventy configuration (usually .eleventy.js):

const schema = require("@quasibit/eleventy-plugin-schema");

module.exports = function(eleventyConfig) {
  eleventyConfig.addPlugin(schema);
};

Introduction

The plugin adds a shortcode to generate the JSON-LD script (including the <script> tag).

The shortcode supports the following schema types:

• WebSite.
• BlogPosting.
• WebPage.
• Product (thanks @christopherpickering).
• Organization (thanks @christopherpickering).
• Breadcrumbs (thanks @christopherpickering).
• SearchAction (thanks @christopherpickering).
• FAQPage (thanks @christopherpickering).
• Videos (thanks @christopherpickering).

Usage

Add data/front matter to your pages. Please refer to the files in demo. If you already have the value in other properties, you can use computed data to clone them.

Call the shortcode where you want the script to be displayed:

{% jsonLdScript meta, type, tags %}

Validation

You can validate the structured data using one of the following tools:

• Google's Structured Data Testing Tool.
• JSON-LD Playground.
• JSON Schema Validator.

Related plugins

• @quasibit/eleventy-plugin-sitemap: generate a sitemap.

Maintainers

• @nunof07

Special thanks to @christopherpickering.

License

MIT. See LICENSE.