CSS is not recognized by any Microdata parser that I’m aware of. You’ll need to add a meta tag to specify the image like this: <div itemscope itemtype=”http://schema.org/Article”> <meta itemprop=”image” content=”bg.jpg”></meta> <div style=”background-image:url(‘bg.jpg’)”></div> </div>
The usual HTML way would be to use one attribute and separate several values with space characters. Looking into the Microdata specification, you’ll notice that this is the case for the itemprop attribute, too: The itemprop attribute, if specified, must have a value that is an unordered set of unique space-separated tokens […] So this … Read more
If SiteNavigationElement is meant for the whole navigation (i.e., a navigation link list), your first example is correct. If SiteNavigationElement is meant for a single navigation entry (i.e., a link in the navigation link list), your second example is correct. I think Schema.org doesn’t unambiguously define which variant is meant, as they only say: A … Read more
Consumers that support Microdata support Microdata, no matter if or where Microdata is specified. It’s conceivable that new consumers might decide not to support it, but the syntax is still very popular and still part of WHATWG’s HTML Living Standard, so it’s probably not going to vanish. About the consumer Google Some years ago, JSON-LD … Read more
If a meta element has an itemprop attribute and a content attribute, and has no name attribute, no http-equiv attribute, and no charset attribute, then it’s valid to have this meta in the body. (If the value is a URL, you must use link instead.) Why? Because the Microdata specification changes HTML5. (Note that RDFa … Read more
Schema.org is a vocabulary that can, like any other vocabulary, be used in many forms. The website http://schema.org/ has examples using Microdata and the RDF syntaxes RDFa and JSON-LD, but these are not the only syntaxes it can be used with. You could, for example, use it with any other RDF syntax like Turtle or … Read more
This one came to my attention recently. linter.structured-data.org I like that it generates a preview when the Google Rich Snippet tool reports “Insufficient data to generate the preview.” The structured-data tool also generates a more structured, almost graphical result, which makes the results a bit easier to understand.
There is no benefit in having single or multiple data blocks, other than limitations around how you might store and manage schema data in your website. For example, you might need them separate if different components within your website are responsible for generating each data block independently. Alternatively, if your website is able to manage … Read more
In your example, the script element is used as data block, which contains JSON-LD (type=”application/ld+json”). JSON-LD is a RDF serialization. It allows you to publish Linked Data (or structured data) using JSON. In your example, the vocabulary Schema.org is used (“@context”: “http://schema.org”). This structured data can be used by any interested consumer. Prominent consumers are … Read more
So, to start with a couple of cliche’s and mangled metaphors – we’re talking apples and oranges a bit comparing OG and Schema.org, and when it comes to this metadata it’s horses for courses. The right answer depends on your intent, in adding metadata to your page. What is it that you’re hoping to gain? … Read more