Questions tagged [amp-html]

AMP HTML (Accelerated Mobile Pages HTML) is a project to make the web faster as well as easier to develop. It is a set of HTML tags, a JavaScript library, and a cache for AMP-compliant pages.

The project homepage is at https://amp.dev/, 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 five ways to validate an AMP page:

  1. Browser Developer Console - 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. Web Interface - Paste the URL (or the page code) at https://validator.ampproject.org/
  3. Browser Extension - Use the AMP Validator extension for Chrome.
  4. NPM Packages for CI - Example
  5. Command Line Tool - Example

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

##Some Useful Link

AMP START

Build responsive, lightning-fast AMP pages with the help of pre define templates and components

AMP DEV

A hands-on introduction to Accelerated Mobile Pages (AMP) focusing on code and live samples. Learn how to create AMP pages and see examples for all AMP components.

WPZA's AMP WordPress Guides

Useful AMP guides for WordPress developers, helping to make WordPress websites AMP friendly (without plugins).

AMPproject.org moves to amp.dev! Additionally AMP resources were scattered across multiple websites like ampbyexample.com and ampstart.com is also move on amp.dev

2310 questions
0
votes
1 answer

Is it possible to loop a vimeo video in AMP-HTML?

The problem I have with amp-vimeo is that once the video finishes it goes onto vimeo's 3 x 3 "suggested videos". I am trying to get it to loop to keep showing the video I want to be shown, is there a way of doing this? Or are there solutions to…
Beth
  • 13
  • 3
0
votes
1 answer

Why does not Google Search preload non-AMP pages?

Preloading in Search (along with exclusive occurrences in Top Stories Carousel) people cite as one the most unfair advantages for AMP. Why do you think Google doesn't do the same for some non-AMP sites? (I'm a big fan of AMP and I know that Google…
machal
  • 11
  • 2
  • 9
0
votes
2 answers

amp-list component error in amp for email

I am new to AMP for Email and I am trying it out now! I am using the amp-list component in my email body to fetch the remote server json content. But I am getting the below js error when i checked in my browser console. Also in my Gmail inbox in the…
Mano
  • 1,109
  • 2
  • 10
  • 12
0
votes
1 answer

¿Can i add a call to action button on an amp website that leads to a NON amp survey?

I want to make the amp version of my landing page, but i got a survey (which is my call to action) which is non amp, cause its a third party solution (typeform). I need my visitors to fill out the surveys (in marketing terms that means a convertion…
escolta13
  • 49
  • 5
0
votes
1 answer

How to set​Request​Header on AMP-FORM?

How can I add an 'x-access-token' header to an AMP-FORM xhr request? There's a java API that I'm going to send some requests to, but this API needs that some params be set via request headers.
eduardogoncalves
  • 173
  • 3
  • 11
0
votes
1 answer

Can you add product to Wishlist to Cart from Email using AMP for Email

Is it possible using "AMP for Email" code that can give the user the ability to add products to wishlist or to cart?
Mohinder Singh
  • 1,848
  • 1
  • 13
  • 14
0
votes
0 answers

Registration Wall Causing Issue with AMP Validation

A company I am working with just launched an update to their AMP pages which included a registration wall to access articles. AMP pages were validating before the update but are now showing errors. The only change with the latest update is that the…
0
votes
0 answers

I need to rewrite an onclick function to the code which can be handled for Google AMP

I wrote like on="tap:supplier_whatsapp_146_2933[.track_number_whatsapp(client_id=146,car_id=2933)]" But it is giving me error like invalid action definition. Please somebody help me to solve this error? Invalid action definition in…
Angel
  • 1
0
votes
1 answer

AMP Domain "ampproject.org" not available anymore

Since yesterday the Domain: ampproject.org ist not available anymore. ampproject.org > via 301 Redirect > https://amp.dev/ but every script that comes from: https://cdn.ampproject.org/ for example: https://cdn.ampproject.org/v0.js (MAIN AMP…
Lars Vegas
  • 221
  • 2
  • 10
0
votes
2 answers

How to add 'controls' attribute to 'amp-carousel' when using AMP plugin?

I want to keep the buttons on the amp-carousel gallery always visible and that needs the controls attribute. Since I am using AMP official plugin, I don't know to add this attribute to the amp-carousel output since the plugin controls the output of…
luckyankit
  • 36
  • 3
0
votes
1 answer

What if I have AMP pages that are not AMP compliant

We are well into developing a new website using AMP, and are finding that some of our requirements are incompatible with AMP. For example the AMP carousel does not behave well when you try to display more than one slide at a time, so the designer…
Jim S
  • 1,069
  • 3
  • 10
  • 17
0
votes
1 answer

amp-carousel-button COLOR

I'm trying to change the background color of the arrows in .amp-carousel-button. We talking about "WORDPRESS" In both the custom css and adding the custom code in the "HEAD", the background color does not change, but the basic color remains. I'm…
0
votes
1 answer

amp pages stopped working. cdn.ampproject.org resources cannot be loaded

Today we observed the first time a problem on our amp version of parkscanner.de On the desktop-browser the amp version runs fine. But on some mobile devices e.g. Android with Chrome, or Firefox or Firefox Beta, it leads to errors. But on IPhones it…
Jakob Alexander Eichler
  • 2,988
  • 3
  • 33
  • 49
0
votes
1 answer

What are the domains for CORS requests from AMP?

I am new to AMP and have questions about how it uses CORS requests. In reading up on this topic, (https://amp.dev/documentation/guides-and-tutorials/learn/amp-caches-and-cors/amp-cors-requests), and I see some info for handling requests for…
Kari
  • 121
  • 1
  • 5
0
votes
0 answers

How can AMP recognize users that logged in outside of the AMP ecosystem?

I am trying to have new users register to my site from an AMP page. However, if the user is a logged-in member, I do not want to show a meter/or registration wall. Currently, I can check the log-in status via cookies or tokens, but without…
Brandi
  • 161
  • 1
  • 10
1 2 3
99
100