On-site SEO Part 5: How to Improve Mobile Performance – Google AMP Pages

Live SEO Part 5: How to Improve Mobile Performance – Google AMP Pages

Recently more and more fans have added me, and I am very happy. But at the same time, I also feel a little sad, because sometimes I don’t care about returning to everyone’s WeChat, and I feel a little guilty. But after all, I still have my own job, and I can only reply slowly and occasionally. I hope everyone understands. Of course, in addition to the exchange of SEO issues, there are also people who encourage me, saying that I want to write well, I believe that there will be a good harvest in the future, and I would like to express my heartfelt thanks.

a fan sent me his website and asked why our site’s mobile performance is so poor?

in fact, i would say that not only do your sites perform poorly on mobile devices, but there are many, many sites that don’t perform well on mobile devices. so i wrote an article about mobile page processing for this.

the importance of moving pages

MOBILE-FIRST INDEXING IS GOOD FOR SEO

Google has published several announcements to prioritize mobile indexing. A 2015 google algorithm change adjusted the way Google displays mobile search results, with mobile-optimized sites ranking higher than non-optimized sites. From March 2021, the PC version of web content will no longer be included, and mobile-first indexing means that Google Spider will use the website’s mobile content as the only indexed content.

MOBILE TRAFFIC IS GENERALLY GREATER THAN PC TRAFFIC

If you’ve been in ecommerce for a while, if you’re very sensitive to data, you’ll find out. The mobile terminals of the new era are much larger than PC terminals. The same goes for Google, especially e-commerce sites. So we should focus on the performance of the mobile side.

factors that affect the speed of a website

code, image loading, video loading, server configuration, zones, etc

check website speed and tools for mobile devices

check the website page speed score: https ://developers.google.com/speed/pagespeed/insights/

check the website opening speed: https ://gtmetrix.com/

the above two tools have been mentioned many times in my previous articles, so i won’t take screenshots here. i’ll discuss the following two tools. it’s all for the phone.

https://search.google.com/test/mobile-friendly

mobile testing
On-site SEO Part 5: How to Improve Mobile Performance – Google AMP Pages 6

you put the domain name directly into the search box, you can test the results, and then give specific reasons why it doesn’t fit. you can check these factors one by one.

https://search.google.com/test/amp/result

ampere testing
On-site SEO Part 5: How to Improve Mobile Performance – Google AMP Pages 7

imageTHIS IS A TOOL TO TEST IF YOUR WEBSITE HAS AN AMP PAGE, AND IT WILL ALSO GIVE YOU SPECIFIC REASONS.

what is ampere

AMP is a Google-backed project designed to accelerate the delivery of content through the use of lean code from AMP HTML. AMP is a method of building web pages for static content (pages that don’t change based on user behavior), which allows pages to load and prerender results in Google Search much faster than regular website HTML.

PART OF AMP

the following section may make you look a little sleepy, as there will be some code elements involved. if you’re bored, you can skip and go straight to the next paragraph.

AMP HTML

AMP HTML is essentially HTML, but relatively limited. This is a simple AMP HTML demo:image most of the tags in AMP HTML are regular HTML tags, but some HTML tags are replaced with AMP-specific tags. These custom tags are called AMP HTML components, and they make common markup patterns easy to implement and efficient. AMP pages are discovered by search engines and other platforms through HTML tags.

WE CAN SELECT A NON-AMP VERSION AND AN AMP VERSION OF THE PAGE, OR JUST THE AMP VERSION.

IF YOU NEED TO UNDERSTAND PAGE TAGS, YOU CAN CHECK OUT MY PREVIOUS ARTICLE: IN-SITE OPTIMIZATION PART I: THE IMPORTANCE OF PAGE TAGS FOR WEBSITE SEO

AMP JavaScript (JS)

The AMP JS library ensures fast rendering of AMP HTML pages. The JS library implements all the best performance practices of AMP, such as inline CSS and font triggering, which manages resource loading and provides you with custom HTML markup to ensure fast page rendering. AMP JS asynchronously consumes all content from external resources, so nothing on the page can prevent rendering. JS also uses other performance techniques, such as pre-calculating the layout of each page element before loading resources and disabling slow CSS selectors.

cache

Google AMP Cache is used to provide cached AMP HTML pages. AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. Caching fetches AMP HTML pages, caches them, and automatically improves page performance.

THE BENEFIT OF AMP IS THAT IT SPEEDS UP THE WAY YOU OPEN WEBSITES ON YOUR MOBILE DEVICE

it’s just that? yes, that’s about it, but enough.

google seo

While AMP technology won’t directly improve your rankings, it can speed up your website. And website speed is an important factor affecting Google’s rankings. As a result, it can significantly improve your SEO performance.

to the user

i’ve seen data like this before: research found that if your site takes longer than 5 seconds to load, 37% of visitors opt out. on mobile, users are less likely to choose to stay. when browsing on a mobile device, if the page takes longer than 3 seconds to load, more than half of the visits are logged off.

increase user conversion rates

i believe that this does not need me to say more, everyone should be very clear. the faster the website opens, the lower the bounce rate of the user, and the conversion rate increases.

DOES AMP NEED TO KNOW THE CODE?

After understanding the advantages of AMP, I believe that many small partners will have doubts, so do I need a code base to achieve it. If you’re a newbie who doesn’t understand code, then I can only regret to tell you that yes, it needs to understand codeBecause AMP programs involve HTML coding and programming, your IT department must be involved. Or you can go to an external service company and have them solve this problem for you.

more to learn: dark horse resource network