What is AMP

AMP stands for Accelerated Mobile Pages. While that sounds great, it does come with some serious limitations. For starters, on the What is AMP page, the first sentence says “AMP is a way to build web pages for static content that render fast.”. That’s right. Static Content. That means it won’t easily work with a CMS. There is a WordPress AMP plugin that apparently works only with posts (not pages or archives). Yoast, the makers of Yoast SEO (the most popular SEO plugin for WordPress) has an excellent post about the work they’ve done with AMP for WordPress.

What I suspect, and what Yoast confirms to an extent, is that design options are very limited with AMP pages. Forget about background images. JavaScript? Not really. There are some libraries available and still being developed. Yoast says in their article that they have a way to include Google Analytics (which is a JavaScript) if you're using WordPress. See the article on the Google Developers website for instructions on how to add Google Analytics to your web pages manually. All CSS needs to be inline and is limited to 50k in size. Elements with CSS attributes like float need min-width and min-height. As I get further into my experiments, I’m sure there will be plenty of other quirks to add to this page.

If your website is already kind of bare bones with a minimalist design, you can easily recreate the theme or template and use it for landing pages like this one. Try disabling JavaScript with your web developer tools to see how dependant your theme or template is on it before getting started.

I've begun testing with the WordPress AMP plugin and the Yoast WordPress plugin Glue for Yoast SEO & AMP which gives you a little control over the look of your AMP pages. You can customize the CSS, so long as it's AMP valid. That's no small caveat since the CSS restrictions are substantial. Take a look at any page on Champlain Marketing to see these WordPress AMP plugins at work.

So far the testing suggest that the pages are AMP valid. I will try working withe th custom CSS a bit more to see what can and can't be done there.