I want to implement breadcrumbs for my site but I do not want to create any visible tags for that on my page. I thought of using meta tags but as they do not have href property, they can’t contain the itemprop="url" property. Following is the code I am using:
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <meta href="http://www.example.com/dresses" itemprop="url"> <meta itemprop="title" content="Dresses"> </div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <meta href="http://www.example.com/dresses/real" itemprop="url"> <meta itemprop="title" content="Real Dresses"> </div> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <meta href="http://www.example.com/clothes/dresses/real/green" itemprop="url"> <meta itemprop="title" content="Real Green Dresses"> </div> Is there any workaround method to achieve this?