Hey there :) I'm having some trouble with the design I have from a designer and the need for structured data.
The problem is as follows:
The design of the frontpage has 8 integrated articles that leads to the full article. It has a title, desc, date time published, and they want structured data for the news on the index. But there is no image and on the Google structured data validator it says image is required... Can I just use display:none in css and hide the image, and still setup data for the news/article image? Or will I get in trouble with Google here?
Or should I just tell them that it can only be done on the full article page, where there is a dedicated image to the article.
Maybe I could use the JSON application approach to avoid using display:none;?
I tried looking into the suggested Questions, but didn't find a clear answer. Please mark as duplicate if there is a clear answer out there. Cheers.
Example of what I'm trying to do:
<article itemscope itemType="http://schema.org/NewsArticle"> <header> <time itemprop="datePublished" datetime=""> </time> <h1 itemprop="headline">News</h1> </header> <div itemprop="articleBody"> <img class="hide-article-img" itemprop="image" src="specific-news-thumbnail.jpg" alt="specific-news-thumbnail desc"/> <p>This is the content of article.</p> </div> <footer> <a href="#">Læs mere</a> </footer> </article>