How to enable AMP on WP Divi Theme

Divi theme is one the best popular WordPress themes; It is loaded with tons of excellent features and options in one place to create a successful site on WordPress. Many Divi users confused due to its complicated design options and ending up with incomplete SEO settings.

For this kind of sites Google has come up with a new project called Accelerated Mobile Pages (AMP), By integrating AMP in your website load time increases to 4X faster, Decrease in bounce rate, more special visibility in search engines. You will be the best to be served by this implementing technology sooner rather than later because this accelerated Mobile Pages is specifically intended for post-like and Product-like content.

Implementing AMP on WP Divi Theme.

• Login to WordPress Admin panel –> Plugins –> Add New –> Search for “Accelerated Mobile Pages” (By Ahmed Kaludi, Mohammed Kaludi) –> Click Install –> Click Activate.

• After Activating the plugin, You will see a Message saying “This Theme requires following Plugin: AMP, Begin Installing Plugin” –> Click on Begin Installing Plugin –> Install (Check the below Screenshots)

Front Page Customization

Now Let us customize Divi Theme Frontpage by adding Logo, Menu and changing Color scheme in Divi Theme Options

This is how the Divi Homepage looks.

Now Let us customize AMP Frontpage by adding Logo, Menu and changing Color scheme as per our Brand.

Adding Menu To AMP Pages

Now Let us setup Static Homepage with Inbuilt Blog Masonry Module (Recommended) from Divi’s Predefined Layouts

Now Let us Setup Static AMP front page in AMP settings (General Tab)

This is how Static AMP page looks by adding /?amp at end of the URL.

AMP on Single Post Page.

Conclusion

Google AMP pages look kind of interesting because the AMP enabled pages to load 4x faster than standard pages. Integrating AMP on WP Divi Theme is easy and it enables you to stay on top in all Search Engines, glean the rewards without any hard work.