Search Pie Docs
Search…
⌃K

Accelerated Mobile Pages

Accelerated Mobile Pages (AMP) is a web component framework, which aims to improve the user experience with a faster loading speed of mobile pages. AMP pages always come high on the list of priorities of Google because the page takes less time to crawl. In other words, with AMP, your Shopify shop is going to be a user-oriented and mobile-friendly website, which is a straightforward way to a high page experience score.
Concerning the importance of this component in SEO and user experiences, SEO Booster offers an out-of-the-box tool for Shopify merchants by automatically creating AMP pages for your store.
In the Enterprise Plan, SEO Booster allows you to set up AMP for Home, Products, Collections, Blogs, and Blog Posts pages. All you have to do is navigate to the tab you want to add AMP, then hit the Publish button.
Pro Tips: If you change anything on the Home page (like changing your theme), please re-enable the Publish button, and then the AMP page will update these changes.
Before publishing, you can see how it looks on the right and click See Details for full information.
The direct AMP link from SEO Booster by default will be the same as the original link, but with "a/amp-sb/" after the ".com" portion of the URL. Example:
Because the 1st time setting up, AMP pages are set in a default theme from SEO Booster, if you want to change the theme of the Homepage as your wish, you can choose "Customize theme" here.
It will show you some options to adjust each part of your Hompage, including the Header, Body, and Footer, as well as Colors (applied for all AMP pages on your site).

How to set up Integration Apps - Analytics?

Google Analytics

Google Analytics is an essential tool for tracking the SEO performance of AMP pages. SEO Booster app will help you add AMP Pages to Google Analytics in just via one step. All you need to do is filling the tracking ID (a string like UA-000000-2) of Google Analytics, and the app will finish other setups for you.
To find the tracking ID of Google Analytics, please follow this step-by-step guide from Google:
1. Sign in to your Analytics account.
2. Click Admin.
3. Select an account from the menu in the ACCOUNT column.
4. Select a property from the menu in the PROPERTY column.
5. Under PROPERTY, click Tracking Info > Tracking Code. Your tracking ID and property number are displayed at the top of the page.
After getting the tracking ID, please enter it in the box of Google Analytics, then click Save & Publish button.
According to Analytics Help, “Once you have successfully installed the Analytics tag, it can take up to 24 hours for data such as traffic-referral information, user characteristics, and browsing information to appear in your reports”. However, to verify that your tag is working right now, you can check your Real-time report, which shows your current activity on your site.
1. Sign in to your Analytics account.
2. Navigate to a view in the property to which you added the snippet. If you only recently added the snippet to this property (website), it is likely that there will only be one view.
3. Open Reporting.
4. Select Real-Time > Overview
5. You will see one view of AMP pages here, it points out that the tracking ID is successfully added to your AMP pages.

Facebook Pixel

The Facebook Pixel is an analytics tool that helps you measure how effective your Facebook ad campaigns are by monitoring the actions people take on your website.
Firstly, please create a Facebook pixel.
1. Go to Events Manager.
2. Click Connect Data Sources and select Web.
3. Select Facebook Pixel and click Connect.
4. Add your Pixel Name.
5. Enter your website URL to check for easy setup options.
6. Click Continue.
After you have your pixel, please get it and enter it in the box of Facebook Pixel on the SEO Booster app.
1. Go to Events Manager.
2. Select the pixel you want to set up.
3. Click Continue Pixel Setup.
3. Select Facebook Pixel and click Connect.
4. Select Install code manually.
5. Copy the pixel base code.
You can see more about how to get Facebook Pixel here: https://www.facebook.com/business/help/952192354843755?id=1205376682832142

Google Tag Manager AMP Container ID

Tag Manager features an AMP container type. Create a new AMP container for your project:
  1. 1.
    On the Accounts screen, click More Actions for the account you'd like to use. Select Create Container.
  2. 2.
    Name the container. Use a descriptive name, e.g. "example.com - news - AMP".
  3. 3.
    Under Where to Use Container, select AMP.
  4. 4.
    Click Create.
Your container is now ready. The next step is to copy and paste it into the box on SEO Booster.

How to set up Integration Apps - Chat?

Tidio

If you had the Tidio app on your store already, you can integrate it with AMP pages from SEO Booster by adding its JS code here.
To get this piece of code, please go to the Tidio app, choose Settings > Installation > Javascript > Copy link.

Facebook Messenger URL

Please go to Facebook > Page > Settings > Messaging > Copy Messenger Link
Then paste that link to the box on the SEO Booster app and click Save & Publish.
Note: When your customers click on the button chat on AMP pages, they will directly go to the messenger of your Facebook page.

FAQ About AMP

Why do the AMP pages not have an absolutely similar look to the original pages? Can I edit AMP pages?
The AMP pages are set in a default theme from SEO Booster, which is believed to be the most optimized interface for your store on mobile phones. Besides, to optimize the loading speed of mobile pages, AMP will prioritize delivering the most essential content of the web page, therefore, it might look different from your original pages.
And yes, you can edit AMP pages as your wish with the "Customize theme" feature.
How long does it take for Google to index AMP pages?
Usually, Google takes 7 - 10 days to index AMP pages, and it also depends on how often Google crawls your website.
How does AMP benefit SEO?
Google's ranking systems apply a set of standards to all websites on the search result page. It means that thanks to the advantage of loading speed, AMP pages will be evaluated and ranked higher by Google on mobile devices because mobile-friendly is one of the most essential ranking factors for Google.
How to check if AMP is successfully integrated or not?
To make sure that AMP pages are successfully integrated, you can go to your original pages, right-click and click on “View Page Source,” or press Ctrl + U, to see the page's source. In the new tab, press Ctrl + F, and fill “amp” in the box, if you find the AMP link on the HTML code, it points out that AMP was enabled successfully.
The AMP links will look like this example:
When Google crawls your site, it will find out this "href" of the meta tag, which points to your AMP pages, and then Google might index them in some days.