<article class="Post" id="post-<?php the_ID(); ?>" itemscope itemtype="https://schema.org/BlogPosting">
<section class="Post-content" itemprop="mainEntityOfPage">
<header>
<!-- thanks to 10up for this -->
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<img src="https://placekitten.com/g/400/150" srcset="https://placekitten.com/g/400/150 1x, https://placekitten.com/g/800/300 2x" alt="header image" />
<meta itemprop="url" content="https://placekitten.com/g/400/150" />
<meta itemprop="width" content="400" />
<meta itemprop="height" content="150" />
</div><!--/itemprop=image-->
<h1 class="Post-title" itemprop="headline">Article Title</h1>
<div class="PostMeta">
<p><strong>Author</strong>:
<span itemprop="author">Author Name</span>
</p>
<p><strong>Publish Date</strong>:
<time datetime="2017-01-04">January 4, 2017</time>
</p>
</div>
<div itemprop="publisher" itemscope="itemscope" itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<meta itemprop="url" content="https://placekitten.com/g/100/100" />
<meta itemprop="width" content="100" />
<meta itemprop="height" content="100" />
</div>
<meta itemprop="name" content="Company Name" />
</div>
</header>
<div class="Post-body" itemprop="articleBody">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non rhoncus tortor. Nam odio risus, blandit auctor gravida et, vulputate in dui. Ut quis tellus sed lorem dignissim sagittis. Duis pharetra at leo a viverra. Maecenas sagittis aliquam tellus, eget faucibus arcu blandit vel. Duis vestibulum viverra orci, sed rutrum augue congue sit amet. Curabitur arcu enim, interdum consectetur maximus in, ornare nec elit.
</p>
</div>
</section>
</article>
<article class="Post" id="post-<?php the_ID(); ?>" itemscope itemtype="https://schema.org/BlogPosting">
<section class="Post-content" itemprop="mainEntityOfPage">
<header>
<!-- thanks to 10up for this -->
<?php if ( has_post_thumbnail() ) : ?>
<?php
$meta = wp_get_attachment_metadata( get_post_thumbnail_id( get_the_ID() ) );
$width = $meta['width'];
$height = $meta['height'];
?>
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
<?php the_post_thumbnail(); ?>
<meta itemprop="url" content="<?php echo esc_url( the_post_thumbnail_url() ); ?>" />
<meta itemprop="width" content="<?php echo esc_attr( $width ); ?>" />
<meta itemprop="height" content="<?php echo esc_attr( $height ); ?>" />
</div><!--/itemprop=image-->
<?php endif; ?>
<h1 class="Post-title" itemprop="headline"><?php the_title(); ?></h1>
<div class="PostMeta">
<p><strong>Author</strong>:
<span itemprop="author"><?php the_author_link(); ?></span>
</p>
<p><strong>Publish Date</strong>:
<time datetime="<?php echo esc_attr( get_the_time( 'Y-m-d' ) ); ?>"><?php the_date(); ?></time>
</p>
</div>
<div itemprop="publisher" itemscope="itemscope" itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<meta itemprop="url" content="https://placekitten.com/g/100/100" />
<meta itemprop="width" content="100" />
<meta itemprop="height" content="100" />
</div>
<meta itemprop="name" content="<?php bloginfo( 'name' ); ?>" />
</div>
</header>
<div class="Post-body" itemprop="articleBody">
<?php the_content(); ?>
</div>
</section>
</article>
<article class="Post post-type-{{post.post_type}}" id="post-{{post.ID}}" itemscope itemtype="https://schema.org/BlogPosting">
<section class="Post-content" itemprop="mainEntityOfPage">
<header>
{% if post.thumbnail %}
<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
{% import '_macros/_img.twig' as m_img %}
{{m_img.responsive(post.thumbnail.id, {alt: 'Post-thumbnail', class: 'responsive'})}}
<meta itemprop="url" content="{{post.thumbnail.src}}" />
<meta itemprop="width" content="{{post.thumbnail.width}}" />
<meta itemprop="height" content="{{post.thumbnail.height}}" />
</div>
{% endif %}
<h1 class="Post-title" itemprop="headline">{{post.title}}</h1>
<div class="PostMeta">
<p><strong>Author</strong>:
<span itemprop="author">{{post.author.name}}</span>
</p>
<p><strong>Publish Date</strong>:
<time datetime="{{post.date("Y-m-d")}}">{{post.date}}</time>
</p>
</div>
<div itemprop="publisher" itemscope="itemscope" itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
<meta itemprop="url" content="https://placekitten.com/g/100/100" />
<meta itemprop="width" content="100" />
<meta itemprop="height" content="100" />
</div>
<meta itemprop="name" content="{{site.title}}" />
</div>
</header>
<div class="Post-body" itemprop="articleBody">
{{post.content}}
</div>
</section>
</article>