Setup FB Instant Articles with Google Amp on Wordpress | Philip Campbell | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Setup FB Instant Articles with Google Amp on Wordpress

teacher avatar Philip Campbell, web3, OBS Open Broadcaster, Screenflow

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

8 Lessons (14m)
    • 1. 1.0 - introduction

    • 2. 1.1 - what is instant articles

    • 3. 1.2 - getting the plugin

    • 4. 1.3 - brief look at facebook side

    • 5. 1.4 - issues you may find along the way

    • 6. 1.5 - the roundup

    • 7. 1.6 - what it should look like! (BONUS)

    • 8. 1.7 - share and review (...) to help us out!

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class


In this course we go through the process of setting up the pagefrog wordpress plugin to serve up facebook instant articles and google AMP pages on your wordpress installation. it's pretty straight forward but there are a few things you should know about the process and you will have to wait up to a week to get a validation of your rss feed submission.

- setting up wordpress plugin with pagefrog
- things you need to setup on the facebook side
- discussion about google and facebook ads
- things to watch out for during setup

An Instant Article is an HTML5 document that loads very quickly in Facebook. Instant Articles give you the ability to tell rich stories in a branded and customizable article format that renders fast on mobile.

Google AMP is a similar thing to instant articles but just uses the /amp extension on a url which strips away all the elements that would normally slow a page down.

both of these systems have advertising offerings so you do not lose out on revenue created that way which would normally maybe stripped out from your sidebar if hosted on Wordpress for instance.

Meet Your Teacher

Teacher Profile Image

Philip Campbell

web3, OBS Open Broadcaster, Screenflow


brand new for 2022 | let's decentralize our content into web 3

i'm an internet strategist teaching anyone that wants to efficiently learn digital skills and tools often with free software based in the cloud - twenty-five plus years of expertise with all things digital and covering the latest trends today (and weekly in our podcast!)

I make courses as often as i can (in between blogging daily that is) my courses are about things I've learned or already done online -- i never make a course about skills I don't have yet!



hitting the road, working mobile, exploring across the uk and america! remote working 

