Google Structured data testing tool

Google algorithm changed and it’s checking structured data with schema.

Here’s brief instruction for making news page structured.

The Google structured data testing tool is available from here.

It is look like this.

google structured data testing tool
  1. First need to put NewsArticle schema in the html tag.
    <html itemscope itemtype="http://schema.org/NewsArticle" lang="en">
  2. Adding meta tags in the head tag (thumbnailUrl, mainEntityOfPage, description, articleSection)
    <meta name="news_keywords" content="Facebook,Facebook Today In,Facebook local news,Facebook testing Today In,Facebook fake news,Facebook Journalism Project" /><meta
    property="article:published_time" content="2018-01-11T23:01:57-05:00" /><meta
    property="article:modified_time" content="2018-01-11T23:01:56-05:00" /><meta
    itemprop="thumbnailUrl" content="http://image.techtimes.com/data/images/full/319769/facebook.jpg" />
    <meta itemprop="mainEntityOfPage" content="http://www.techtimes.com/articles/218601/20180111/facebook-is-testing-a-new-today-in-feature-to-bring-you-vetted-local-news.htm">
    <meta itemprop="description" content="Facebook is currently experimenting with a new city-based section called Today In. In it, users will be able to see local information, announcements, and news."/>
    <meta itemprop="articleSection" content="Society"/>
  3. Updated time (dateModified, datePublished) and author on the published date and reporter name
    <meta itemprop="datePublished" content="2018-01-12T08:37:24-05:00"/>
    <time class="time-format" itemprop="dateModified" datetime="2018-01-12T08:37:24-05:00" data-timestamp="1515764244">12 January 2018, 8:37 am EST</time>
    <span class="t1" itemscope itemtype="http://schema.org/Person" itemprop="author"> By <a href="/reporters/erik-pineda" itemprop="url"><em itemprop="name">Erik Pineda</em></a> Tech Times</span>
  4. Adding name and headline on the article title
    <h1 itemprop="name headline">Google Compiles List Of Chromebooks Vulnerable To Meltdown: Here&#039;s What You Need To Know</h1>
  5. Adding image in the image box
    <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject">
      <meta itemprop="url" content="http://image.techtimes.com/data/images/full/319798/google-chromebooks.jpg">
      <meta itemprop="width" content="804">
      <meta itemprop="height" content="420">
    </figure>
  6. Adding publisher, logo
    <div class="container" itemscope itemtype="http://schema.org/Organization" itemprop="publisher">
      <meta itemprop="name" content="Tech Times">
      <div class="logo" itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
        <meta itemprop="url" content="http://asset.techtimes.com/static/common/_v0.0.1/images/logo.png">
        <meta itemprop="width" content="410">
        <meta itemprop="height" content="44">  
      </div>  
    </div>
  7. Adding Article body
    <div class="at-body" itemprop="articleBody">
      Article body text goes here
    </div>

    This is just an example, and checkout and testing more with the google structured data tool.