[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/ecomprep.com\/2019\/03\/23\/improve-click-through-rate-and-roi-with-amphtml\/#BlogPosting","mainEntityOfPage":"https:\/\/ecomprep.com\/2019\/03\/23\/improve-click-through-rate-and-roi-with-amphtml\/","headline":"Improve click-through rate and roi  with amphtml","name":"Improve click-through rate and roi  with amphtml","description":"Why Implement AMPHTML\u00a0 alongside SEO Practice is the Best Accelerate Mobile Page (AMP)offers a dynamic and effective way to improve Web page speed, users experience and business core metrics. The\u00a0 AMP pages instant loading enable and offers a consistency fast experience across devices and platforms connected to AMP pages. Therefore, these performances improve matters such [&hellip;]","datePublished":"2019-03-23","dateModified":"2021-02-25","author":{"@type":"Person","@id":"https:\/\/ecomprep.com\/author\/sergiobraga\/#Person","name":"Serge","url":"https:\/\/ecomprep.com\/author\/sergiobraga\/","identifier":2,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/f49169b3de2bdb204488279e4bd04d38478a6b723cdf3a13718c9d0913a7adde?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f49169b3de2bdb204488279e4bd04d38478a6b723cdf3a13718c9d0913a7adde?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"eComPreP London","logo":{"@type":"ImageObject","@id":"https:\/\/ecomprep.com\/wp-content\/uploads\/2020\/06\/UpdateComPrep.png","url":"https:\/\/ecomprep.com\/wp-content\/uploads\/2020\/06\/UpdateComPrep.png","width":140,"height":35}},"image":{"@type":"ImageObject","@id":"https:\/\/ecomprep.com\/wp-content\/uploads\/2019\/02\/MobileAMP.jpg","url":"https:\/\/ecomprep.com\/wp-content\/uploads\/2019\/02\/MobileAMP.jpg","height":800,"width":1200},"url":"https:\/\/ecomprep.com\/2019\/03\/23\/improve-click-through-rate-and-roi-with-amphtml\/","about":["Post"],"wordCount":1263,"articleBody":"\t\t\tWhy Implement AMPHTML\u00a0 alongside SEO Practice is the BestAccelerate Mobile Page (AMP)offers a dynamic and effective way to improve Web page speed, users experience and business core metrics. The\u00a0 AMP pages instant loading enable and offers a consistency fast experience across devices and platforms connected to AMP pages. Therefore, these performances improve matters such as return visits,\u00a0 Clicks Through rate (CTRs) and time spent on page. It&#8217;s compatible across browsers and supported by many different platformsAMP&#8217;s ecosystem includes 25 million domains, 100+ technology providers, and leading platforms, that span the areas of publishing, advertising, e-commerce, local and small businesses, and more!\u00a03 core components to build AMP:AMP HTMLAMP HTML\u00a0is HTML with some restrictions for reliable performance.AMP HTML is basically HTML extended with custom AMP properties. The simplest AMP HTML file looks like this:&lt;!doctype html&gt;&lt;html \u26a1&gt; &lt;head&gt;\u00a0\u00a0 &lt;meta charset=&#8221;utf-8&#8243;&gt;\u00a0\u00a0 &lt;link rel=&#8221;canonical&#8221; href=&#8221;hello-world.html&#8221;&gt;\u00a0\u00a0 &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width,minimum-scale=1,initial-scale=1&#8243;&gt;\u00a0\u00a0 &lt;style amp-boilerplate&gt;body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}&lt;\/style&gt;&lt;noscript&gt;&lt;style amp-boilerplate&gt;body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}&lt;\/style&gt;&lt;\/noscript&gt;\u00a0\u00a0 &lt;script async src=&#8221;https:\/\/cdn.ampproject.org\/v0.js&#8221;&gt;&lt;\/script&gt; &lt;\/head&gt; &lt;body&gt;Hello World!&lt;\/body&gt;&lt;\/html&gt;Though most tags in an AMP HTML page are regular HTML tags, some HTML tags are replaced with AMP-specific tags (see also\u00a0HTML Tags in the AMP spec). These custom elements, called AMP HTML components, make common patterns easy to implement in a performant way.For example, the amp-img tag provides full srcset support even in browsers that don\u2019t support it yet.AMP pages are discovered by search engines and other platforms through the\u00a0&lt;link rel=&#8221;&#8221;&gt;\u00a0HTML tag. You can choose to have a non-AMP version and an AMP version of your page, or just an AMP version. Learn more in\u00a0Make Your Page Discoverable.AMP JSThe\u00a0AMP JS\u00a0library ensures the fast rendering of AMP HTML pages.The\u00a0AMP JS library\u00a0implements all of\u00a0AMP&#8217;s best performance practices manages resource loading and gives you the custom tags mentioned above, all to ensure a fast rendering of your page.AMP CacheThe\u00a0Google AMP Cache\u00a0can be used to serve cached AMP HTML pages.The\u00a0Google AMP Cache\u00a0is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. When using the Google AMP Cache, the document, all JS files, and all images load from the same origin that is using\u00a0HTTP 2.0\u00a0for maximum efficiency.The cache also comes with a built-in\u00a0validation system\u00a0which confirms that the page is guaranteed to work and that it doesn&#8217;t depend on external resources. The validation system runs a series of assertions confirming the page\u2019s markup meets the AMP HTML specification.Another version of the validator comes bundled with every AMP page. This version can log validation errors directly to the browser\u2019s console when the page is rendered, allowing you to see how complex changes in your code might impact performance and user experience.Among the biggest optimizations is the fact that it makes everything that comes from external resources asynchronous, so nothing on the page can block anything from rendering.Other performance techniques include the sandboxing of all iframes, the pre-calculation of the layout of every element on the page before resources are loaded and the disabling of slow CSS selectors.The performance benefits and security guarantees offered by\u00a0AMPHTML ads, which are display ads created using the\u00a0AMP\u00a0framework, translate to better advertiser ROI, publisher revenue and overall better user experience. Because of this, Google has expanded serving AMPHTML ads not only to AMP pages but also to regular web pages. As of January this year, 12% of all display ads served by Google are now AMPHTML ads.All of the code in the\u00a0AMP repository\u00a0is open source which is carefully reviewed by the project maintainers before being merged. As a result, ads written in AMP start performant and stay performant. Such a process also drastically reduces the likelihood of AMPHTML ads having code that takes advantage of\u00a0chipset level vulnerabilities\u00a0or drain CPU by crypto-mining from users\u2019 devices.Since AMPHTML ads can be trusted, they can be rendered into a more performant same-origin iframe. This performance boost results in the ad rendering faster on the page which translates to higher publisher revenue and better advertiser ROI.Experiment results from\u00a0GPT.js\u00a0rendering AMPHTML ads in a same-origin vs cross-origin iframeAMPHTML ads on AMP pages deliver even better ROIAn AMPHTML ad delivered to an AMP page has better performance compared to the same ad running on a regular web page. This is due to the inherent design of AMPHTML ads outlined\u00a0here, giving advertisers better click-through rates and viewability.AMP pages have seen steady growth over the past few years and advertisers now have access to well over 1 billion impressions\/day worth of premium (from a user experience &amp; ad experience standpoint) inventory. In addition, more than 35 percent of ads served to AMP pages are already AMPHTML ads.&nbsp;Publishers and Advertisers seeing success with AMP pages and AMPHTML adsThe news publisher EL PAIS partnered with Volkswagen, one of their advertisers, to run a multivariate A\/B test measuring how Volkswagen\u2019s display ads created in AMPHTML vs HTML5 would perform on AMP vs regular pages.Simply moving from a standard HTML page to an AMP page (with the same HTML5 ad) resulted in a 26 percent CTR increase. Moving further to an AMP page with AMPHTML ads resulted in an additional 48 percent CTR increase.Increase in performance metrics when combining AMP pages with AMPHTML adsGetting started with AMPHTML ads for advertisersAMPHTML ads are a subset of the AMP spec and ships with many good-by-default ads UI components, an analytics measurement framework, a spam detection system, viewability measurement, and other building blocks to create a good and measurable ad.We encourage you to read more about the\u00a0benefits of using AMPHTML ads, but if you want to jump ahead to start creating them,\u00a0this\u00a0is a good place to begin.Once you have created the ad, you can choose one of the following options to serve AMPHTML ads:Work with an Authorized Buyer that allows targeting just AMP or regular inventoryUse Google Ads to target inventory in the Google Display NetworkDirect buy with\u00a0publishers using Google Ad Manager[Coming Soon] Display &amp; Video 360 support to deliver AMPHTML ads to AMP pagesGoogle continues to invest in delivering better user ad experiences by increasing the share of AMPHTML ads vs regular ads. Once mobile app support launches in Q2, 2019, advertisers can fully transition to creating a single AMPHTML ad and have it render across all environments and devices.We hope you\u2019ll take full advantage of the performance, security benefits, and the increased ROI by choosing to build &amp; serve AMPHTML ads in your next campaign.@import url(https:\/\/ecomprep.com\/wp-content\/plugins\/siteorigin-panels\/css\/front-flex.min.css); #pgc-1093-0-0 , #pgc-1093-1-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } #pg-1093-0 , #pl-1093 .so-panel , #pl-1093 .so-panel:last-child { margin-bottom:0px } #pg-1093-0.panel-no-style, #pg-1093-0.panel-has-style > .panel-row-style , #pg-1093-1.panel-no-style, #pg-1093-1.panel-has-style > .panel-row-style { -webkit-align-items:flex-start;align-items:flex-start } #panel-1093-0-0-0> .panel-widget-style { padding:0px 0px 0px 0px } #panel-1093-1-0-0> .panel-widget-style { color:#232323 } @media (max-width:780px){ #pg-1093-0.panel-no-style, #pg-1093-0.panel-has-style > .panel-row-style , #pg-1093-1.panel-no-style, #pg-1093-1.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1093-0 > .panel-grid-cell , #pg-1093-0 > .panel-row-style > .panel-grid-cell , #pg-1093-1 > .panel-grid-cell , #pg-1093-1 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pg-1093-0 , #pg-1093-1 { margin-bottom:px } #pl-1093 .panel-grid-cell { padding:0 } #pl-1093 .panel-grid .panel-grid-cell-empty { display:none } #pl-1093 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px }  } "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"2019","item":"https:\/\/ecomprep.com\/2019\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"03","item":"https:\/\/ecomprep.com\/2019\/\/03\/#breadcrumbitem"},{"@type":"ListItem","position":3,"name":"23","item":"https:\/\/ecomprep.com\/2019\/\/03\/\/23\/#breadcrumbitem"},{"@type":"ListItem","position":4,"name":"Improve click-through rate and roi  with amphtml","item":"https:\/\/ecomprep.com\/2019\/03\/23\/improve-click-through-rate-and-roi-with-amphtml\/#breadcrumbitem"}]}]