SEO News

AMPImplementing AMP for a Joomla website is now very easy because there is a plugin availbale that does most of the work for you. However you need to check for some obstacles.

AMP is one of the hottest SEO topics this year. Pushed by Google, websites using the Accelerated Mobile Pages framework have some advantages on the SERPs, especially the chance to appear in the news articles carousel. The main components of AMP are a reduced HTML and JavaScript as well as using Google's cloud or CDN to cache static content.

While there have been AMP plugins for WordPress very early, Joomla website owners had to wait a little bit longer for an adequate extension for their CMS. Since a few weeks, there is an AMP plugin for Joomla, named wbAMP. With wbAMP you can set up AMP for your Joomla website quite easily. The installation and configuration are done in a few minutes. However, you have to be careful, because AMP's requirements must be met completely in order for a page to show up in Google's search results.

Summarized, the following conditions must be met in order for an AMP page to be eligible:

  • Integration of accepted HTML Tags and JavaScript only
  • Structured Data markup for articles, blogs or news articles (
  • References from the HTML pages to the AMP pages and vice versa

The good news is that all these things can be done for you by the plugin. The bad news is that despite a correct configuration of the plugin there can still appear some problems. But if you know what to do these problems can be solved quickly.

Here are the necessary steps to set up AMP for your Joomla website:


Install the wbAMP plugin

You can find abAMP on this website. After installing wbAMP, enable the plugins "wbAMP" and "com_content wbAMP support".


Configure the plugin

On the start page of the plugin you have to choose a suffix that will be used for your AMP pages. Per default this suffix is "amp". The URLs of your amp pages will look like that:

wbAMP starz page


Click on the "Select pages" tab and fill in the fields for "com_content rule". Normally you would leave Itemid(s) and Article Id(s) with the"*", meaning that all items and articles are potential AMP candidates. The most important choice to make here is the category or categories for which AMP pages should be delivered. Choose only those categories with news-relevant content.

wbAMP: page selection


The rest of the rules you don't need to define for the moment. Just leave them blank.

Now choose the tab "Meta data" and fill in the required fileds. Be careful: There are strict requirements for the logo. It must fit inside a 600x60 pixels frame. Either width must be 600 pixels or height must be 60 pixels, so for example a logo with dimensions 400x45 is not accepted.

wbAMP: Meta data

In the pro version of wbAMP you have the opportunity to configure analytics and ads for your AMP pages. These topics we will cover in another article later on.

Installing and configuring wbAMP will take care for the correct code and markup of your AMP pages. However, in order to be sure that everything works fine, you should test if your AMP pages are valid and if the structured markup is correct.


Checking Validity of AMP code

In order to check the code validity the best tool to use is Google's Chrome browser. Enter the URL of an AMP page in the browser and append the suffix "#development=1". So the URL would look like this: Open the Chrome dev tools console and check if there are any errors displayed. This could look like that:

AMP validation errors in Google Chrome


If no errors are displayed and the console tells you that your AMP code is valid: Congratulations!


Checking the structured markup

Valid AMP code isn't sufficient for AMP pages to show up in Google's news carousel or other prominent SERP positions. In order to reach this, the pages must contain the correct and complete structured markup - either for Article, NewsArticle or BlogPost. You can check the markup of your pages with the Google Structured Data Testing Tool.

One source of errors for implementing the correct structured markup with Joomla is that the CMS itself sets markup for Articles whereas the wbAMP plugin sets the markup for NewsArticles - meaning that you will have both in your source code. Additionally the Article markup set by your CMS is missing some items which leads to errors displayed by the Structured Data Testing Tool. The NewsArticle markup set by the plugin in contrast is correct. According to Google employee Tomo T, the mixed up structured data is not a problem as long as one of the data sets is complete.


Check Google Search Console

If all works fine, the final step is checking your AMP pages in Google search console. There you can see if any problems occurred and how many AMP pages are indexed at the moment. Unfortunately, there is no way to check if AMP pages actually show up on Googles SERPs. John Mueller from Google said in a Webmaster Hangout that maybe in the future Google Search Console will be extended to show detailed information like these.

AMP pages in Google Search Console


If you are using a Content Delivery Network for your website be careful: Some of the CDN's fuctions may cause problems with AMP pages. Cloudflare for example inserts some additional JavaScript when using the "RocketLoader" feature for asynchronous JS loading. This additional JavaScript causes AMP validation errors. If using this CDN, simply switch off RocketLoader.






SEO Südwest deutsche Webseite

Hear me speak



SEO Südwest: Platz 5 bei den SEO-Wahlen 2014 zum besten deutschen SEO-Blog Tipp 12/15

iBusiness Top-100-Liste SEO-Dienstleister

Popular from

Internet World Business

SEO United


Connect now



kr3m - Die Nährstoffexperten border=
Flintec IT GmbH