Markup Your Restaurant Menu with Structured Data


Schema.org has just rolled out version 3.2 and with it a handful of updates to their vocabulary, as well as completely new schema. Most notably is the new http://schema.org/Menu, which as you can guess, allows you to mark up a restaurant's menu item by item.

As a completely new vocabulary, you're not going to be able to see any rich snippets in the search results showcasing it, but we're sure it will work it's way into Google's search results before too long. To show the growing importance of JSON-LD in comparison to other types of structured data markup Google has only released an example of the JSON-LD code in the menu schema details. Where the Microdata code example should supposed be is what seems to be an internal 'To Do' note.

So, here's what the JSON-LD code looks like for a single menu item, as well as nested menu items:



<script type="application/ld+json">
{
   "@context":"http://schema.org",
   "@type":"Restaurant",
   "url":"http://www.somerestaurant.com",
   "name":"Some Restaurant",
   "description":"This is the Some Restaurant located on 345 Spear St. San Francisco, 94105 CA. It serves Indian-Mexican fusion cuisine",
   "servesCuisine":[
      "Indian-Mexican Fusion"
   ],
   "menu":{
      "@type":"Menu",
      "hasMenuSection":{
         "@type":"MenuSection",
         "name":"Tacos",
         "description":"Tacos inspired by India cuisine.",
         "image":[
            "https://somerestaurant.com/some_tacos.jpg",
    ...

TO READ THE FULL ARTICLE