how to Complete for quick Testing of the Mobile Page
Google launched Accelerated Mobile Pages – merely called AMP – to create mobile net browsing quicker.
AMP permits you to rank higher within the mobile search results. However, solely valid AMP pages ar eligible to be displayed within the search results.
Proper AMP testing is extraordinarily crucial so as to get rid of any errors or warnings and acquire your pages indexed by Google.
This guide can assist you to grasp the kinds of AMP errors and the way you'll fix them.
Identify & Fix AMP Errors throughout the event Stage
Here ar some tools that are available in handy once fixing your AMP errors:
1. Browser Developer Tools
Follow the steps below to urge started:
2. AMP Validator Browser Extension
Download the AMP Validator browser extension for Chrome and browse the pages on your website.
This plugin can mechanically check every page for AMP validation.
It will address inexperienced if the page passes AMP validation or address red if the page fails the take a look at.
3. AMP net Validator
With the assistance of AMP validator, you'll directly paste your ASCII text file and check for any doable errors.
This tool can allow you to understand the validation standing by displaying PASS or FAIL.
Once you’ve fastened all of your AMP errors throughout the event stage, you'll transfer them on the most server.
Re-Check the Validity of AMP Pages once You transfer Them on the most Server
After you transfer the pages on the server, recheck the validity of the pages with the assistance of the AMP take a look at tool by Google.
Monitor AMP Pages often via Search Console
Once you've got valid and uploaded the AMP pages on the most server, the pages can begin displaying in Google’s search results. Now, it’s time to often monitor the pages with the assistance of the Google Search Console. There ar some errors that you simply can’t notice throughout the event part and such errors ar known solely once Google crawls and indexes your website.
Let’s discuss however we will establish and fix such errors.
Identify Errors in AMP Pages exploitation Google Search Console
You can notice this tool below Search Console > Search look > Accelerated Mobile Pages.
Here, might} notice all the AMP errors or warnings that Google may have known on your web site. A sample report is shared below:
Once you’ve known that URLs ar having the problems, consecutive step is to mend them.
Common AMP Errors Fix Them
1. Content mate Error
This error happens once there's a distinction between the AMP and canonical web content.
How to Fix It
Ensure that your AMP is referencing to the proper canonical web content. the proper format is provided below:
Add the subsequent to the non-AMP page:
<link rel=”amphtml” href=”https://www.example.com/url/to/amp/document.html”><br>
And this to the AMP page:
<link rel=”canonical” href=”https://www.example.com/url/to/full/document.html”><br>
2. Missing Embedded Video Error
This error is detected once the AMP page is missing a video that's seen within the canonical page.
How to Fix It
Ensure that you don’t have 2 totally different URLs inform to a similar video. The video computer address ought to be a similar in each the AMP and canonical versions.
3. Invalid Attribute Error
This error happens once the hypertext mark-up language tag has AN attribute having the worth that's not allowed.
How to Fix It
Check the AMP hypertext mark-up language specification and fix the attribute worth to one thing that's valid. {many times|repeatedly|persistently|again ANd again|over and over} the specified attribute is an HTTPS which fits missing.
4. Prohibited Attribute Error
This error happens once you’re exploitation AN attribute that's disallowed.
How to Fix It
Check the supported attributes for every tags and fix the one that's disallowed.
5. obligatory Tags Missing
This error is known once the page is missing any of the obligatory tags.
The following tags should be gift altogether AMP pages:
How to Fix It
If you’re missing any of the above-listed tags then guarantee to feature it so as to urge eliminate this error.
Some useful Resources
Here ar some useful AMP resources you must know:
Google Guidelines: extra pointers for making search-friendly AMP pages.
The AMP Project home page: Contains complete AMP documentation and supply codes.
Google Search AMP for developers: Includes complete resources for developers to integrate AMP content with Google.
AMP Project repositories on Github: Provides complete documentations and live samples for AMP pages.
AMP permits you to rank higher within the mobile search results. However, solely valid AMP pages ar eligible to be displayed within the search results.
Proper AMP testing is extraordinarily crucial so as to get rid of any errors or warnings and acquire your pages indexed by Google.
This guide can assist you to grasp the kinds of AMP errors and the way you'll fix them.
Identify & Fix AMP Errors throughout the event Stage
Here ar some tools that are available in handy once fixing your AMP errors:
1. Browser Developer Tools
Follow the steps below to urge started:
- Open the AMP page in your browser.
- Add “#development=1” to the computer address, for instance, http://localhost:8000/example.amp.html#development=1.
- Go to the Chrome DevTools console and check for validation errors. The errors are going to be listed as shown within the below screenshot.
2. AMP Validator Browser Extension
Download the AMP Validator browser extension for Chrome and browse the pages on your website.
This plugin can mechanically check every page for AMP validation.
It will address inexperienced if the page passes AMP validation or address red if the page fails the take a look at.
3. AMP net Validator
With the assistance of AMP validator, you'll directly paste your ASCII text file and check for any doable errors.
This tool can allow you to understand the validation standing by displaying PASS or FAIL.
Once you’ve fastened all of your AMP errors throughout the event stage, you'll transfer them on the most server.
Re-Check the Validity of AMP Pages once You transfer Them on the most Server
After you transfer the pages on the server, recheck the validity of the pages with the assistance of the AMP take a look at tool by Google.
Monitor AMP Pages often via Search Console
Once you've got valid and uploaded the AMP pages on the most server, the pages can begin displaying in Google’s search results. Now, it’s time to often monitor the pages with the assistance of the Google Search Console. There ar some errors that you simply can’t notice throughout the event part and such errors ar known solely once Google crawls and indexes your website.
Let’s discuss however we will establish and fix such errors.
Identify Errors in AMP Pages exploitation Google Search Console
You can notice this tool below Search Console > Search look > Accelerated Mobile Pages.
Here, might} notice all the AMP errors or warnings that Google may have known on your web site. A sample report is shared below:
Once you’ve known that URLs ar having the problems, consecutive step is to mend them.
Common AMP Errors Fix Them
1. Content mate Error
This error happens once there's a distinction between the AMP and canonical web content.
How to Fix It
Ensure that your AMP is referencing to the proper canonical web content. the proper format is provided below:
Add the subsequent to the non-AMP page:
<link rel=”amphtml” href=”https://www.example.com/url/to/amp/document.html”><br>
And this to the AMP page:
<link rel=”canonical” href=”https://www.example.com/url/to/full/document.html”><br>
2. Missing Embedded Video Error
This error is detected once the AMP page is missing a video that's seen within the canonical page.
How to Fix It
Ensure that you don’t have 2 totally different URLs inform to a similar video. The video computer address ought to be a similar in each the AMP and canonical versions.
3. Invalid Attribute Error
This error happens once the hypertext mark-up language tag has AN attribute having the worth that's not allowed.
How to Fix It
Check the AMP hypertext mark-up language specification and fix the attribute worth to one thing that's valid. {many times|repeatedly|persistently|again ANd again|over and over} the specified attribute is an HTTPS which fits missing.
4. Prohibited Attribute Error
This error happens once you’re exploitation AN attribute that's disallowed.
How to Fix It
Check the supported attributes for every tags and fix the one that's disallowed.
5. obligatory Tags Missing
This error is known once the page is missing any of the obligatory tags.
The following tags should be gift altogether AMP pages:
<!DOCTYPE html>
<html amp> or <html ⚡><br>
<head><br>
<link rel=”canonical” href=”$SOME_URL”><br>
<meta charset=”utf-8″><br>
<meta name=”viewport” content=”…”><br>
<style amp-boilerplate>bodyone traditional both;-moz-animation:-amp-start 8s steps(1,end) 0s one traditional both;-ms-animation:-amp-start 8s steps(1,end) 0s one traditional both;animation:-amp-start 8s steps(1,end) 0s one traditional both}@-webkit-keyframes -amp-startto}@-moz-keyframes -amp-startto}@-ms-keyframes -amp-startto}@-o-keyframes -amp-startto}@keyframes -amp-startto}</style><noscript><style amp-boilerplate>body</style></noscript>
<body><br>
How to Fix It
If you’re missing any of the above-listed tags then guarantee to feature it so as to urge eliminate this error.
Some useful Resources
Here ar some useful AMP resources you must know:
Google Guidelines: extra pointers for making search-friendly AMP pages.
The AMP Project home page: Contains complete AMP documentation and supply codes.
Google Search AMP for developers: Includes complete resources for developers to integrate AMP content with Google.
AMP Project repositories on Github: Provides complete documentations and live samples for AMP pages.
0 Response to "how to Complete for quick Testing of the Mobile Page"
Post a Comment