Because we use Blogspot platform, we need to fix your article in Facebook instant article manually.Now just follow my instructions below on how to fix your article in the Facebook instant article.
The picture above is one of the reasons why I didn't approve in the Facebook instant article.
Here's the way I made to fix my article on facebook instant article
Step 1: In Publishing Tools and Category of Instant Articles, just click Production Articles
Step 2: In Production Articles, look for the article that has a "Sign" like shown in the picture below. If you have an article that has a sign like in the picture below. All you have to do is click "EDIT"
Step 3: After you click the "EDIT", all you have to do is delete all in the HTML.
Step 4: When you already delete all in the HTML. Just copy the code I put below and replace there in the HTML in a Facebook instant article you deleted.
TIPS: It's better to replace all your article in the Facebook instant article, using the format below.
[<head>
<meta charset="utf-8">
<meta property="op:markup_version" content="v1.0">
<!-- FB Automatic Ad Placement -->
<meta property="fb:use_automatic_ad_placement" content="true">
<!-- The URL of the web version of your article. This stops duplicate content. -->
<link rel="canonical" href="PASTE LINK TO ORIGINAL ARTICLE">
<!-- Specify the preferred audience for its topic, which is similar to blog post tags. If you're optimizing a post with helpful newbie parenting tips you may use, "Parenting; Mom; Dad; Baby" for example. These tags indicate the interests of the Facebook audience you want to reach. -->
<meta property="op:tags" content="Example 1; Example 2">
<!-- The style to be used for this article. If you have multiple styles created for your Instant Articles, you would change the name default to the style you prefer to use. -->
<meta property="fb:article_style" content="default">
</head>
<body>
<article>
<figure class="op-tracker">
<iframe>
PASTE YOUR GOOGLE ANALYTICS CODE HERE.
</iframe>
</figure>
<header>
<figure class="op-ad">
PASTE YOUR FACEBOOK AD NETWORK CODE HERE.
</figure>
<!-- The cover image shown inside your article -->
<figure>
<img src="LINK TO YOUR ARTICLE'S FEATURED/COVER IMAGE" />
<figcaption>ADD ALT TEXT/CAPTION FOR IMAGE</figcaption>
</figure>
<!-- The title and subtitle shown in your article -->
<h1>YOUR ARTICLE TITLE</h1>
<!-- A kicker for your article, which can be considered the category/main tag. Keep this constant for your articles. -->
<h3 class="op-kicker">
CATEGORY
</h3>
<!-- The author of your article -->
<address>
<a rel="facebook" href="http://facebook.com/YOUR-PESRONAL-ACCOUNT-LINK" title="YOUR ROLE, IE Blogger, SEO Specialist, CEO, etc.">YOUR NAME</a>
</address>
<!-- The published time stamps -->
<time class="op-published" dateTime="YYYY-MM-DDT00:00:00Z">DATE ORIGINALLY PUBLISHED</time>
</header>
<!-- Body text for your article -->
<!-- Not all HTML works in Instant Articles, and structure of code is strict. -->
<!-- Only H1 and H2 header tags work. H3 and lower are not recognized. -->
<h1></h1>
<h2></h2>
<!-- Paragraph tags ONLY wraps around text, and must wrap around ALL text. Images and Lists (code below) cannot be wrapped around <p> tags. -->
<p>
<strong></strong> <!-- Used to bold -->
<em></em> <!-- Used to emphasize / create italics -->
<a href="LINK">Anchor Text</a> <!-- Used to link to other articles. If the linked article is one that you published as an Instant Article, the user will be directed to that Instant Article. All other links will be directed to a browser window outside of Facebook. -->
</p>
<!-- You can use the data-feedback string to encourage your readers to like/comment on images/video. This is an optional feature. Delete the data-feedback string altogether, or parts of it as you see fit for each image/video. -->
<figure data-feedback="fb:likes,fb:comments">
<img src="IMAGE LINK" />
<figcaption>CAPTION/ALT TEXT</figcaption>
</figure>
<!-- Ordered and unordered lists. Must be placed outside of <p></p> tags. Images cannot be embedded into list items. -->
<ol>
<li>
<strong></strong>
<em></em>
<a href="LINK">Anchor Text</a>
</li>
</ol>
<ul>
<li>
<strong></strong>
<em></em>
<a href="LINK">Anchor Text</a>
</li>
</ul>
<!-- EMBEDDING - You can embed tweets, vines, Instagram and/or even Facebook posts into your article. -->
<!-- For FACEBOOK, TWITTER and INSTAGRAM posts -->
<figure class="op-interactive">
<iframe>
<!-- Embed code here. -->
</iframe>
<figcaption>Optional Caption - delete this line if you don't have alt text for your embedded post.</figcaption>
</figure>
<!-- For YOUTUBE -->
<figure class="op-interactive">
<iframe width="560" height="315" src="YOUR_YOUTUBE_URL"></iframe>
<figcaption>Optional Caption - delete this line if you don't have alt text for your embedded post.</figcaption>
</figure>
<!-- For VINE -->
<figure class="op-interactive">
<iframe src="YOUR_VINE_URL" width="600" height="600"></iframe>
<figcaption>Optional Caption - delete this line if you don't have alt text for your embedded post.</figcaption>
</figure>
<footer>
<!-- Credits / Disclaimer for your article, such as for sponsorships, affiliate links, etc. -->
<aside><em>Text</em></aside>
<!-- Copyright details for your article -->
<small>Copyright © YYYY · <a href="LINK TO YOUR SITE">YOUR SITE NAME</a></small>
</footer>
</article>
</body>]
Step 5: After you put the code, go to your Blogspot article with the same article on the Facebook instant article and put your same article blog post.
Step 6: After you put you put the same article Blog post. Just click save and after you save, click Closed. Do this to all your article in the Facebook instant article that has a sign that needs to fix.
And that's it, go to Configuration and click the Resubmit for review.
I hope Guhit ng Pilipinas blog help you. Please comment below.
0 Comments