Currently I'm creating a review website on which the items that are reviewed have their logo / main image as an SVG object.
Unfortunately Google's Structured Data Testing Tool doesn't allow SVG as value for images in the Article
.
Strangely enough Google does accept SVG as logo for an organization.
Anyway, is there a way around this problem to either:
- Use the SVG as image for the
Article
type? - Will this error really cause SEO or snippet problems?
- Can I define a JPG/PNG version of the SVG file but prevent it from loading? (first of all I don't see any place fit to load that image again and secondly it would increase loadingtime / data-use (and therefor also negatively impact seo without any real use for the user)
Update: the error Google SDTT is giving me:
Blockquote https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/clippath.svg (The value provided for image must be a valid URL.)
Example html:
<section itemscope itemtype="http://schema.org/Article">
<img src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/clippath.svg"
alt="Logo" itemprop="image"/>
<div class="title-wrapper">
<h1 class="title" itemprop="name headline">
<strong>Title</strong>
<small>Review 2019</small>
</h1>
<span class="last-modified" itemprop="dateModified" content="2019-01-02">
<strong>Laatst bijgewerkt:</strong> 2 januari 2019</span>
</section>
Note: I changed and stripped some code unnecessary for this example.
Note2: I added an example SVG for privacy purposes
Note3: I know author, datepublished and publisher are missing in this example, but that's not the point here.
Article
): Does Google parse SVG images as value of the Schema.org 'image' property in JSON-LD?