Martes, Marso 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/12607049033540321687' itemprop='url'/>
<a href='https://www.blogger.com/profile/12607049033540321687' rel='author' title='author profile'>
<span itemprop='name'>Unknown</span>
</a>
</span>
</span>
<span class='post-timestamp'>
sa
<meta content='http://evansphysio1.blogspot.com/2016/03/how-to-start-creating-facebook-instant.html' itemprop='url'/>
<a class='timestamp-link' href='https://evansphysio1.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);'>Ibahagi</a>
</div>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Walang komento:</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'>Mag-post ng isang Komento</a></h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/8367632949078045946?po=3052297956611954021&hl=fil&saa=85391&origin=https://evansphysio1.blogspot.com&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='https://evansphysio1.blogspot.com/2016/03/toronto-library-workers-in-contract.html?m=1' id='Blog1_blog-pager-newer-link' title='Mas Bagong Post'>‹</a>
</div>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://evansphysio1.blogspot.com/2016/03/dishwasher-coming-out.html?m=1' id='Blog1_blog-pager-older-link' title='Mga Lumang Post'>›</a>
</div>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' href='https://evansphysio1.blogspot.com/?m=1'>Home</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' href='https://evansphysio1.blogspot.com/2016/03/how-to-start-creating-facebook-instant.html?m=0'>Tingnan ang bersyon ng web</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>Tungkol sa Akin</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/12607049033540321687' 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/12607049033540321687' rel='author'>Tingnan ang aking kumpletong 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;'>
Pinapagana ng <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=