{"id":1932,"date":"2020-12-05T03:53:03","date_gmt":"2020-12-05T03:53:03","guid":{"rendered":"https:\/\/www.skynetindia.info\/blog\/?p=1932"},"modified":"2021-05-07T13:30:16","modified_gmt":"2021-05-07T13:30:16","slug":"accelerated-mobile-pages","status":"publish","type":"post","link":"https:\/\/www.skynetindia.info\/blog\/accelerated-mobile-pages\/","title":{"rendered":"Accelerated Mobile Pages (AMP) – How they can help to improve website ranking?"},"content":{"rendered":"

An accelerated mobile page is the version of a document that is specially tailored for use on a smartphone. Because it should be fully loaded within a few milliseconds when it is called, the code must be reduced to a minimum – the CSS and Javascript of the actual website are not loaded and even the HTML is greatly reduced using special AMP tags.<\/p>\n

\"AMP<\/p>\n

The alarm bells will now ring for webmasters with design demands – what should a website look like. After entering the relevant search terms, you can see the integration of the Accelerated Mobile Pages<\/a> in the SERPs and call up some AMP pages that are already live.<\/p>\n

Better rankings for mobile sites<\/h2>\n

The current AMP integration in the SERPs provides for an attention-grabbing and probably just as click-strong carousel box, which will in all probability pick up a lot of organic traffic from the regular organic mobile search results due to its prominent placement.\u00a0It is currently unclear whether AMP pages will also appear in the regular organic search results and whether the current integration will continue.<\/p>\n

AMP for WordPress Development<\/h2>\n

To make the implementation of Accelerated Mobile Pages a little easier for webmasters, Google recommends the\u00a0AMP WordPress plug-in from Automatic.\u00a0It provides a standardized template that automatically makes the technical implementation (Canonical & Co.) correct.<\/p>\n

The template can and should be fine-tuned.\u00a0Ideally, a subfolder called “AMP” is created in the main directory of the active theme first.\u00a0Store the edited AMP template files here – this way the changes will not be overwritten with the next plugin update.<\/p>\n

Order AMP templates<\/h3>\n

In the WordPress backend under Plugins, AMP can be selected in the sub-item “Editor” – the required template files are displayed here.<\/p>\n

Attention: Please do not edit directly here, but put the affected files in a separate folder in the active theme via FTP!<\/p>\n

The style file is primarily required for easy editing.\u00a0Here, as usual, CSS instructions and classes can be added and edited – the display becomes a lot nicer.<\/p>\n

Furthermore, the WordPress logo must of course be replaced by your own.\u00a0For this you can either upload a site icon or edit \/single.php and save the link to the desired icon in the $ site_icon_url.<\/p>\n

For changes that require some programming expertise – for example the implementation of a custom header, etc. –\u00a0detailed documentation is provided\u00a0in the plug-in information on\u00a0Github.<\/p>\n

AMP and Google PageSpeed Insights<\/h2>\n

A few negative comments about the plugin make it clear: It becomes problematic if you try to check the AMP version of a page for its speed using Google PageSpeed Insights. The PageSpeed Insights algorithm checks the specified page for various best practices in terms of website performance, but the actual loading time and the weight of the page do not play a role in the scoring \u2013 the point score may show a rather mediocre result. <\/p>\n

But don\u2019t worry: if you check the actual page load time in tools, it looks a lot better thanks to the minimal number of requests and the greatly reduced page weight, and provide you with improved website performance<\/a>. <\/p>\n

Integrate Google Analytics on AMP pages<\/h2>\n

On the\u00a0official Google developer pages\u00a0there are some hints and sample code for implementing Google Analytics on Accelerated Mobile Pages.\u00a0The standard analytics tracking code is not used here, but its own analytics tags.<\/p>\n

An exemplary tracking code:<\/p>\n

\n
<AMP-analytics type = \u201cgoogleanalytics\u201d id = \u201canalytics1\u201d>\r\n  <script type = \u201capplication \/ json\u201d>\r\n  {\r\n   \u201cvars\u201d: {\r\n      \u201caccount\u201d: \u201cUA-26110687-2\u201d\r\n   },\r\n   \u201ctriggers\u201d: {\r\n       \u201ctrackPageview\u201d: {\r\n        \u201con\u201d: \u201cvisible\u201d,\r\n        \u201crequest\u201d: \u201cpageview\u201d\r\n       },\r\n       \u201ctrackEvent\u201d: {\r\n       \u201cselector\u201d: \u201c# event-test\u201d,\r\n       \u201con\u201d: \u201cclick\u201d,\r\n       \u201crequest\u201d: \u201cevent\u201d,\r\n       \u201cvars\u201d: {\r\n          \u201ceventCategory\u201d: \u201cui-components\u201d,\r\n          \u201ceventAction\u201d: \u201cclick\u201d\r\n        }\r\n      }\r\n    }\r\n   }\r\n   <\/script>\r\n<\/AMP-analytics><\/pre>\n<\/div>\n
The Universal Analytics ID must be replaced with that of your own account.\u00a0Google recommends creating a separate property for the AMP project within the Analytics account.<\/p>\n
Attention: Comments within the Analytics code invalidate the JSON.\u00a0So, if you copy the code from the Google documentation, the \u201cReplace with your Property ID\u201d comment must be deleted so that the tracking works – otherwise the error message \u201cAnalytics config could not be parsed\u201d appears.\u00a0Is it in a valid JSON format? In the JS console.<\/p>\n
AMP and Ads\/Monetization<\/h2>\n
Ad serving in the AMP project is based on exactly this statement.\u00a0So, Google offers the possibility of integrating ads in various formats from a wide variety of ad servers – but gives direct guidelines that should be met.\u00a0It’s no surprise that ads should load as quickly as possible.\u00a0However, Google also wants ads in AMP to be \u201cbeautiful and innovative\u201d and to use the https protocol.\u00a0The group will certainly specify these guidelines in the near future and expand the advertising options – so it will remain exciting.<\/p>\n
There is already an\u00a0AMP-ad component\u00a0that is supported by the following ad networks: A9, Adform, AdReactor, AdSense, AdTech, Dot and Media, Doubleclick, Smart AdServer, etc.<\/p>\n
Conclusion<\/h2>\n
AMP is currently of particular interest for editorial-driven sites – the implementation is definitely worthwhile here, precisely because it can be integrated (at least for WordPress-based sites) with relatively little effort and will generate a high level of attention in the mobile SERPs.<\/p>\n
It remains to be seen whether Google will provide an adequate solution for ecommerce store or whether AMP will only serve as a \u201cFacebook Instant Articles\u201d competitor in the future and, accordingly, should only be used for news and articles.<\/p>\n
Furthermore, Google AMP are enhancing digital marketing strategies, increase rankings and provide better mobile-friendly experience! If you wanted to stay competitive in the mobile market, you should be AMP optimized. If you are looking to convert your website or online store in AMP or in a mobile-friendly experience, explore our\u00a0website design services<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"
An accelerated mobile page is the version of a document that is specially tailored for use on a smartphone. Because it should be fully loaded within a few milliseconds when it is called, the code must be reduced to a minimum – the CSS and Javascript of the actual website are not loaded and even […]<\/p>\n","protected":false},"author":1,"featured_media":2197,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[109],"tags":[835,1487,1489,833,832,1494,1503,1488,838,1497,1507,1496,1491,1492,1499,1504,1501,1505,1502,1500,837,1495,1490,1498,1493,274,1506,489,677],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\t\n\t\n\t\n