Difference between - Mobile-Friendly Pages vs Accelerated Mobile Pages (AMP)

No businesses will underestimate the importance of properly and quickly displaying the content of its website on mobile devices. But, with variations such as web speed and completely different screen sizes, it's hard to touch the mobile internet.

Google has always focused on the user, and the user expertise has forever been the foremost necessary ranking issue. The user expertise forever starts with the loading time of the page. In some countries wherever web speed isn't a problem, the loading time of the page depends entirely on the technical aspects of the look and development of the page. Whenever an internet page takes too long to load, the location owner loses a reader / buyer and also the chance to come up with revenue through advertising or subscriptions.

Some time ago, Google introduced "mobile-friendly" tags in mobile search results. This label has been additional to sites that have provided an honest mobile expertise by being responsive. This tag was recently removed because Google says that 85th of all mobile search results pages currently meet the mobile-enabled label criteria.

The latest development to boost mobile search results and the mobile user expertise is that the Accelerated Mobile Pages (AMP) project, an open supply initiative that embodies the vision that publishers will produce mobile-optimized content and instantly load it anyplace. AMP could be a thanks to produce websites for static content that's displayed quickly. Nowadays, several top mobile app design & development companies in india, UAE and U.SA. are reaping benefits of AMP pages to rule the online world.

The difference between a mobile-friendly page and AMP can be understood by the following questions.

What are Mobile-Friendly Pages?

Mobile-friendly pages are pages with Responsive Web Design (RWD). RWD is a Web design approach to creating sites to deliver the optimal visual experience across a wide range of devices, from desktop monitors to tablets and mobile phones. In particular, by reacting to the width of the browser window - not just flow the text, but often change the aspects of the layout.

What are Accelerated Mobile Pages(AMP)?

AMP or Accelerated Mobile Pages is an open source initiative launched by Google in October 2015. Accelerated Mobile Pages (AMP) are lightweight pages designed to load quickly on mobile devices. AMP-enabled pages use a subset of HTML with some extensions. Accelerated Mobile Pages (AMP) is a very accessible framework for creating fast loading mobile web pages.

-- How can Websites Become Mobile-Friendly?

A website can be made responsive or mobile-friendly by adding media queries.

Media queries allow you to view content based on the user device without having to edit the content itself. This is a CSS technique introduced in CSS3. Media queries allow the web page to use different CSS style rules based on features such as width, height, and color. A media query is a logical expression that is true or false.

For example:

<! - CSS media query on a link element ->

<link rel = "stylesheet" media = "(maximum width: 800px)" href = "sample.css" />

<! - CSS media query in a style sheet ->

<Style>

@media (max-width: 600px) {

.facet_sidebar {

display: none;

}

}

</ style>

When a media query is true, the relevant style or style sheet rules are applied, following the normal cascade rules.

-- How will a Website Become AMP Compliant?

A website is GPA compliant as per instructions at https://www.ampproject.org/docs/get_started/create.html, but AMP pages must also be responsive or mobile-friendly.

-- Is There any Duplicate Content Issues with Responsive Websites?

There is no problem with duplicate content on the responsive web pages.

-- Is There any Duplicate Content Issues for a AMP Compliant Website?

A responsive web page or a mobile-friendly web page is the same page of the website that is served in another layout. Pages are displayed according to the device from which they are accessed. AMP pages are served to the user from the Google AMP cache. AMP pages have a different URL. Therefore, the problem of duplicate content must be resolved. The Google AMP cache is a proxy-based content delivery network for the distribution of all valid AMP documents. It retrieves AMP HTML pages, caches them, and automatically improves page performance.

-- How to Solve the Duplicate Content Issue on AMP?

If your website is AMP compliant and you have both AMP and non-AMP versions of your pages, include the following links:

On any non-AMP page, reference the AMP version of the page to inform Google and other platforms:

• Add the following to the non-AMP page: <link rel = "amphtml" href = "https://www.example.com/url/to/amp-version.html" />

• On the AMP page, add the following text to reference its non-AMP canonical version: <link rel = "canonical" href = "https://www.example.com/url/to/regular-html-version.html" />

• For autonomous AMP pages (those that do not have a non-AMP version), the AMP page should be defined as the canonical version as follows: <link rel = "canonical" href = "https: //www.example. com / url / to / amp-document.html "/>

-- How to Validate AMP Compliant Pages?

You can validate AMP on https://validator.ampproject.org/

-- How to Test Mobile Friendliness of the Website?

You can test how mobile the page is on

https://testmysite.thinkwithgoogle.com/intl-in-in

-- Is Mobile-Friendly a Ranking Signal?

Yes. Since April 21, 2015, Google has begun to extend its use of mobile-friendly as a ranking signal. Mobile usability will continue to remain a ranking factor because AMP must also be made responsive.

-- Is AMP Considered as Ranking Signal?

No, AMP is still not a ranking signal as mentioned by John Mueller, a Google Webmaster Trends Analysts, in a Google Hangout at the 15:50 mark in the video.

-- How is AMP and Mobile-Friendly Pages Differentiated and Showed in Search Results?

On November 18, 2014, Google added a "Mobile-friendly" label to mobile search results. But recently, Google announced:

In order to keep the search results uncluttered, we will remove the tag, although mobile-friendly criteria will continue to be a classification signal.

Google has introduced AMP as the best stories in the carousel for mobile SERPs. In August 2016, Google began sharing a preliminary overview of extended AMP support across the entire search results page on g.co/ampdemo and not just on the "Top stories" section. AMP pages are labeled with the AMP icon in the search results.

-- What About Page Load Time and Page Size?

AMP reduces the size of the page to a large extent, as can be seen in the image below. The number of requests sent to retrieve the page is also lower. AMP improves CTR and also shows an increase in the number of repeat visits.

Jarrod Dicker, Washington Post's director of advertising products and technology, said the MPA improves click-through rates by up to 50 percent. He also said,

The Post publishes more than 1,000 articles every day in AMP, and they are already seeing real benefits ... We've seen load times averaging 400 milliseconds, an 88% improvement over our traditional mobile website. This has made readers more inclined to exploit Washington Post articles because they know that our articles will load quickly and quickly.

AMP has also been great for retention. Traditionally, 51% of mobile search users return to the Washington Post within seven days. For users who read articles published in AMP, this number increases to 63%.

Here is an example of a performance test performed on a mobile version of the page and on the AMP page of the same URL:

Performance Summary Of a Responsive Page

-- Does Google Provide Reports Regarding AMP and Mobile Friendliness in Analytics and Search Console?

Yes, Google provides a mobile usability report in the Search Console for issues related to mobile usability and responsiveness in search traffic. AMP issues are also shared in Search Console under Search Appearance. Google Analytics can also be added to AMP.

Google says since they started working on this mobile experience for users, they have seen an incredible global adoption of AMPs that has surpassed the information industry to include eCommerce, entertainment, travel, recipe sites And so on. To date, the Google index contains more than 150 million AMP documents, of which more than 4 million are added each week. As the number of mobile phone searches continues to increase at a massive pace, AMP has become increasingly important to search marketers.

If you have any query related to AMP or mobile app design and development, you can contact us. We are one of the leading mobile app design and development company in Delhi/NCR. We provide end to end mobile app development services.