Personally, like so much of WP, its for people who do not have the skill to do the work without a plug-n-play option. We advise our clients to avoid WP plugin solutions. Adding that class to a normal HTML element will hide the content on AMP page but will not guarantee that it gets removed from the DOM (in which case it can still invalidate the page). We created a solid HTML AMP template that validates, and manually built out a full AMP page versions. So when using features from third party plugins that may not work well on AMP or even invalidate the page, you can omit them from the AMP page by wrapping them in a shortcode that uses the amp-invisible class. If you’re using the block editor and are unable to add a rel attribute you can also add ?noamp=available to the end of the URL to prevent it from linking to the AMP page. The link element should have rel="noamphtml" attribute specified to prevent the AMP plugin from adding the ?amp attribute to the end of the URL. In the above example, a Contact Form 7 form is only displayed on the main website, while on the AMP version a button is displayed that directs the user to the contact form. Purchasing a product through one of these links generates a commission for us at no additional expense to you. How to set up AMP with Chap themeĪutomattic, the company behind WordPress, has taken initiative and created an “official” plugin for converting existing WordPress sites to AMP.Ĭhap theme utilizes this plugin to provide the underlying AMP support, while providing templates, shortcodes and blocks with AMP support, as well as theme options to customize the AMP templates and behavior. The 7 Best AMP WordPress Themes Compete Themes The 7 Best AMP-Compatible WordPress Themes for a Fast-Loading Mobile Website Ben Sibley Best WordPress Themes FebruDisclosure: This post may contain affiliate links. AMP pages can also be cached by Google, so when your site is displayed in Google Search results, and the user is likely to click on it, Google can begin to preload the content from Google’s own cache and if the user finally clicks on the link, the page can be displayed instantly. A lot of the resources, such as scripts, used on AMP websites can be used across many different sites, so it is very possible the scripts are already cached by the user, making the website load a whole lot faster. An AMP version is a very lightweight and mobile-oriented version of your site’s content. Instead of displaying your real website Google links to the AMP version of your website. Google’s Accelerated Mobile Pages project allows mobile users to access content almost instantly.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |