Are you a WordPress designer / Developer? Do you ever hear AMP? Do you ever feel that your website is getting slow in mobile devices?
Currently, the major problem is when people searching for any information on low bandwidth devices, they have to wait for a long time for getting the response. Due to this, you may lose your potential customer or you may get down on the search engine result (SERP).
You’ll lose thousand of potential customer or they may not use your service again. Most of the web pages upload more invaluable information to the internet. Due to this, the website takes more loading time than you expected. If you are using WordPress you may face this problem a lot of time. Maybe you have used a lot of things to the sidebar or you may install a lot of plugins.
AMP stands for Accelerated Mobile Pages. It will accelerate your mobile pages instantly. AMP is Google’s open-source project which is introduced on the year of 2015 to compete the Facebook instant articles and Apple News. It is an open-source HTML framework developed by AMP open-source.
Is AMP good for your site or not?
Many website owners complain that the comment section, sidebar, popup, and footer are not the extra information for a website. These are direct engagement with users. Installing the AMP to the site is not a profitable business for the companies.
Search engines understand that engagement with customers always a benefit for a company. You can take the premium version of these plugins or by adding the development code you can do that also.
So we are here to show you How to set up AMP to your WordPress site with extra customize settings?
How to set up AMP to your WordPress site?
Step 1: Find the AMP plugin inside the WordPress plugin directory.
You’ll find 2 Plugins inside the plugin dashboard. Choose AMP for WP by Ahmed Kaludi.
Step 2: Choose Advance setting options
Step 3: After installing the AMP plugin, Activate it to enable AMP for your website. Choose your website type and select it.
Step 4: After installing the AMP to your site enable it to your webpage. You can select the options, add AMP to your Homepage, other pages or you can choose only posts option.
Step 5: Add your Logo to the site.
Step 6: You can also add cookie Notice bar to your site, you can enable it here.
Step 7: If you are using SEO plugin to your site. You can enable it here.
After adding this setting to your page. Your website has a lot of change. The web pages are looking very simple and minimalistic page. There are a different logo, no sidebar, and no footer. You can check your amp page URL.
For example: If your original URL is https://www.my-domain.com/ then the new amp URL is “https://www.my-domain.com/post/amp”
So the AMP stripped all of your scripts.
Step 8: Go to the settings tab. You can also add your customized Logo, Amp setting for Pages and posts also.
Step 9: For SEO setting Select your SEO plugin and enable it. No changes required.
Step 10: Select “Performance”. Enable Minify, Leverage Browser Caching, and Optimize CSS. Here you are optimizing the AMP setting for your entire website.
Google Analytics Setting for your AMP pages:
If you have already installed Google Analytics to your site, it does not mean that your Google analytics active on your current AMP pages. You need to manually add it to the setting.
You can also add google tag manager or any other tracking code you can add it also here.
Step 11: If you need to enable Rich Snippet to your site you can install it and enable it.
Step 12: You can enable all your setting cookies and Notification setting here.
Step 13: If you are using push notification, choose the right platform for you, and enable it by adding the APP id.
Step 14: Go to comments setting and enable your required data.
This is a primary and major part of your AMP site. Here you can set up your AMP view.
Step 1: Enable mobile Redirection but remembered to disable the Tablets mode.
Step 2: Other than these 2 options you can keep the remain the same setting.
Next Part – Design:
This is the most important part of AMP where you are selecting the template for your blog.
AMP is giving 4 free templates for your site. You can use any one of them. If you want a custom template for your site, you’ll choose the premium version.
That’s it. We have done everything.
It’ll take some time to publish on your live site. You can check your URL by adding an amp.
You can create a customized header and footer also. Follow this process to create Header and Footer.
How to create header & footer in AMP:
Appearance > Menus
- Create a new menu
- Add Pages, category to the AMP menu.
Then you’ll find Menu setting, you need to click on AMP Menu or you’ll add it footer menu you’ll select footer menu also.
Even a one time AMP set up can increase your search visibility over the search engines. It will take 30 mins of time to install an AMP and set up properly. AMP can reduce the time frame of your site instantly. Even a few extra seconds time can decrease your site’s visibility over the search engines. You’ll lose thousands of visitors along with the trust of your customer.
Do you have any questions regarding AMP? Know more about the AMP for WordPress setup, let us know in the comment section.