How to add categories snippet to search result

Question

There's that green structure link in search results, like seen below:

When I'm looking at the HTML of that page, there's just a simple place at the bottom with categories:

<tbody>
<tr data-count="1" class=" ">
<td class='' ><span class=''><a href='/topsites/category/Computers/'>Computers</a> <span class='text-gt'>&gt;</span> <a href='/topsites/category/Computers/Hacking/'>Hacking</a> <span class='text-gt'>&gt;</span> <a href='/topsites/category/Computers/Hacking/Hardware/'>Hardware</a></span></td>                    </tr>
</tbody>

This is the eample page: http://www.alexa.com/siteinfo/hackaday.com

How can I encourage Google to do the same for my site?

Answer 1

You need breadcrumb snippet for that. Click on see markup data for example.

Below is breadcrumb I use it, in my own website.

<div class="breadcrumb">
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/" itemprop="url"><span title="Goyllo" itemprop="title">Goyllo</span></a></span>
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">&#187; <a href="/seo/" itemprop="url"><span title="Search Engine Optimization" itemprop="title">Search Engine Optimization</span></a></span>
<span itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">&#187; <a href="/seo/basics/" itemprop="url"><span title="SEO Basics" itemprop="title">SEO Basics</span></a></span>
</div>

This will show snippet like this in serp

www.yoursite.com » Search Engine Optimization » SEO Basics

Data vocabulary is still supported by Google, I am still using it in my website from 2015 to 2017. Here is SS