This post introduces what amp is, how it works, its advantages, and how to implement it on the website. Life in the 21st century has made rapid progress, and it is getting faster and faster. People also stay online during the journey. In fact, if you don’t want to see people up close who don’t have their phones or tablets nearby, you will have a very difficult time. From the perspective of context, in the United States alone, people check mobile devices as many as 30billion times a day, expecting an immediate response. Amp can match this speed, so that we can get the required response at any time, any time, any day, any night. The
What is amp? Amp is the abbreviation of \
Amp was originally developed for publishers. After listing, other industries realized the huge advantages that this product can provide. In order to meet the changing needs of today’s society, many websites are optimizing amp. How does amp work? Compared with the desktop version, amp uses lightweight versions of HTML, JavaScript and CSS. Usually used for static content, it is \
In general, Google applies strict specifications to amp HTML, making mobile pages load almost immediately. \
What benefits can your website get from amp? Amp offers great advantages for websites, including: 1. we all know how frustrating faster mobile websites can be when they are slower. Google was also dissatisfied with this and launched amp from the very beginning. Fast loading websites provide the best experience for visitors. And happy visitors = loyal customers. 2. your website is friendly to mobile devices. Worse, you want to use pages that are not optimized for mobile use on your phone than pages that take a long time to load. The
Desktop pages are designed to be viewed on a normal computer screen. Therefore, it is too big and troublesome to use it on a tablet, and it is almost impossible to use it on a mobile phone. Amp optimizes web pages of portable devices by specifying formats to make them easier to read and browse. On desktop pages without corresponding amps, visitors should not only scroll up and down, but also scroll left and right. It will soon make visitors angry. As with speed, websites optimized for mobile devices provide a better experience for visitors. 3. Google is more likely to recognize your website. It is important to know the fact that Google operates the \
Indicates. The
As we all know, like the Holy Grail, the correct way Google algorithm works is full of mystery and legend. They are very secretive about the way they index and sort. In order to make the situation more complicated, the algorithm is continuously evolving. Amp is not a direct ranking factor, but we know that now we are considering page loading time, content quality and user experience. Amp can help improve all elements in the site. As mentioned in the amp example, amp was originally targeted at publishers. Most amp websites belong to companies such as the Washington Post or CNBC, but they are also used in other industries such as e-commerce. View snapdeal and 1800 flowers on your phone, and view running amp samples. The
According to Google statistics, only 1million domains and 2billion pages used AMP in 2017. Today, a year later, the number of domains using it has reached 31million and the number of pages has reached 5billion. Although no data has been released in the past few years, the data will be very large. Not to mention today, it is very unlikely that I have never seen AMP in my life. The article will continue below. The method of implementing AMP on the website is very simple. Knowing the basics will help, but it doesn’t require much coding knowledge. The
Google’s \
Of course, the code is not fixed, and you may want or need to change the code as needed. Thankfully, amp is open source. You can customize it as long as you follow the rules specified by Google for amp. 2. add image the display mode of image is very different on mobile devices. The photo grid for desktop sites does not work on mobile devices. Must be continuous. To optimize the image of AMP, you must modify the androg HTML tag to amp HTML tag. Again, this is a simple question. Google has provided some sample code to help you. The
Male driver continues below 3. Layout and presentation modifying the layout and presentation of mobile friendly websites should be much simpler and simpler than desktop websites. Amp rules are somewhat strict because, unlike most desktop HTML pages that use CSS layout elements, all elements must be of a specific size. 4. if a page is prepared for search and distribution, such as publishing news article type content, the corresponding non amp version is not required, and only amp is available. However, people still use desktop computers, so it is best to use both amp and non amp versions of web pages. To know that both versions of Google search exist, you must use the male tag to connect to the page. Even if there is only amp page, there must be male, but in this case, it will be set to point to itself. 5. after page preview and verification steps 1 to 4 are completed, the new amp page can be previewed to ensure its normal operation
