This is the Ultimate guide to converting an existing Web Page to an AMP
A few years ago, Google announced that site speed would be an important factor in ranking. Following that announcement, they also announced that mobile friendly was an important factor in ranking, and probably more important than the other. Since more and more users browse partially or completely on mobile devices. Therefore, the absence of a mobile-friendly website cuts off a lot of potential visitors. – Guide Converting Page Amp
The two issues combine. KISSMetrics has demonstrated that 40 percent to 60% of site’s visitors will leave your site in the event that it takes more than three minutes to open. If it is taking longer to load, the less traffic you will lose. – Guide Converting Page Amp
Although this has been standard information for websites for quite a while but people do not necessarily use it for mobile web browsing. Desktop websites generally very fast for the majority of regular web browsers. Some users may are using extremely slow DSL or even dial-up connections however, those are not the norm and speeds of the website is limited by the reception, not your connection. – Guide Converting Page Amp
Mobile websites are, however, are more likely to be slow to load. For one thing mobile networks, whether 4G , 5G, or 7G or whatever brand we’re using up to , have a limited speed of download and lower throughput. They aren’t able to handle multi-server connections as well, so that putting scripts and content on CDNs CDN could cause more problems of making use of multiple domains to deliver content. Ads can be a major factor also; – Guide Converting Page Amp
a lot of mobile ad platforms don’t really care about speed, while some websites like – I’m thinking of Wikia networks are frequently packed with ads that trying access to the content you’d like view in less than five minutes could be a hassle. Also, scripts can be an issue for mobile devices being less able to handle poorly written scripts. – Guide Converting Page Amp
Solution to the issue is offered by Google however it’s not the best solution for everyone. – Guide Converting Page Amp
The Solution
This solution can be found in AMP or Accelerated Mobile Pages. AMP which is also known as The AMP Project as it’s known as, is a project that’s sponsored and promoted by Google and supported by a variety of other businesses, including DoubleClick, OutBrain, Adobe, Quantcast, LinkedIn, Reddit, WordPress, Vimeo and many more. It’s an open source project designed to create a standard for quick, responsive code for websites. – Guide Converting Page Amp
For those who are developers older than you, who might have been involved in the beginning days of the internet there was an era where HTML was the sole thing that a website could use. There were no scripts and they were very limited and content was served straight and formatting was handled with HTML commands such as color=”blue” and multimedia was an ideal. – Guide Converting Page Amp
There was an effort to further develop HTML and standardize certain elements of the internet. This is how we got things such as CSS to replace the HTML’s outdated parameters. This is how we evolved to standardized scripts like CSS3, HTML5, as well as other modernizations and standards that are used on the web. – Guide Converting Page Amp
There’s a chance that you’ve also heard of “failed” initiatives that failed. Google’s prior attempt to bring an additional layer of standardization to the internet was Schema.org that worked and is efficient in its work however it’s not a significant enough benefit for the majority of websites to pay attention. – Guide Converting Page Amp
AMP is both like and not exactly like the rest of it. It’s a move to make the web a standard an entirely new way, however it also has a lot of significance in the process. It’s a method to build or build a website from scratch to ensure that it can be adapted to mobile and, even more important, is very fast in providing the content. The idea is to allow mobile users to receive content immediately or as close as is possible, thereby providing them with the most user-friendly, robust experience. – Guide Converting Page Amp
Of course it’s great for the business. In addition to avoiding the drop in traffic, but you could also be planning to meet the challenges of tomorrow. In December the year before, Google hinted that using AMP might eventually become an element of ranking that they haven’t did with Schema or any other initiatives to code. This is huge and, in the event that it does happen it’s likely to be beneficial to update your website earlier instead of later. – Guide Converting Page Amp
How AMP Functions
AMP doesn’t replace your current website. Consider it similarly as how mobile websites functioned prior to the advent of responsive design. A website at www.m.website.com was a distinct site than www.website.com that had the same content, but stripped down to make it more accessible for mobile users. – Guide Converting Page Amp
AMP operates in the same method, consisting of 3 components.
- The AMP HTML. This is a version of HTML you’re permitted to make use of. It prohibits usage of command lines as well as codes that don’t work well, isn’t working properly or performs poorly when using mobile phones. You can learn all details about this in this article. It is also restricted to a simplified version of CSS. – Guide Converting Page Amp
- AMP AMP. Where AMP HTML is an HTML subset designed for mobile devices that are fast and AMP JS is an extension of JavaScript that functions in similarly. It’s a distinct JS library that can be used to write scripts. It, for instance, requires that the content of an external source, such as CDN CDN load and then synchronized. – Guide Converting Page Amp
- CDN for AMP. This is a content delivery network and cache offered by Google making use of their vast computing resources. It stores AMP content and performs automatically-generated improvements to performance. It is possible to put anything or the whole AMP information on the page including all JS files, the HTML file, all JS files, as well as all images. It’s a no-no-thing for your AMP site but that’s the reason it’s not required. If your website server is fast enough, it’s not necessary to utilize Google’s AMP CDN in any way If you don’t need. – Guide Converting Page Amp
Here’s an illustration working. This article by The Guardian is a regular HTML page, which according to Pingdom takes close to 5 seconds to load fully however a large portion of it is loaded with ads and embedded Twitter content. The time required to load the content and make it visible is much less. This time, that hyperlink is the exact same article loaded by AMP. – Guide Converting Page Amp
It is possible to add /amp at the beginning of every Guardian URL to access its mobile-friendly version as well. As per Pingdom their speed testing for this article was 886 milliseconds. The post has 53 requests and the page size is 482 KB, in contrast with the version for desktop with 248 requests and an 2.3 megabytes page size. There is the difference immediately. – Guide Converting Page Amp
It is important to remember that you are able to serve advertisements to those AMP pages, but you need to serve AMP-formatted ads using any among the AMP platforms. Many of the major ad platforms support AMP in varying levels, however If you’re using an ad system that is custom it is necessary work with a programmer to create it in AMP and have it added to the AMP approved list. – Guide Converting Page Amp
There are some negatives to making use of AMP. For one reason, you need to verify each AMP page before you make use of it fully. It is also necessary to use custom fonts to load, state that the size of your images and other coding issues. Most importantly, however it isn’t possible to utilize forms. There aren’t any opt-ins yet however I’d like to see Google creating an AMP-safe way to gather information later on. – Guide Converting Page Amp
Converting to Converting to
If you’re not a programmer, my suggestion is to reach out to an expert professional developer. AMP is complicated enough and restrictive that it’s beneficial to locate someone experienced with the system to start you up and running fast rather than tinker with it slowly by yourself. It’s not like learning a brand new programming language however it’s pretty very close. – Guide Converting Page Amp
The easiest way to get your site ready for AMP is to create an entirely fresh version of your web page which is a shadow copy designed to duplicate your website in AMP. The desktop site will remain the same, however users on mobile devices get redirected to your AMP version, not the desktop version or another mobile one. If you’re already using responsive designs do not worry about it; you can leave the design as is and add the AMP version over it, and there’ll not be any conflict. – Guide Converting Page Amp
If you are using WordPress the easiest method of implementing AMP is very simple. All you need to download is the official AMP WordPress plugin. Remember that AMP is currently in development. Updates are released every Thursday and your plugin will become in a hurry to be out of date. It is recommended to keep your plugin updated regularly but you don’t require it to be done every week.
After the plugin has been installed and tested, you can determine whether your AMP pages function by adding /amp ending of the URL. In the event that you don’t have permalinks with human-readable characters and instead use parameters adding?amp=1 to the end of the URL to check and then check. – Guide Converting Page Amp
You’re not quite done. There is still a need to verify your AMP pages To accomplish this, you’ll have to make use of the official validator. There are a variety of options including web interface, command line Developer console, etc . – here along with the manual to use it and for fixing any errors.
What happens if you’re a non- WordPress user but have a background as a programmer? If that’s the case you’ll have the job cut out for you. The best place to begin is with the fundamental AMP tutorial. It’ll assist you in working to creating an AMP-ready HTML website
The tutorial explains the intricacies of the HTML and CSS you are able to and cannot utilize and the methods for including media and images, as well as changing the basic AMP templates. On the right side of the page, you will find other tutorials, including how to make use of Iframes, the best way to incorporate third-party content, and how to configure analytics on AMP pages. All of these are crucial.
If you’re interested in using form fields, then you are able to sign into the AMP developer channel here. It is necessary to switch on amp-form. This will permit you to use AMP form parameters as an experiment. However, they will not apply to your users unless they’ve also chosen to join or opted in, and any page that uses experimental AMP features won’t meet the requirements for the validation. It’s a temporary solution for making AMP-ready forms to be used when the form feature is removed from experimental development and becomes part of the core project.
What Should You Do about AMP?
The main issue at the end of all of this is whether you should think about or begin making use of AMP. Google is strongly pushing it, however they’ve not gone as far as to establish it as the primary ranking signal or even to design an experimental Panda-like secondary filter to evaluate the effects. So, not making use of AMP will not harm you however, it could aid you.
Here are some suggestions to determine if this is something you’d like to invest time and possibly even the cash into.
The most important thing to consider concerns whether you have a mobile version with a speedy loading of your site. If you do , with a speed of loading, I mean less than 2 seconds in the case of AMP – you’re covered. You probably don’t have to be concerned about the AMP. In the moment, AMP only benefits the rank of a website’s search results since it’s a means to speed up the loading time of a
website and making it mobile-ready as well, each of these are search elements by themselves. If you decide to do it with AMP or your own customized code is irrelevant, as long as mobile users are able to access it and it loads fast for everyone.
Are you someone who is always at the forefront of the latest technology constantly? Are you the first person to embrace the latest HTML5 as well as CSS3 effects? Are you using the power of video and other social channels prior to others in your industry? If yes, do not hesitate to look into AMP. It’s unlikely be a positive immediate result, but at the very least when your website is already speedy loading and preparing you for the day that Google decides that AMP is one of the ranking factors of its own.
In the end, do you care about mobile? There are certainly certain websites, such as B2B and other sites put to serve informational instead of commercial ones which don’t care at all about the mobile user. If you don’t, and will never ever be interested in mobile, you can avoid AMP or be patient to see how it plays out.
