amp-html

Search console added a bunch of issues with "Referenced AMP URL is not an AMP". If I use the AMP Test I get: However, when I check in https://validator.ampproject.org/ it shows: Here is a list of some of the URLs that the Search Console says are not valid AMP pages: https://www.beek.io/amp/frases/satan-una-autobiografia https://www.beek.io/amp/frases/mi-isla https://www.beek.io/amp/frases/magnus-chase-y-los-dioses-de-asgard-1-la-espada-del-tiempo I don't understand what Google expect me to fix. Going to add an answer here as well... you could try something similar to what is described on this

I want to solve this problem in my first AMP project, This is the problem that I have: error.js:58: Origin of <amp-iframe> must not be equal to container This is my amp-iframe code in my index.html: <amp-iframe width=100 height=100 layout="nodisplay" sandbox="allow-same-origin allow-forms allow-scripts" src="https://www.example.com/scripts/app.js"> </amp-iframe> when I navigate the console tab, this is what I have: Powered by AMP ⚡ HTML – Version 1462999126709 AMP validation successful. I used <amp-iframe> to use external javascript, my custom.js The problem is that you're trying to amp-iframe

I can't get this amp-img to show up. It works as an image, and when I click the src-link it loads on a separate page correctly. Changing it to amp-img makes it disappear. I set background-color: red on the amp-img and the box appears correctly, but it's an empty red box. HTML: <li> <a href="/"> <amp-img src="https://d12v9rtnomnebu.cloudfront.net/oursite/logo_white.png" alt="site logo" width="264" height="96"/> </a> </li> CSS (probably a lot of extraneous stuff that needs to be trimmed but don't know what's important until it works): .amp .site-menu li { height: 32px; line-height: 32px; } .amp

Recently i've heard about the Accelerated Mobile Pages project, and read some info about it. I wonder how to implement it for existing website that is built upon Ionic and Angular? Basically there is no nearly possible solution to do that. If you check the doc here . Keep all third-party JavaScript out of the critical path Third-party JS likes to use synchronous JS loading. They also like to document.write more sync scripts. For example, If you five ads, and each does three sync loads, with a 1 second latency connection, you’re in 18 seconds of load time just for JS loading. AMP pages allow

Currently I use the Google Maps API to generate a map with a marker (given a lat/long set of coordinates) to a given location. In AMP HTML, it appears the way to do this currently is using the amp-iframe extension https://github.com/ampproject/amphtml/tree/master/extensions . The issue is you cannot use Google Maps embed code with coordinates unless you are using a 'view' map. I don't have a Place ID, so I cannot use the Place mode. I can't use 'View' mode, since that has no markers. I've looked high and low at https://developers.google.com/maps/documentation/embed/guide#overview What is the

Looking at the AMP spec, given the reliance on CSS variables to custom style elements, this means current browser support is narrow. See: Can I use reference I'm guessing there is a 'graceful fallback' to non custom styled, since browsers not understanding the CSS variables will just ignore that CSS. Is there a browser compatibility/support matrix for AMP? Browser Support In general we support the 2 latest versions of major browsers like Chrome, Firefox, Edge, Safari and Opera. We support desktop, phone, tablet and the web view version of these respective browsers. Beyond that the core AMP