\n
We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
\n\t\t\t
- \n
- From your WordPress dashboard, go to your sidebar. Head on over to AMP option panel<\/strong> -> Click on Settings<\/strong> -> Advance Settings<\/strong> -> Turn ON Mobile Redirection and then click on the “Save Changes<\/strong>” button.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/4-2.png\")
<\/a><\/p>\n- \n
- Mobile Redirection:<\/strong> Once you enable this option it will be Redirect All mobile visitors to AMP.<\/li>\n<\/ul>\n
Make sure you also enable<\/p>\n
- \n
- Homepage Support: ON<\/li>\n
- Archive Page Support: ON<\/li>\n<\/ul>\n
Above the two option you will find in the WordPress Dashboard<\/strong>\u00a0->\u00a0AMP<\/strong>\u00a0->\u00a0Settings<\/strong>\u00a0->\u00a0General\u00a0<\/strong>-> Once you enable “Homepage<\/strong>” and \u201cArchives[Category & Tags]<\/strong>\u201d option inside \u201cCategory<\/strong>\u201d and “Tags<\/strong>” option will be display and then click on the \u201cSave Changes<\/strong>\u201d button.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/2-7.png\")
<\/a><\/p>\nThis way you can redirect all mobile visitors to AMP version of your website.<\/p>\n
Mobile Redirection and Cache plugin<\/strong><\/h3>\n
First of all, you need to separate cache file for the Mobile device and Desktop device.<\/p>\n
Separate cache files for mobile devices and desktop in case you use one of the plugins mentioned below.<\/p>\n
Once your site is loads mobile device or Desktop device it will serve a separate cache file for the different device.<\/p>\n
Here is the list of cache plugin which supports the Mobile redirection.<\/h5>\n
- \n
- WP Rocket<\/a><\/li>\n
- WP Super Cache<\/a><\/li>\n
- W3 Total Cache<\/a><\/li>\n
- Litespeed cache<\/a><\/li>\n
- WP Fastest Cache<\/a><\/li>\n
- SG optimizer<\/a><\/li>\n
- Swift Performance<\/a><\/li>\n
- WP-Optimize \u2013 Clean, Compress, Cache<\/a><\/li>\n<\/ol>\n
Does Not support the Mobile redirection.<\/strong><\/p>\n
- \n
- Breeze cache<\/a><\/li>\n
- Cloudflare<\/a><\/li>\n<\/ol>\n
1. Reason why Breeze Cache not supports Mobile redirection in AMP<\/mark><\/h4>\n
Breeze Cache does not allow mobile redirection functionality due to this it will not work in AMP. If you really need mobile redirection feature in amp then you have to disable breeze cache<\/p>\n
2. Reason why Cloudflare not supports Mobile redirection in AMP<\/mark><\/h4>\n
Cloudflare install in the server-side because of that reason it works on the high property and it does not allow mobile redirection and it will server the desktop version only. So please keep in mind that if you want mobile redirection then you need to disable Cloudflare and you cannot have both Cloudflare caching and mobile redirection at a time.<\/p>\n
Note:<\/strong> Above this plugin does not support mobile cache.<\/p>\n
If you have an issue regarding with the above plugin for Mobile redirection then\u00a0Please leave your comments below.<\/p>\n
1) How to enable mobile device <\/strong>caching in <\/strong>WP Rocket<\/mark><\/h3>\n
Once you install WP Rocket<\/a> plugin and activated then follow these steps:<\/p>\n
1.<\/strong><\/span> Go to WordPress Admin Area<\/strong> -> Settings<\/strong> -> WP Rocket<\/strong> -> Cache<\/strong> -> Mobile Cache<\/strong>.<\/p>\n
2<\/span>. Enable caching for mobile devices:<\/strong> First, you have to select this option then it will show Separate cache files for mobile devices<\/strong>\u00a0option.<\/p>\n
3.<\/span> Separate cache files for mobile devices: <\/strong>Once you select this option WP Rocket will create separate cache file for mobile devices.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/WP-Rocket.png\")
<\/a><\/p>\n4.<\/span> <\/strong>Click on the save change button.<\/p>\n
2) How to enable mobile device caching in WP Super Cache<\/mark><\/h3>\n
Once you install WP Super Cache<\/a> plugin and activated then follow these steps:<\/p>\n
1.<\/span><\/strong> Go to WordPress Admin Area<\/strong> -> Settings<\/strong> ->WP Super Cache<\/strong> \u00a0->Click the\u00a0Advanced<\/strong> tab.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/2-2.png\")
<\/a><\/p>\n4.<\/strong><\/span> By default, you should see the Mobile Device Support checkbox checked. If not, check the checkbox<\/strong>\u00a0and\u00a0Save<\/strong>\u00a0the changes.<\/p>\n
5.<\/span><\/strong> Purge WP Super Cache’s cache<\/p>\n
3) How to enable mobile device caching in W3 Total Cache<\/mark><\/h3>\n
Once you install W3 Total Cache<\/a> plugin and activated then follow these steps:<\/p>\n
1.<\/strong><\/span> Once installing W3 Total Cache plugin you will see the Performance option in WordPress dashboard.<\/p>\n
2.<\/strong><\/span> Go to WordPress dashboard<\/strong> -> Performance <\/strong>\u00a0->User Agent Groups<\/strong> \u00a0->Enable this option in the phone and click on the save button.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/4-1.png\")
<\/a><\/p>\n4) How to enable mobile device <\/strong>caching in <\/strong>Litespeed cache<\/mark><\/h3>\n
Once you install Litespeed cache<\/a> plugin and activated then follow these steps:<\/p>\n
1.<\/span> <\/strong>Once installing Litespeed cache plugin you will see the Litespeed cache option in WordPress dashboard.<\/p>\n
2.<\/strong><\/span> Go to the LiteSpeed Cache plugin’s<\/strong> -> Settings <\/strong>-><\/span>\u00a0Click on the “Cache<\/strong>” tab<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/2-3.png\")
<\/a><\/p>\nScroll down a little to see this option<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/3-3.png\")
<\/a><\/p>\n3.<\/span><\/strong> Enable the “Cache Mobile<\/strong>” settings click on the “Save Changes<\/strong>” button.<\/p>\n
4.<\/strong><\/span> Purge LiteSpeed Cache’s cache<\/p>\n
5) How to enable mobile device caching in WP Fastest Cache<\/mark><\/h3>\n
\u00a0<\/span>Once you install WP Fastest Cache<\/a> \u00a0plugin and activated then follow these steps:<\/p>\n
1.<\/span><\/strong> Once installing WP Fastest Cache plugin you will see the WP Fastest Cache option in WordPress dashboard.<\/p>\n
2.<\/span><\/strong> Go to the Go to WordPress Admin Area -> WP Fastest Cache<\/strong> -> Settings<\/strong> > Check “Mobile<\/strong>” Option > after that click on the “Submit<\/strong>” button.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/c-1.png\")
<\/a><\/p>\n3.<\/span><\/strong> Purge WP Fastest Cache\u2019s cache<\/p>\n
6) How to enable mobile device <\/strong>caching in <\/strong>SG optimizer<\/mark><\/h3>\n
Once you install and activated SG optimizer plugin<\/a> mobile redirection will work perfectly no need to configure anything.<\/p>\n
7) How to enable mobile device <\/strong>caching in Swift Performance<\/strong><\/mark><\/h3>\n
Once you install Swift Performance<\/strong><\/a>\u00a0<\/strong><\/mark>plugin and activated then follow these steps:<\/p>\n
1.<\/strong>\u00a0Go to\u00a0WordPress Admin Area<\/strong> ->\u00a0Swift Performance<\/strong> -> Settings<\/strong> -> Caching<\/strong> -> Separate Mobile Device Cache<\/strong><\/p>\n
2. Separate Mobile Device Cache: <\/strong>Once you select this option Swift Performance will create separate cache file for mobile devices.<\/p>\n
![\"\"](\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/03\/7-2.png\")
<\/a><\/p>\n3. <\/strong>Click on the Save change button.<\/p>\n
8) How to enable mobile device caching in WP-Optimize \u2013 Clean, Compress, Cache <\/mark><\/h3>\n
- Cloudflare<\/a><\/li>\n<\/ol>\n
- WP Super Cache<\/a><\/li>\n
- WP Rocket<\/a><\/li>\n
- Mobile Redirection:<\/strong> Once you enable this option it will be Redirect All mobile visitors to AMP.<\/li>\n<\/ul>\n