How to Properly Setup Google AMP on Your WordPress Site
Mar 06, 2020video I will explain how to
properly
configure Google Amp onyour
WordPress website
. This is the samesetup
that manysite
s use to improve their mobile user experience and I'll show you how to install and customize AMP onyour
site, but you'll also learn why you might not want to install it yet. Google amp means accelerated mobile pages. It is an open source initiative backed by technology companies such as Google and Twitter and the goal of the project is to make websites load faster for mobile devices. users. Accelerated Mobile Pages or AMP use minimal HTML and limited JavaScript.By doing this, they allow pages to load much faster on a mobile user's device. You will know that a site has accelerated mobile pages enabled when you are on your mobile phone and If you search results on Google, you can scroll and you will see an area that has the lightning bolt and amplifier sign next to it indicating that page is set to accelerated mobile pages Before installing, let's cover some of the Pros and Cons associated with installing Google Amp for your website. Some advantages of the Google app is that it is great for sites that have high mobile traffic.
Some experts say it will help with rankings but most importantly it improves the mobile user experience as it loads the site much faster after considering there are some drawbacks. and it uses limited technology, as I said before, it uses a simplified version of HTML CSS and JavaScript. Doing so means that certain things may not load on your mobile site, like a widget area, maybe your Facebook widget that you put on your site, and even though amp uses Google Analytics, even though amp supports Google Analytics, if you use different analytics software it may not work on this as well and finally there is talk that there could be some potential loss in mobile traffic if you use AMP. .
Now that you know what an amplifier is and some of its pros and cons, I'm going to show you how to install it and customize it for your website, so let's go ahead and go to our WordPress dashboard to do that, just admin at the end of your site. enter your username and password from our dashboard, go to the plugins area, click on add new and we are looking for the amplifier you want to find the one that Automattic offers and click on install and once you install it, go ahead and activate it. Once it is installed we will go to the appearance amplifier to customize it and now this is what it will look like.
You can go in and change the color of the header text. Now we have it blank. You can also change the background color right there. You can choose the combination of light or dark colors. I'll keep it dark and when you're done, just click Save and Publish. Now, anyone accessing your site from their mobile device will see this setting. Instead, you can also make some additional customizations and I'll show you how to do it below. To expand the functionality even further, we will add another plugin, so let's go back to our plugins area. Installed plugins click add new and we actually need to install two plugins.
You should already have the Yoast plugin to help you with your site's SEO. We'll look at Yoast SEO, it's the first plugin we want to install and then we'll go ahead and activate that as well. Once activated, we want to install one more, we are going to add new and we are looking for glue for Yoast SEO & this is the one we want, so let's install it now, we'll go ahead and activate it. Alright, now that it's enabled we can go down to SEO and you'll see amp here, this is where we can customize it further and from here you can enable AMP features on pages or even your media pages if you want, by default , the post is enabled in layout, you have different areas for uploading images, you can further customize your color scheme and you have an extra area here for CSS specific to your site when you're done, be sure to save your changes and in AMP Analysis you can make sure You can add your Google Analytics tracking code here and if you ever want, you can check the performance of your accelerated mobile pages by going to Google Search Console and in the search appearance click on the accelerated mobile pages and don't worry since you just installed this you may not see anything immediately now that your site is set up for accelerated mobile pages if you like this video click the like button and go ahead and leave us a comment there.
We'd love to hear from you and subscribe. our
If you have any copyright issue, please Contact