Giter VIP home page Giter VIP logo

structured-data-json-ld's Introduction

Structured Data - JSON-LD

Join the chat at https://gitter.im/Jays-Structured-Data/Lobby

Structured Data is hard. Conflicting info. Old outdated information. Poor documentation. I've spent a significant amout of time trying to master it. Now you can benefit from all my hard work and testing. Everything here works properly or it wouldn't be here.

Contents

  • Article.json - If you’re a publisher website, the more specific schema types like NewsArticle or BlogPosting are recommended (choose one or the other, depending on your site/content). Leveraging these markups accordingly can help your content to appear in Google News and in-depth articles search suggestions. Google Resource Page: Enabling Rich Snippets for Articles



  • BlogPosting - An even more specific version of Article for a blog post. See the BlogPosting schema for more info.



  • BreadcrumbList.json - The BreadcrumbList schema allows you to mark up the breadcrumbs on your site to generate breadcrumb rich snippets for your pages in the SERPs.



  • JobPosting.json - Adding structured data makes your job postings eligible to appear in a special user experience in Google Search results leading to increased chances of discovery and conversion. Your postings are eligible to be displayed more prominently in the dedicated Job Search UI, featuring your logo, reviews, ratings, and job details. The new user experience enables job seekers to filter by various criteria like location or job title, meaning you’re more likely to attract applicants who are looking exactly for that job.



  • LocalBusiness.json - An example of a LocalBusiness with multiple locations defined. Each location having it's own defined service areas.



  • LocalBusiness-2.json - An example of a LocalBusiness customized for a law firm. Demonstrates combined @types (LocalBusiness/Organization/LegalService)



  • LocalBusiness-3.json - A detailed example of a complex LocalBusiness customized for a Notary. Demonstrates combined @types (LocalBusiness/Organization/Notary)



  • Person.json - My personal structured data snippet for "Person" in JSON-LD format.



  • Question-w-Answers.json - An example of some markup that results in Rich Snippets for Questions as observed in the wild being used on Stack Exchange websites. SERP Screenshot This example includes additional Schema types for "Answer" and "QAPage" which do not seem to be required but complement each other.



  • Service.json - A collection of services that a LocalBusiness may provide with per/service ratings.



  • ServiceArea - How to define a service area for a local business.



  • SiteNavigationElement.json - The SiteNavigationElement schema can help increase search engines’ understanding of your site structure and navigation and can be used to influence organic sitelinks. (See also WPHeader on this page for an example of usage within a Navbar!)



  • SpeakableSpecification - For Voice search a SpeakableSpecification indicates via css selector(s) sections of a document that are highlighted as particularly speakable. See this article for more info.



  • WebSite.json - The WebSite schema markup helps generate the Sitelinks Search Box feature for brand SERPs and can help your site name to appear in search results. You must, of course, have an existing site search on your website to enable the Sitelinks Search Box element.
    Includes:

  • WPHeader.json - Define structured Data for items within a site's header with the WPHeader schema. Includes SiteNavigationElements within! Also see an example of this in use within the snippet WebSite.json



  • VideoObject.json - A site with embedded or hosted video content can leverage the VideoObject schema. Google primarily displays video rich snippets for YouTube videos, but this will help video rich snippets to appear for your Web pages in Google Video Search. Google Resource Page: Enabling Rich Snippets for Videos



  • ViewAction - Indicates where something should be viewed. One of the most common implementations is in Google App indexing, where it enables a URL from a website indexed in search results, to be opened inside the corresponding App (if installed in the user's device).


Tips & Tricks

You can link snippets together and reuse them (DRY) by defining and referencing their @id (These are called "Node identifiers") Learn more about them here.

Installation

A.) Use Google Tag Manager to insert the code with the "Custom HTML" tag. (See screenshot below.)

B.) Hand code it in.

C.) Use a Wordpress plugin of some type.

To-do

Support

If you found this saved you time feel free to make a donation.

Testing

Wordpress users can use the awesome Structured-Data-Test-Button Plugin, Yoast's Admin bar functions, or others. Everyone else can just visit the Google Structured Data Test Tool.

See also:

Tools

Articles

Sources

structured-data-json-ld's People

Contributors

gitter-badger avatar jayholtslander avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.