Welcome to the second part of the WordPress amp guide. In the last article, I learned about the importance of mobile first web strategy and how amp can become a potential game chain. In today’s guide, you will learn the following: How to integrate amp with WordPress? Do you need to implement AMP on the WordPress site, the best WordPress plug-in that defines amp users? Let’s go. If you select the interrupted part of the last post in the amp series for the WordPress video guide, you can track the wpcraft video to learn how to easily set up AMP on the WordPress website. The video in Adam will guide you through each step in the guide. Enjoy it! The
How to set amp for WordPress androg setting amp for WordPress is a very simple process. As long as the WordPress amp plug-in developed by automatic is installed, the rest will be handled by itself. WordPress dashboard > plug ins > new. Search for \
Let’s take a look at the general version of the web page. Male, this is the amp version on the same page: malethat’s all – WordPress successfully set up amp. It’s so simple, can’t you believe it? However, if the beautiful permer link is not activated, on the post link? Add amp=1 to get the amp version. For example, the link to the post is as follows: General version: http:\/\/example.com\/2016\/01\/01\/hello-mobile-web\/ Amp version: http:\/\/example.com\/2016\/01\/01\/hello-mobile-web\/amp\/ Amp Version (pretty permalinks disabled): http:\/\/example.com\/2016\/01\/01\/hello-mobile-web\/?amp=1 The amp plug-in adds standard meta tags to the header of \
The plug-in only supports converting posts to amp versions. The plug-in description accessed on november1,2016 shows that the amp version support of WordPress page is under development and will be available soon. Amp performance impact measurement we decided to measure the impact of the page amp version on performance in pindom. The results were quite different. Our word press settings are located in a shared hosting environment that uses the default tweet four theme and does not have caching or optimization plug-ins installed. The following screenshot shows the performance benchmarks for the default version of the page. The
Male, this is the result of the amp version of the page. The results were significantly different. Each component has undergone significant improvements. The page size is reduced by 70%, and the loading time is less than 900 milliseconds, which is reduced by 35%. The number of requests decreased from 17 to 7, a decrease of nearly 60%! All this is achieved through amp, while preserving the content of the page. The following table captures the details of the test for reference. Male male male male male normal male amber improve page size (KB) male563.8 male 167% time (seconds) male1.42 male 0.929 male 35% number of requests male male female male male 59%, from the numerical point of view, it is obviously difficult to obtain amp P. It not only helps to improve SEO scores, but also provides a beautiful and tidy user experience. The
Male also
You can also include the tracking mechanism in the amp version on one page. We will discuss this in the next section. It is a good habit to optimize the content for the readers to expand the function of AMP, but it is also important to maintain brand consistency. In other words, the amp version of existing content must also follow the brand’s color configuration table, font and common user interface. The amp word press plug-in has no option to perform these changes. Its goal is to provide a quick and easy way to make the entire existing WordPress content amp compatible. Amp for WP – enter the accelerated mobile pages plug-in. The
The free plug-in provides the following additional functions to expand the amp function of WordPress: Google Analytics integrated amp woocommerce page supports related posts under Posts recent message list custom logo upload social sharing bar youtube, instagram, twitter The amp plug-in must be installed and activated before it can work normally. The premise is that it supports rich content, including videos and content on content platforms such as vine. You can install this plug-in as usual, similar to installing the amp plug-in at the beginning of the post. The
After activation, you can configure various options that the plug-in must provide. Access the settings by navigating to WordPress dashboard >amp. Among the many settings provided by the plug-in, you tried: Add a post related to opening a comment, and then add the navigation to the previous post. This is a screenshot showing how the amp version looks after saving the changes. The performance is as follows: The following is a screenshot of the vanilla amp page for comparison. The loading time is further reduced by 7.4%. Interestingly, although the page size and the number of requests increased slightly, the overall performance level (increased by 3 points) improved. The
Generally, if you want to make more efforts in amp, and you want content, advertising and analysis to work well on the platform, then the plug-in will be excellent. Conclusion with the explosive growth of mobile phone use in the past few years, it is no longer an option to choose mobile as a priority in online commerce. That is absolutely necessary. Accelerating the mobile pages project is an ambitious goal, and more and more media rooms are rapidly using it. Although it is easier to integrate amp into a new blog, a blog with thousands of pages of content will be particularly difficult. The reason is simple. Not everyone follows appropriate standards when publishing online. Organizations are evolutionary. Even the \
Ideally, an enterprise should measure incoming traffic sources. What is the proportion of traffic from mobile devices? How many of them are from mobile search? What is the churn rate of mobile visitors? Here are some questions to ask before considering amp: If you are sure that the content of the website is configured according to the latest standard technology, please be sure to use amp! You will improve your SEO. However, if you know that there are many internal configuration errors, broken links and errors, it is best to solve these problems before amp. The
What do you think of AMP? Is it used to consume content? Is it implemented on the website? I want to hear your opinions!