As a WordPress developer, the first task is to build a charming and powerful website for customers. But it is often easier than running. What would you do if you understood the various variables that create a great live experience, but indicated different external forces? Let’s take the mobile experience as an example. Five to ten years ago, I was designing a \
Google always seems to be performing the task of improving the web. They are more strict with HTTPS and do not switch websites. They banned websites that did not consider accessibility. And their mobile priority plan will soon become a reality. But until that day, Google has provided its own solutions for publishers, webmasters and web developers, who want to create a completely mobile friendly environment for visitors. Amp or accelerated mobile pages. With mobile UX playing a huge role in the development of WordPress, Google’s amp project looks like a gift from God, promising to provide necessary tools for mobile visitors and lightning fast participation. But is that all the story? Is it really that simple? I’m afraid not. The
Let’s take a look at what Google amp is, what impact it has on WordPress content, and why some web developers might worry. For those who are not afraid of AMP and are excited about this new open source framework, we will start with plug-ins, and then introduce how to test the implementation using the free validation tool here! Let’s start with the basics of Google amp. What is Google amp? The amp open source program was initially launched in 2015 with the goal of improving the speed of mobile websites. But according to Google, this is not just about improving users’ mobile experience. Amp is a solution to help publishers generate revenue more effectively in the mobile environment. The
\
Is there a lightning icon next to the release time? That is the amp indicator. When you click an amp article in the search, the following is displayed: Does it look like most of the reactive content you are exposed to? Yes, one. Are you sure you want to check at the top how the URL is actually bound to Google? Because of that. This specific document is located in the following location: https:\/\/www.google.com\/amp\/s\/www.gq.com\/story\/what-is-art-basel-coolest-streetwear-guys-interview\/amp To go directly to the source of the article, you must click the hyperlink chain button at the top. The
Another major difference between standard mobile experience and amp is the advertising centrality of these articles. While it is not meant to be profitable from all pages of AMP optimized content, it is part of the benefits of using this technology. The way this article shows insider advertising is
Google recognizes the problem and has no solution yet. Therefore, if you need accurate traffic information, you need to temporarily rely on amp analysis. Implementation difficulties not all web developers agree that amp is easy to implement. Because amp is not the universal ideal solution for all website types or all content types. For example, amp only applies to blog posts and news articles, not web pages. In addition, it is not the ideal choice for all websites. Blogs and news sites that focus on re telling stories will benefit most from this form. You must create two separate versions of the content. One is dedicated to ordinary desktop and mobile devices of the site, and the other is dedicated to AMP. If you already know how to code with HTML and CSS, you can reduce the learning curve. However, you must rewrite the code using specific rules in the AMP and update the media tag for each content you want to push to the amp. If you decide how to start AMP in WordPress. Amp is suitable for your site, please check how WordPress starts amp and make sure everything works properly (the tool is here!) 1. the first thing to do to obtain the plug-in is to install the amp for WP plug-in on WordPress. Here, the plug-in developer explains how to perform this task (starting with the 2:50 tag). [youtube https:\/\/www.youtube.com\/watch?v=Em1nsE_KaKw?rel=0 ]When taking the time to browse this plug-in, please note the following: Support a variety of query forms and click to induce query plug-ins that are not available for direct addition. (rest assured.) There are some great amp tutorials on the developer’s website that can help you answer questions such as how to optimize AMP content for search and how to use it with woocommerce. This plug-in adds the amp page builder to WordPress, simplifying the process of creating content specifically for mobile. The video of how to use is as follows: [youtube https:\/\/www.youtube.com\/watch?v=vAGPFKKm5G4?rel=0 ]2 After creating the content, it is time to create the content. See the Google amp tutorial to learn how to code and organize pages according to the guide. You can also learn how to add advanced features and interactive design to AMP. 3. after marking the content, a standard mark must be added to display Google and other platforms. This page will publish AMP content belonging to this category. Include the following standard tags in the original page of the site: The generated AMP content page contains the following standard labels: Male 4 Schema annotation editing for better SEO schema. I know how important it is to add the org annotation to WordPress. To really optimize AMP content, you must edit annotations on pages created specifically for amp. Non AMP content usually only needs to define variables in the schema annotation, such as title and image. However, AMP content has a more rigorous structured data set, which must be defined as described by Google. Therefore, to rank AMP content in Google and place it in the prominent amp carrercell at the top of the search, you must adjust the annotation creation method of AMP content. In addition, microdata cannot be used for AMP content. Only json-ld code is allowed. 5. there may be a bug in Google Analytics added to Google Analytics, but this does not mean that AMP content cannot be tracked. When will Google fix these defects
