Is my site compatible?
Any site is “compatible” with the AMP plugin, it will do it’s best to filter and process through your site for AMP compliance… but going AMP means accepting significant sacrifices. And even then your site may still not look or work correctly if it cannot meet the requirements.
- AMP offers a suite of components that use their native JS to deliver some of that functionality back to you. But at this point the AMP plugin does not handle those conversions… and probably never will as JS conversion is far too comprehensive and differences in programming styles would create too many hurdles.
- Tree-Shaking = AWESOME! AMP’s 50kb limit = BAHHHH!
- The AMP protocol requires that the entirity of your CSS fall under their 50kb limit. Most sites use anywhere from 50kb to 1000kb with many redundant (cascading) styling rules
- The AMP plugin does an amazing job of filtering through your pages and stylesheets to determine what CSS is necessary, then filters out the rest. The Tree-Shaking process works well to reduce the CSS weight, but in our tests we have discovered that most themes still come in over the 50kb limit, even with minimal content (more content sometimes means more CSS used).
- Forms must meet stringent requirements.
- You can use forms that submit using GET, but is you are to use POST your form must have several changes made to it’s attributes, follow the rules of MAP… oh, and SSL is required.
- In our tests we have found that basic POST forms may work fine, especially the basic wp forms. But GET forms are often missing some required attributes, and any form handled by JS without proper fallbacks in place will probably not work.
- Login into wp-admin and open Plugins.
- Select “Add New”.
- Enter “amp” into the Search Plugins field.
- Select the AMP plugin from the search results.
- Click “Install Now”
- When the plugin is finished installing, click the “Activate” link.
AMP Settings & Validation
Under Website Mode, check the Standard radio button. This enables the entire site to be AMP compliant (except WooCommerce account/cart/checkout pages). Be sure to click the Save Changes button.
After you enable Native/Standard AMP, you may see a warning about validation errors. This is the AMP plugin doing it’s job.
These “errors” are mostly just normal website script that doesn’t fit the AMP protocol, and the fixes are mostly filters that remove or adjust them for compliance. This may sound simple, but believe me… it is not.
Though it does have an “Auto-Approve” feature for errors that the plugin fixes, it still sometimes requires some interaction. You may have to approve the errors/fixes manually to make that final step towards validation. Navigate to AMP/Error Index to handle these approvals.
Even if all errors are marked as “New Accepted”, they pages they contain may not pas AMP validation. The easiest way to ensure you have the best start you can is to click the checkbox below the Bulk Actions drop-down to select all entries. Next choose Approve from the drop-down, and click Apply. Repeat this procedure on each page by clicking the navigation button at the top right of the table. Once you have approved all entries, you will be fully AMPed.
As you build your site, AMP will continue searching for and fixing the invalidations. You may need to check this page and approve any new errors that come up to keep your new pages/edits validating.
As you build your site, AMP will continue searching for and fixing the invalidations. You may need to check this page and approve any new errors that come up to keep your new pages/edits vaildating.