[WordPress tips] Instructions on how to fix the AMP interface error according to Google’s standards – It can be said that the AMP interface is clearly showing its important position now and in the future, it is certain that one thing that Web sites that integrate AMP will is Google’s top priority, so using the AMP interface is something you need to calculate and integrate for the Web? If you have not integrated or integrated a Web site according to AMP standards but still have structural errors, please follow the following article!
In the previous article about WordPress tricks, I showed you how to create comment policy notices in WordPress so that you can quickly create comment policy for the simplest WordPress source code, continue in this article. will guide you how to fix AMP interface errors according to Google’s standards.
Contents
How to fix AMP interface errors according to Google’s standards
The AMP interface is an interface designed specifically for Web sites to help the Web work in conditions of unstable or too weak network connection, so integrating the AMP interface is what you need to do. . Let’s learn how to integrate the AMP interface with the tips blog and fix the AMP interface errors.
First you need to integrate the AMP interface for your Web site by refering to the article Create Accelerated Mobile Pages (AMP) in WordPress , after the integration is complete, continue with the following steps. do the following to standardize the AMP look and feel for the Web.
To standardize the AMP interface according to the standards you need to use the Accelerated Mobile Pages Plugin, this is considered a perfect plugin for you to standardize the AMP interface for the Web, supporting a lot of attractive features for standard designs. interface let’s blog tips to learn the features of the Plugin.
Install Plugins
First, go to this link to download the Accelerated Mobile Pages Plugin for WordPress to your computer and install the Plugin (if you don’t know how to install the Plugin for WordPress, you can refer to the article on how to install the Plugin for WordPress. ) After the installation is complete, activate the Plugin and proceed to configure the following parameters.
Plugin Configuration
The Accelerated Mobile Pages plugin provides a lot of features, you can easily design the AMP interface for the Web in the most professional way, let’s take a look at some features of Accelerated Mobile Pages.
General card
Provides customizations for AMP Web sites such as .
Logo: Put the Website Logo.
Mobile Redirection: Enable this feature if you want all mobile devices accessing the Web site to automatically switch to the AMP interface (as you see when you use a mobile device to access your Web site). it will be automatically converted to AMP).
Analytic Type: Select a traffic measurement tool.
Google Analytics: ID that tracks traffic from Google Analytics.
Front Page: Enable custom AMP on the homepage.
Link to Non-AMP page: Displays the link to non-AMP page feature in the Footer.
RTL Support: Enable skin customization on the right side.
AMP on Archive Pages: Customize AMP for categories and tags.
AMP on Pages: Customize AMP for pages.
Non-AMP HomePage link in Header: Customize the AMP link homepage.
Card Design
AMP interface design, in this section there are 2 pre-designed themes, choose the one you like, you can also use CSS code to customize it directly.
SEO Tag
If you have installed the Yoast SEO Plugin, there is no need to configure it further, it will automatically get the parameters from Yoast SEO.
Menu Card
Customize Menu for AMP interface just go to Appearance > Menu > Select “Manage Menus” > And select Menu for AMP interface.
Advertisement Card
Customize the display of ads, for this feature you can only use ads from Google Adsense.
Single Card
Customize post display include
Sticky Social Icons: Customize social icons in posts.
Next-Previous Links: Customize the Next-Previous article mode.
Featured Image Width: The width of the avatar image.
Featured Image height: The height of the avatar image.
Show Related Post from: Show related posts by (category, tag).
Social Card
Customize the display of social networks (including Facebook, Google + …).
Structured Data tab
Web page structure customizations when displayed.
Notifications Thẻ Card
Customize the display of notifications when accessing the AMP interface.
Card Translation Panel
Customize display language (you can localize) .
In addition, you can customize the display structure of the AMP interface by going to Appearance > Select AMP, then customize the appropriate displays by dragging and dropping the respective positions .
Once done, you just need to save and enjoy the results. And of course the AMP error of the Web site will be fixed.
After implementing my Web site, the error has been fixed, but I have to wait for Google to update. Too simple for you to fix your AMP Web page, isn’t it?
Finally, if you find the article useful, please subscribe to my blog regularly to update the latest articles via Email – Thank you!
