How to solve “data-vocabulary schema is deprecated” on Google

Since 2022, there have been changes to the implementation of BreadCrumb on the website to make it considered valid by Google searches. If a website still uses the old method, it will definitely get warning in Search Console.

The changes are not significant and only slightly different. It’s very important for site users on builders like Blogspot and so on to update their BreadCrumb so that the warning goes away.

Meanwhile on WordPress-based sites, users can use the help of SEO plugins where the code must have been updated to be valid. And in this article, we will explain how to convert old BreadCrumb code into new one.

Converting Old BreadCrumb Code (data-vocabulary.org) to New (schema.org)

Some webmasters state that BreadCrumb also affects SEO, and website URLs will be displayed neatly on search, so users can see what category the content to be opened is in what category.

The changes are not much and you can customize your own to the breadcrumb code from schema.org. Here’s an example:

OLD CODE (data-vocabulary.org)
Vocabulary Data Old Code

NEW CODE (schema.org)
New Code Schema

After changing it, please try to check the Structured Data Testing provided by Google. Surely now the warning will disappear alias valid. And after that use the request index feature in Search Console to see the results directly in the search.

Also read: Tips for Articles to Get the Green Light on Yoast SEO

Using BreadCrumb with JSON-LD Javascript

Compared to the method above, more people recommend using JSON-LD Javascript. It’s still just as easy, and it seems that most WordPress sites use this method as well.

The following is an example of JSON-LD javascript code taken directly from the Schema.org website:

<script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement":
 [
  {
   "@type": "ListItem",
   "position": 1,
   "item":
   {
    "@id": "https://example.com/dresses",
    "name": "Dresses"
    }
  },
  {
   "@type": "ListItem",
  "position": 2,
  "item":
   {
     "@id": "https://example.com/dresses/real",
     "name": "Real Dresses"
   }
  }
 ]
}
</script>

So by using javascript as above, there is no need to install a special link menu for BreadCrumb that appears on the page, because it has been detected by search engines.

Put the code between the headers so that they are quickly detected. And for blogspot users, you have to change a few things from the javascript code above to make sure the category is right according to the label you have, because the code above is only intended as an example.

Hopefully useful and good luck