building out creative m... See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. 1.0 - introduction: this course is around 20 minutes. Welcome back to my new course. I'm doing a course on Facebook instant articles and google AMP. And how to install it. So we're going to look at why you need to install it, what it is, how to set up the WordPress plug in. We're gonna be using page frog for this and that gives you access to Facebook instant articles and also another one from Google called Google AMP. I'm also gonna be looking at the steps that you need to take on the Facebook side of things to get everything up and running and issues that you might encounter along the way, I found a few little gripes, little errors in terms of the way that you go around things, I'm gonna briefly discuss those as well. 2. 1.1 - what is instant articles: So what is Facebook articles? Facebook Articles on Google AM pages are just a faster way off loading content. Both Facebook and Google have created a method of taking the content from your website from your RSS feed, removing all the other bloke, removing the possibility of your site being slow, indexing and cashing your content on their site to load quicker from their network versus your site. Somewhere on the Web, you can still advertise using Google and Facebook ads with your artist feet. So all those people who worried that by providing Facebook and Google with these faster versions of your content that you're going to miss out you can still advertise inside of your feeds. Using Google and Facebook. I'm once set up or you need to do is block and share your post to your Facebook page, and it will ultimately put the superfast Facebook articles. Instant articles icon on the content. When people click on that icon on the at, then it will load up the faster version, and the reason why we do this is that it's 10 times faster than the usual mobile web. It has great read metrics, so you can see people going up and down the list of reading it. And the most important figure here is there 70% less likely to abandon the article, which is really quite impressive. And I think this comes down from the stripping away of all the unnecessary bloat around the content and just focus on picture the text and formatted in a super quick, fast way. 3. 1.2 - getting the plugin: to install the plug into a search for page frog in the WordPress plugging story. Totally free, and it's super easy to set up. You just follow the instructions inside the plug into Saturday Giggle AMP. It's literally just a click. Download an additional plug ins. There is no configuration with that's just zero configuration. I'll get into how you access your Google Am pages later on and how they are found with Facebook articles. There is a difference with Facebook articles and just take a little bit more setting Go. But it's not too bad. Once you know what you're doing. I think it requires 10 articles, although recently I have seen it just survive articles. Or maybe they're just trimming down the amount of content so you can't do this from a brand new fresh blood. You need to have existing content on your block before you can do it. For submitting your RSS feed that's on your site and by using page frog, we are creating a custom RSS feed for you to submit once you've said of the begin on your WordPress side. Like I said, it's fairly straightforward. It has a graphic of instructions that you just follow one by one, you copy the unique RSS feed. So by installing the page from Plug in, we get given a unique RSS feed to our block, which we then use to submit on the Facebook side of things which we're going to get into. Also, an interesting thing about this plug in Patriot Plug in is that it's got Apple news format support on the way it's not finished yet, but by covering all of these bases were in really good shape to get out block content into all the platforms where people spend a lot of time where they engage quite a lot. So Facebook Google will be indexing your site to see if it has amp pages on their full results. I presume Search result ranking S. You will be improved by having AM pages the apple side of things as well. It's always good because I know they're really pushing forward to kind of dominate that area as well That built their own news out to take on things like flipboard 4. 1.3 - brief look at facebook side: it said the initial set upon the Facebook side. This is what you get the page when you go into publishing tools. It's a good idea to download the Facebook page at on your device, but your phone or your tablet and works on IOS or android just to be able to manage your pages from your mobile device. Straightforward Step one set up instant articles, step to submit for review. And then there's tools to connect your site and the production or assess feed, which is the RSS feed from page From that I spoke about in the previous slide. There is one thing that you do need to do for the connect your site, and that is to add a meta tag. Now you might know ever added a Met attack to your site before on WordPress. So I used the meta tag manager by Marcus Sykes. You'll find in settings when installed. Going there, you can just drop in the meta tag that they tell you when you click on Connect, you'll site in the tall section. It gives you a method actor, adding you have to add that the verification process to say that this is my blood. This is my feet that way. Then you can go on to add the production feed. So once the meta tag is confirmed, you can add in the registered you are else the registered euros will be the domain name that you're actually hosting it on. And then you just fill in the production RSS feed, which you get from the page frog RSS feed that I mentioned in the previous slide. Really quite straightforward. It's just a serious of steps that you have to go through what you have to do them in order . You have to put the meta tag in. First you have to verify that what you domains in them put the production RSS feed and once that's open running once it's working, once you get the congratulations, you now approve to publish instant articles, make sure that the auto import is on that way. Whenever you your RSS feed changes as in Whenever you put a new blawg article on your website, it will automatically publish that to there's the article feed. That doesn't mean it's actually gone on your page. It just means it's submitted it to the instant article. Que don't worry about that for now. In a minute, we're just going to get into sharing the u. R L Ron, your WordPress as soon as you click on publish, which will then post it onto your Facebook page. As soon as Facebook sees that you are, you will put up the instant article version on applications that support it. 5. 1.4 - issues you may find along the way: you publish to your Facebook page so you can do this with sharing tools inside a WordPress . If you use wordpress dot com with breast, are all of you can also set in the sharing features. Whenever you click on publish, it will share that to your page. You need to be able to be sharing your latest article to that Facebook page. When you do that on the APP on your tablet or your phone, you'll see a little icon whenever things up from running, which is like a lightning symbol. And when you click on that, it brings up the faster version off your article. Now, sometimes you do have issues with templates. For most of time. It's smooth sailing, so you need to have over five articles before they review your RSS feed. I mentioned this earlier. I used to be 10. It's now down to five. You have to have content existing content on your site. It has to be approved. At this stage. You might have an issue come back, and they say there's an issue with your template. You need to fix that before you can reset. Submit it again. If you do have that issue. Go back to your template provider. Tell them what you're doing. If you still have problems and they can't help you and go five dot com, there is people on five dot com that can help you with any templates. Facebook article issues. Like I said, speak to your theme template provider. If you have a custom theme and have issues with your entries with the Google AMP. Side of things just to touch the next, I know we've not mentioned much about it because we've been const. Train on Facebook. To see the Google AMP. Your l's or you have to do is at the end of every Euro for your WordPress block. You just put question mark. I am on the end of the URL, and it will bring you the stripped down version. Now, at the moment, Google and there's nothing to give you any idea how well those pages are doing, But I'll be able to do that in a future course. I'm setting it up now in the hope that it becomes an S e o point. Later on, my site is serving up rampages. Therefore, I'm setting of the Google am now that in the in the future that it will be one of the indicators on Google search that we have relevancy on our site, that it is fast load left for it. Put it bumps is up in the S e o rankings because our content is available to be indexed quicker or pulled back quicker for display. So the way I do this is I have all my blog's concentrated on WordPress. That means I can connect them altogether by using a plugging called jetpack. Very simple to install jetpack. Once you've got that installed on your blog's, it automatically talks to the WordPress website. Inside of there. I can switch on sharing for all of my blog's so that as soon as I posted an article it can go away and post it on my twitter, My Facebook, my Pinterest. Obviously, we're concentrating on Facebook, so you want to be sharing to the Facebook page that you've set up instant articles on 6. 1.5 - the roundup: so the roundup. Then we took a look at the page frog plug in. Which gives you Facebook Instant article on Google AM page support I could set. It's fairly straightforward. If you have any issues, you're more than welcome to leave a message in the comments in the community, and I will help you try and book test it. Find out all the issues that you might have. You should be out of set up and auto import from your blog's RSS feed to Facebook. Articles just automatically work straightaway. We touched on a few areas that might go wrong in the setting up process, so be patient and wait on the RSS feed. Sometimes the RSS feed can take three or four days before they validate that. It's it's working correctly and it does the job. So it's one of those jobs that you start off back to, maybe at the end of the week. But do make sure that you have I've or 10 articles off. Submit your production or it s feet. And like I said, if you have any problems or issues, drop me a message and I will do my best to help you get it going. Fairly straightforward. Would you know the series of steps? All right, that's it. I'll see you my next course. 7. 1.6 - what it should look like! (BONUS): is a little bit of bonus content on the end here. I'm logged into my control panel that WordPress for the A pre on dawn the left hand side. You've got this mobile formats menu on here. You got set up styling, analytics, ads and settings, and you can see here I've already downloaded installed the plug in for the GIB Google AMP. Html Onda At the top is the Facebook Instant articles on the begins set up. You hit this request access, which then takes you through to this page quickly go back. We'll go to that in a minute. The only bit of information that you will need from page frog is this your all of the bottom, which is the unique or a test fee to just highlight that. Copy it and then you drop that into the RSS feed for the production, which I'm going to show you now. So once you're on your page, I'm on the a pre house page. Here you go to publishing tools. If this is not showing that it means you don't have enough people liking or following your page, not validated it or accepted your u R L for the page yet I believe you need to have a certain amount of articles and comments and likes and a variety of different things. You need to look into that, but you should have a publishing tools tab. When you have that you have four options on the left. Under instant articles, configuration production articles, development articles and example articles, you will probably only use the 1st 2 links configuration and production articles. This is very simple. Settle startup set up. Sorry. Step one to step three. Set up instant articles. Just follow these down from the top. Submit for review. You only do that once you've set everything up in the tall section, so it's a bit misleading. You follow these in order than a textual off into all different kinds of places. You end up getting lost, so I tend to do this first, which is connect the site. So grab this meta tag. Drop that meta tag into the header of your website. Make sure you register the girls for that particular website, so this one is a pre dot house. Also put it without the www on what that might attack is refreshing. Then it will allow you to claim your site than that you are l the RSS feed. You are all that we just got from the plug in drops in here. You can see here, Avery house question, Mark, feed, page frog. And then you just save that. Once you've got that in there, then you go up to step two and submitted for review, and you have to have five articles in your production library for submitting the review. So the production articles. If I go over here, you can see that I've got to here and there in the queue. But I had I did have eight or nine, which I've removed the other ones because they were older block posts and they weren't really relevant anymore. So this tells me that they're actually live instead of unpublished going back to the configuration again. Quickly, you can see in step three start publishing instant articles. You can do it via the A p I, or you can do it by Orissa's publishing, which is what we're doing. There's a button underneath that says auto import on. So once you've published on your wordpress blawg, they will automatically post toothy instant articles causes pulling in the RSS feed, but it won't post them automatically onto your page. So this is where I've copied the URL to one of my book post cause I didn't have automatic sharing on on you will see running on your mobile on your on your mobile phone or your tablet. When you hover over this, this post, you will get a little lightning round lightning icon on the right inside. When you hit that on mobile, it strips away all of the other bloats and just present you with images. Some text. This is therefore being served off the Facebook network, which is 10 times faster than pulling in from your blawg on. Their stats are proven that you have 70% more engagement authorities platform because of the speed that it loaded out. So instead of 3 to 5 seconds on your on your website, it maybe 300 to 400 milliseconds on the Facebook hosting. So I just wanted to show that bit of a bonus. Really, I can't wait for the Apple news format to be supported as well. On dumb, you'll be covering all the bases than the master, the big sites Facebook, Google and Apple News. That's it. Thanks. Bye 8. 1.7 - share and review (...) to help us out!: while I have you enjoyed the course, Please share and review the course. It really does. Help me out. Click on the triple dot button. Leave a review shared with Twitter and Facebook. I'll catch up with you.