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
1
vote
2 answers

Is it possible to create an attribute in square brackets in XSLT 1.0

There is a code snippet for AMP pages carousel with some interactivity https://ampbyexample.com/advanced/image_galleries_with_amp-carousel/
1
vote
1 answer

AMP JSON-LD dynamic content

I would like to keep the content of my JSON-LD script dynamic. However, AMP does not allow me to use Javascript and the script should be in the head. Keeping the body's content dynamic is not a problem, because of amp-list.
1
vote
1 answer

Conditional tag to get AMP image url

In Blogger, I am making my website amp supported and for this, in my post, I change all
1
vote
0 answers

How to find the Google cached AMP version of any web URL?

I would like to link to the amp versions of external URLs in my app. Is there a way to link directly to the Google cached amp version of any external URL falling back to canonical URL if cached amp is not available? I want to do this without…
Man_Pat
  • 97
  • 10
1
vote
1 answer

Unable to remove page from Google Amp cache

I'm having trouble using Google's API to update amp pages from a site I'm working on. The site is a Wordpress based site using WP Amp to generate amp pages, it appends /amp to any enabled pages. I've read the documentation here and it seems like it…
d1ch0t0my
  • 443
  • 7
  • 22
1
vote
1 answer

Use amp-img tag in place of img tag for images - Sphinx

I am working on creating a Sphinx theme based on Accelerated Mobile Pages (AMP). While creating it, I came to realize that since AMP uses amp-img tag in place of the img tag. Is there a way to convert all the img tag in the sphinx generated docs to…
Ujjwal Bhardwaj
  • 725
  • 5
  • 11
1
vote
0 answers

Open details page in AMP with dynamic data (get query string from url)

I'm starting with AMP - Accelerated Mobile Pages, and I've some doubts according to dynamic JSON data. I've a amp-list with a JSON retrieved by an API, it works fine, my question is: How do I open the details page for the list items? Should I use…
rjcpereira
  • 943
  • 4
  • 17
1
vote
1 answer

How to display data in Accelerated Mobile Pages(AMP) from firebase

I am create AMP Pages in my web project, I need to display data from firebase in AMP pages. I use php and JavaScript to display data from firebase in web application.
1
vote
1 answer

How can I integrate google graphs at an AMP page?

Google provides its Javascript APIs for Google Graphs, but I cannot write any js on page as it is an AMP page I have following solutions: Make a different non AMP page, integrate google graphs there and add an iframe of the page on my AMP page, but…
1
vote
1 answer

What is significance of amp_lite parameter in AMP-HTML pages

On a lot of AMP pages, I see visitors are directed through apparently different version of AMP-html - https://amp-html-url/?amp_lite I'm curious, what is the significance of this amp_lite parameter. What is the difference between normal amp-html and…
JC_
  • 45
  • 3
  • 7
1
vote
1 answer

AMP - which pages should be made into AMP

I'm currently having an audit of a site and trying to determine which pages can benefit from being made into AMP. The help page is a given. It's a static, text only page. I also have a film details page which based on an id will display the related…
tbonejenkins
  • 379
  • 3
  • 17
1
vote
1 answer

AMP-html toggleVisibility and show actions gives "Target element does not support provided action" errors

I found few scraps of info about the ability to show/hide/toggle element visibility via tap event in Accelerated Mobile Pages. It is mentioned in the docs as a global show/hide/toggleVisibility actions. There is also an example here how to use it.…
Rivenris
  • 91
  • 1
  • 8
1
vote
0 answers

Handler script for AMP-form, receiving error Failed to parse response JSON:: Unexpected token

We have a basic form that we are trying to post to a MySQL database. Outside of AMP, it works. When we submit the form with AMP, it returns the error: "Failed to parse response JSON:: Unexpected token". Even when we remove the PHP from the handler…
1
vote
1 answer

Discrepancy between fb's article clicks & url shortner

I am trying to track click of an articles. Setup: Adding amp enabled wordpress article on facebook. This article is wrapped inside url shortner. Issue: Clicks discrepancy is the only & biggest issue. This discrepancy is 10 times. So fb is…
1
vote
0 answers

Why amp-ad not loading ads on the pages where content is not in english?

We have a bi-lingual website with amp implemented for the mobile site. We are using amp-ad tag with type="doubleclick", the ads are rendering fine on english version of website where as for other language its showing empty slot. Here is the…
1 2 3
8 9