WordpressWordpress Plugin

How to set up AMP to your WordPress site

0
How to set up AMP to your WordPress site

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 is supposed to solve this issue. It’ll disable all your extra thing from the web pages and simplify your CSS and javascript file.

Best WordPress SEO Plugins
Best Contact Form Plugins
Best Plugins 2020

Why AMP:

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.

In short, you can say, it can simplify a webpage and send you a response as soon as possible. AMP try to minify all the CSS and JavaScript code. It will create a specific mobile responsive page for you. Sometimes users are not even commenting on our blog pages. It’ll disable your commenting section also.

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.

Untitled Diagram 4 1

You’ll find 2 Plugins inside the plugin dashboard. Choose AMP for WP by Ahmed Kaludi.

amp%2B1

Step 2: Choose Advance setting options

amp%2B2

Step 3: After installing the AMP plugin, Activate it to enable AMP for your website. Choose your website type and select it.

amp%2B3

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.

amp%2B4

Step 5: Add your Logo to the site.

amp%2B5

Step 6: You can also add cookie Notice bar to your site, you can enable it here.

amp%2B7

Step 7: If you are using SEO plugin to your site. You can enable it here.

amp%2B8

 

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”

amp%2B10

 

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.

amp%2B11

 

Step 9: For SEO setting Select your SEO plugin and enable it. No changes required.

amp%2B12

Step 10: Select “Performance”. Enable Minify, Leverage Browser Caching, and Optimize CSS. Here you are optimizing the AMP setting for your entire website.

amp%2B15

 

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.

Untitled Diagram 5
amp%2B16

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.

amp%2B17

Step 12: You can enable all your setting cookies and Notification setting here.

amp%2B18

Step 13: If you are using push notification, choose the right platform for you, and enable it by adding the APP id.

amp%2B19

Step 14: Go to comments setting and enable your required data.

amp%2B21

Advance Setting:

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.

amp%2B23

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.

amp%2B25

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.

Example: http://www.my-domain.com/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

  1. Create a new menu
  2. 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.

amp%2B24

Conclusion:

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.

admin

How to fix the issue “Indexed, though blocked by robots.txt”

Previous article

How much should a WordPress site cost?

Next article

You may also like

Comments

Leave a reply

Your email address will not be published. Required fields are marked *

More in Wordpress