Tutorials

Validating AMP HTML Pages

Google recently started AMP (Accelerated Mobile Pages) Project aims to instant load web pages in a mobile browser. This is an open-source project and development work running very fast. Webmasters and web admins are implementing this new piece of tech in their sites. TechLoverHD also implemented AMP as well. The last article tells how to install / add AMP on your WordPress site, this article is going to show you how to check if your AMP pages are valid. I can only help you by giving information on how to check, you need to be bit familiar with HTML & JS code in order to solve them by yourself.

After I implemented AMP on this site a while ago, I didn’t check whether they are valid or not for the first week. Then I ran a check and found out they were not valid. Going through the validation process I found the root of the problem. I was using PageSpeed module for site optimization and the module was injecting some scripts to the pages, leads to AMP validation failed. Turning the PageSpeed module off resolved the issue and now they are reporting to be valid on the AMP Validation test.

Requirements:

  • AMP enabled site
  • Google Chrome web browser

How to Check?

  1. Open a new tab in Google Chrome
  2. Insert the URL in your address bar then insert #development=1 at the end of your AMP URL. (Example https://techloverhd.com/2016/04/enable-amp-wordpress/amp/#development=1)
  3. Open Developer Tools in Google Chrome in the same window (press CTRL + SHIFT + I on Windows)

The console window will report if AMP Validation was successful. You will see “Powered by AMP ⚡ HTML – Version 1458844805881” & “AMP validation successful.” message if your AMP page is valid. The version number will change in the future and is not that much important. Otherwise, it will show you the errors. You need to fix the errors to validate your page. If you need help, check this page. Below is a screenshot of AMP validation check in Google Chrome developer tools.

Issues & Bugs

AMP is still in its early stage and actively being developed. It may not be compatible with all your plugins or setup. If you notice any issues or find any bugs please report it to the AMP HTML GitHub Issues page.

TLHD

Tech blogger, web developer. Using Android from January 2009 when I got my first T-Mobile G1. Since then used a handful amount of Android smartphones and tablets. Also, rooting and using custom ROM & MODs on my phones and tablets. Photography is my passion along with Cryptocurrency. Taking pictures with my Samsung NX1 & Canon 70D during free times. Enjoy reading anything interesting happening with technology. Currently using a Galaxy S7 Edge, OnePlus 3, Nexus 5X, Galaxy Tab PRO 12.2.

Share
Published by
TLHD
Tags: AMPWordPress

Recent Posts

How to Send Komodo or Any Smart Chain Funds from Your Address Without Rescanning the Wallet?

Rescan can take long time to finish if you have thousands of transactions in… Read More

4 years ago

UK Granted Huawei A Limited Role In 5G Network

The British government has introduced that it will continue to give Huawei minimal role… Read More

4 years ago

Use Komodo’s DEXP2P Tech for Live Streaming [How-to]

Introduction Komodo's lead developer/founder James Lee "jl777" recently started working on an exciting new tech… Read More

4 years ago

AtomicDEX Mobile Decentralised Exchange is Out for Public Beta Testing

Komodo, the pioneer of decentralised cross-chain Atomic Swap has released their new version of mobile… Read More

5 years ago

How to Check Your VerusCoin Mining Balance, Hash Power & Estimated Average Time to Mine Block

This script and guide is for users who checks their VerusCoin mining node often and… Read More

6 years ago

Claim BTG and Convert to BCH in Quick & Easy to Follow Guide

This is a step-by-step guide to claim your Bitcoin Gold (BTG) and convert them into… Read More

6 years ago