How to Setup Google AMP for WP Plugin – Complete Installation Guide
How to Setup Google AMP for WP Plugin – Complete Installation Guide
Last Updated: March 20, 2018 Google AMP, Wordpress
HOW TO SETUP GOOGLE AMP FOR WP PLUGIN
Today tutorial we are going to see How to Configure and set up the Google AMP for WP Plugin.before that I want to give a little intro about Google AMP pages(Accelerated Mobile Pages).
After 2014 and 2015 day by day Mobile users are increasing Most of them love the responsive and Fast loading Mobile website/blog no one like to stay in Slow loading website and blog.
Google Loves the Fast loading websites and Blogs same time if you have Mobile Optimized website/blog you have a lot of Benefits in SEO Factors.
WHAT IS GOOGLE AMP PAGES?
It is an Open Source Project developed By Google Specially Build for Mobile devices it helps us to Speed up our website in Mobile Browser’s
- Run your AMP web pages with Less Javascript
- Clean Minimal look in Mobile Browsers
- your web pages are load instantly in Mobile
Here we Go!
STEP BY STEP GOOGLE AMP FOR WP PLUGIN INSTALLATION AND SETUP
REQUIRMENTS
- Official WordPress AMP Plugin
- AMP for WP WordPress Plugin for Add Custom Feature’s on our AMP pages
STEP1
Install Official WordPress AMP from Wp Plugin Repository
- Install and Activate the official Google AMP WordPress Plugin
The official WordPress AMP Plugin does not Have the Advance Feature’s so we are going to Install AMP for WP – Accelerated Mobile Pages.Before that, I want to give little Bit Intro about this WordPress AMP Extension plugin Developed by Mohammed Kaludi and Ahmed Kaludi Founder of Magazine3 WordPress themes
Plugin Name - AMP for WP - Accelerated Mobile Pages Requirement - Official WordPress AMP Plugin Developer - Mohammed Kaludi and Ahmed Kaludi Wordpress Verified - yes
Complete Installation Guide to Configure the Accelerated Mobile Pages Extension WordPress Plugin
This plugin is the Extension of official WordPress AMP Plugin
Here’s the reason Why I recommended this AMP Extension plugin?
This plugin Having the Plenty of Feature’s like
- AMP Page Builder
- Custom Logo
- Mobile Redirection
- Custom Frontpage
- RTL Support
- Social Share Buttons
- AD Manager
- Custom AMP Menu
- and More Amazing Feature’s
STEP2
WORDPRESS ACCELERATED MOBILE PAGES EXTENSION
- Go to Add New Plugin search as “AMP for WP – Accelerated Mobile Pages.”
- Install and activate this plugin
- After activation go to AMP Extension Plugin setting page
AMP EXTENSION PLUGIN CONFIGURATION
- Go to General settings
- Upload Logo for your AMP pages
Output
- Now to the Mobile Redirection.if you want to force to redirect your Mobile visitors to AMP pages set it ON otherwise OFF the redirection
- Next Choose your Analytics Type it having three Option Google Analytics, Segment Analytics, and Piwik Analytics
- Enter your Tracking ID and save the settings
- Configure your AMP Home Page Choose ON to set a Custom Home for WP AMP pages Choose OFF to set the Post as Default Homepage
- If you want Display View NON-AMP Version in Footer Enable, this option otherwise Disable it
- if you want Left language, support enable it
- AMP pages for WordPress pages
- If you want, the NON-AMP version Link on header/logo enable this option
AMP PAGE BUILDER AND COLOR SETTINGS
- Go to Design under General Settings
- Choose a Design Which you want
- After choosing the design Click the “AMP Page Builder & Color Settings.”
- It will redirect you to AMP Page Builder and Color settings
- In design, manager select the element you want Display on the AMP pages
- Now Choose the Header, link and Color scheme for your AMP pages
- After all setting and save the design settings
SEO SETTINGS FOR AMP PAGES
- This Plugin WordPress AMP Extension plugin works in Yoast SEO Plugin.
- It having the Option for Add Meta tags and Schema JSON ID from Yoast SEO Plugin
- Just enable this both option for Yoast SEO Plugin Support
CUSTOM MAIN FOR WORDPRESS AMP PAGES
- After SEO settings Goto Menu page and set the Custom Main Menu for WordPress AMP pages
ADVERTISEMENT MANAGER
Already I Publish the Article for this read here – Add Google Adsense to WordPress AMP Pages
SINGLE POST SETTINGS FOR WORDPRESS AMP PAGES
This plugin having the dedicated option in Single post option help to configure to set the size Feature images, Related post configuration. Sticky Social icons and Next-Previous post Navigation option.
SOCIAL SHARE BUTTONS FOR WORDPRESS AMP PAGES
Configure the Social Share Buttons which social share buttons you want to display on your AMP Post pages
STRUCTURED DATA FOR WP AMP PAGES
we have Yoast SEO Plugin Structured JSON Data so skip this option.
COOKIE NOTIFICATION FOR WORDPRESS AMP PAGES
If you want to Display Cookie Notification on your WordPress AMP Pages Just enable this option.
OTHER USEFUL OPTIONS
Translation Panel: Translate the Options Words on your WordPress AMP Pages
PREMIUM EXTENSION FOR GOOGLE WORDPRESS AMP PAGES
This plugin Have the Premium extensions, Products, and services
- Advanced AMP ADS
- Custom Post Type Support for AMP
- DoubleClick for Publishers for AMP
- Ratings for AMP
That’s all we Complete the Full AMP Set up 🙂
AMP PAGES VALIDATION
Validate your AMP Pages it help to find the issues on AMP Pages
Go to AMP Validator and Validate your WordPress AMP Pages
If found the Another AMP Pages Validator tool it validates the AMP Pages, structured data, and show the search Engine preview also we can submit the AMP Pages to Google.
- Go to AMP Search Console
- Enter your URL and Validate your AMP Pages
Outputs
Preview result
HOW TO OPEN THE WORDPRESS AMP PAGES IN DESKTOP BROWSERS?
Homepage - http://example.com/?amp Pages - http://example.com/about-us/?amp Post - http://example.com/hello-world/amp/
SPECIAL THANKS TO THE DEVELOPERS
Thanks to kaludi Brothers for this Awesome WordPress AMP Extension Plugin
USEFUL LINKS
- Accelerated Mobile Pages Extension Plugin official Blog and Update release – Bookmark Now
- AMP Telegram Community – Join Now
- User Documentation (For AMP Extension Plugin) – Check Now
LEARN WORDPRESS AMP FROM SCRATCH
- Add Header and Footer Code in WordPress AMP Pages
- Customize the Footer text in WordPress AMP pages
- Install Google Analytics in WordPress AMP pages
- Add Custom CSS in Amp template on WordPress
FROM THE EDITOR’S DESK
Personally, I recommended this WordPress AMP Extension for Official WordPress AMP Plugin this plugin has a lot of Amazing Features also there are NO AMP Page errors 🙂
WRAPPING UP
Hope this tutorial will help to configure and set up the AMP pages for your WordPress website.If you have any doubts in AMP Pages Setup Feel free to comment Here, I will Guide you.
Share his Post Share with your Blogger Friends 🙂 Sharing is caring.
AMP FOR WP - ACCELERATED MOBILE PAGES
Summary
AMP for WP – Accelerated Mobile Pages WordPress AMP Extension Plugin which helps us add a Custom Design and Amazing Feature’s to our WordPress AMP pages.
Was this article helpful?
Comments
Post a Comment