By neglecting web performance,
the JavaScript community unintentionally paved the way for AMP.
Amp Page Maker
- Benefits of Amp Web Pages for valid AMP pages:
-
- SEO Preferential treatment
- FREE Global Google Cache
- Works for both Mobile & Desktop versions
- Heavy weight pages are all Lazy Loaded
- If you unfamiliar with the AmpProject
-
Please check the Links page for further details.
-
- Otherwise
-
This site can easily
Create Templates
which pass the strict AMP validation requirements.
-
- BEWARE:
-
ONLY valid pages will be included in a Google Search
¯\_(ツ)_/¯
The idea is to gradually learn from your mistakes...
- Start with Create Template to create a VALID AMP Page
- Copy and paste the template source code to a web site or localhost with a .html extension
- Setup AMP Validation because **ONLY** Valid AMP pages are indexed
- Personalize by adding content
- Ensure the template validates without errors or warning
- Goto Step 4 - Rinse and repeat :)
¯\_(ツ)_/¯
Validation Methods
-
Paste Template source into -
AMP Validator
-
Append ?development=1 to URL
and use browser development tools
- For Google Chrome, Opera and Vivaldi
Personally the third method is preferred because:
- Icons are displayed after rendering page:
-
-
⚡ Valid - everything Hunky-Dory
-
⚡ Warnings - may later be errors
-
⚡ Errors - No Google search listing
-
- Solutions in drop-down-list
- Simple and uncluttered page layout
¯\_(ツ)_/¯
Donations for Thirsty Programmers
¯\_(ツ)_/¯