Questions tagged [accelerated-mobile-page]

Similar Tags: [amp-html] and [google-amp] AMP HTML (Accelerated Mobile Pages HTML) is a project led by Google to make the mobile web faster. It is a set of HTML tags, a JavaScript library, and a cache for AMP-compliant pages.

The project homepage is at https://www.ampproject.org/, and the framework source code can be found at https://github.com/ampproject/amphtml.

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages.

An easy-to-follow tutorial can be found on the project's homepage.

Validating AMP pages

There are three ways to validate an AMP page:

  1. Add #development=1 to the URL, for example http://localhost:8000/released.amp.html#development=1, then check the browser console for validation errors.
  2. Paste the URL (or the page code) at https://validator.ampproject.org/
  3. Use the AMP Validator extension for Chrome.

You can also use the Structured Data Testing Tool to validate Schema.org markup.

134 questions
0
votes
1 answer

Add to homescreen Event On Amp Analytics

I use PWA with AMP. I want to track users that clicked to Add To Homescreen button, but AMP doesnt allow custom javascripts. I use amp-analytics component. How can i trigger on PWA's "beforeinstallprompt" event on AMP ?
0
votes
1 answer

AMP pages appear in Google Desktop search results

I'm using WordPress on my website. To add the AMP pages to my website I use the official WordPress AMP plugin and another plugin called "AMP for WP". I've been using it for 3 months now. Recently, I discovered a Non-AMP page while searching Google…
0
votes
1 answer

Images on different domain not working with new google AMP cache url based on subdomains

My amp pages use images served over a different domain (using Imgix) This works fine using the old url for the google amp cache but when I try out the new subdomain based cache urls its not working because it can't resolve the DNS for subdomain that…
ianpetzer
  • 1,828
  • 1
  • 16
  • 21
0
votes
1 answer

Amp-carousel (slides type) sets on overflow hidden even when layout responsive is set to the component

I am having an issue relating to the amp-carousel. Each carousel slide will have a different height based on the content that is relating to the product. I have set my carousel to have layout responsive and set a height like so:
MattClaff
  • 685
  • 2
  • 9
  • 17
0
votes
1 answer

Open Graph namespace declaration and Accelerated Mobile Page (AMP) Validation

I'm updating my site to AMP but by the time I try to validate I get the following error: The attribute 'prefix' may not appear in tag 'head' And the OG namespace declaration uses prefix, how can I workaround this issue?
pedrommuller
  • 15,741
  • 10
  • 76
  • 126
0
votes
0 answers

Error: attribute 'width' in tag 'amp-img' is set to the invalid value '”2299”'

I'm trying to get the WordPress blog portion of my website AMP compliant. I'm using the "AMP by Automattic" plugin to assist. The Google Search Console is saying "Invalid layout property found in AMP tag". The exact error message is: >The…
0
votes
1 answer

WordPress: Save editor inline style in AMP

I want to use an inline style from the WordPress editor in my AMP view. At the moment, AMP deletes all inline styles. Is there a way to protect a single class and use it in AMP or is it against the concept of AMP?
Cray
  • 5,307
  • 11
  • 70
  • 166
0
votes
0 answers

Inside the form action is not accepting "http url or custom url" in Accelerated Mobile Pages Project

When we go to Accelerated Mobile Pages Project but inside the form action is not accepting "http url or custom url" lilke below :
Sandeep Vishwakarma
  • 566
  • 1
  • 5
  • 17
0
votes
2 answers

AMP(Accelerated Mobile Pages) HTML

I am Implementing AMP in my side but i am gating Error: The tag 'script' is disallowed except in specific forms. please tell me to remove this Error.
princespn
  • 31
  • 7
-1
votes
1 answer

how to align 2+ on single line

Am using mustache to populate data on an AMP HTML page. Here is the target HTML on Google's ampb.in: https://ampb.in/#z4sIphWxKIOfZtfqWTpm The buttons open a related structure, but are null here for simplicity. How to make the second and subsequent…
Jay Gray
  • 1,706
  • 2
  • 20
  • 36
-1
votes
1 answer

why twitter and facebook don't redirect to amp pages?

I've done amp pages(validation ok) but twitter and facebook redirect to a usual page instead of amp. Should I somewhere turn on this option in tw and fb?
-1
votes
2 answers

AMP pages for API base system

We are trying to move our pages to Google AMP for better mobile and SEO experience. Problem is our system is API base totally. We are using nodejs along with react as of now. Since in AMP you cannot use javascript to make ajax API calls, is there…
Ankur Aggarwal
  • 2,993
  • 5
  • 30
  • 56
-1
votes
1 answer

Angular2 how to initialize a component when it becomes visible

The webpage that I want to create must have a lot of blocks (angular2 components). So I want to initialize only couple of them (which would be visible from the beginning) and others would be initialized later (for example when user scrolls, so I…
-2
votes
1 answer

Installed and Activate Amp plugin – but nothing different and no amp pages detected

I have just installed and activated the Amp plugin (wordpress.org/plugins/amp ).I had no problem during the installation process. I cleared cache and checked my site on a mobile device to see how it now displays and there is no difference. Is there…
1 2 3
8
9