Clever Geek Handbook

Hidden clown

I want to embed rusks for my site, but I don't want to create any visible tags for this on my page. I thought to use meta tags, but since they don't have a property href

, they cannot contain a property itemprop="url"

. Below 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 a workaround for this?

+3


source to share


2 answers


HTML5 defines that an element meta

[...] represents the various types of metadata that can not be expressed by means of elements title

, base

, link

, style

and script

.

link

element "allows authors to link their document to other resources."



Thus, you should use link

instead meta

if this value is a URI. ( This also requires microdata .

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <link itemprop="url" href="http://www.example.com/dresses">
  <meta itemprop="title" content="Dresses">
</div>
+2


source


In accordance with Google's Terms of Service, each markup must be visible to every user. Don't include hidden markup because Google will punish you.



0


source






More articles:


All Articles