Tuesday, March 8, 2016

How to Start Creating Facebook Instant Articles for Your Blog: Facebook and WordPress Team Up

Facebook is preparing to roll out Instant Articles to publishers —of any size, anywhere in the world—next month by the start of their F8 conference, on April 12 and 13.


To make publishing to Facebook easier for the 25% of the web that uses WordPress, Facebook has teamed up with Automattic, parent company of WordPress, to build a free plugin for Instant Articles. This plugin enables anyone with a WordPress blog to seamlessly share their content as Facebook Instant Articles.


If you’re looking to increase engagement and reach of your content, Instant Articles could be the way to go as early analysis suggests that people engage more deeply with the immersive experience and share Instant Articles with their friends more often than standard web articles.


In this post, I’d love to share with you a little on how Instant Articles work and how you can get your blog set up with Instant Articles using the WordPress plugin.


Let’s get into it! 
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/11122737007180093587' itemprop='url'/>
<a href='https://www.blogger.com/profile/11122737007180093587' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
at
<meta content='http://dansinder.blogspot.com/2016/03/how-to-start-creating-facebook-instant.html' itemprop='url'/>
<a class='timestamp-link' href='http://dansinder.blogspot.com/2016/03/how-to-start-creating-facebook-instant.html?m=1' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2016-03-08T20:46:00-08:00'>8:46 PM</abbr></a>
</span>
<span class='post-comment-link'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'>Share</a>
</div>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>
<a href='javascript:void(0)' id='Blog1_comment-editor-toggle-link'>Post a Comment</a></h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/69890180881919860?po=1349777008769011722&hl=en&saa=85391&m=1' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/1167892209-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<div class='blog-pager' id='blog-pager'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://dansinder.blogspot.com/2016/03/true-t72f-door-gasket.html?m=1' id='Blog1_blog-pager-newer-link' title='Newer Post'>‹</a>
</div>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://dansinder.blogspot.com/2016/03/dishwasher-coming-out.html?m=1' id='Blog1_blog-pager-older-link' title='Older Post'>›</a>
</div>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' href='http://dansinder.blogspot.com/?m=1'>Home</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' href='http://dansinder.blogspot.com/2016/03/how-to-start-creating-facebook-instant.html?m=0'>View web version</a>
</div>
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Footer'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/11122737007180093587' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Unknown
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/11122737007180093587' rel='author'>View my complete profile</a>
<div class='clear'></div>
</div>
</div><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>

<script type=