{"id":63364,"date":"2019-02-19T11:59:27","date_gmt":"2019-02-19T19:59:27","guid":{"rendered":"https:\/\/www.bruceclay.com\/?p=63364"},"modified":"2019-08-07T13:35:46","modified_gmt":"2019-08-07T20:35:46","slug":"how-to-implement-amp","status":"publish","type":"post","link":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/","title":{"rendered":"How to Implement AMP (If You Really Must): A Quick-Start Guide to Accelerated Mobile Pages"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-63466 size-full\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1.jpg\" alt=\"lightning fast\" width=\"1200\" height=\"648\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1.jpg 1200w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1-300x162.jpg 300w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1-768x415.jpg 768w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1-1024x553.jpg 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Both searchers and search engines want webpages to be lightning fast. So it\u2019s no surprise that page speed is a ranking factor in Google\u2019s search algorithm.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/why-performance-matters\/\" target=\"_blank\" rel=\"noopener noreferrer\">Multiple studies<\/a> have shown that page load time also heavily impacts a site\u2019s bottom line: conversion and revenue.<\/p>\n<p>Using Accelerated Mobile Pages (AMP) is one way to speed up your webpages for people using mobile devices.<\/p>\n<p>AMP can present additional benefits: appearing in the AMP carousel in Google search, and offering a better experience to searchers.<\/p>\n<figure id=\"attachment_63389\" aria-describedby=\"caption-attachment-63389\" style=\"width: 400px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-63389 size-full\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-carousel-example.png\" alt=\"AMP search results in Google\" width=\"400\" height=\"800\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-carousel-example.png 400w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-carousel-example-150x300.png 150w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><figcaption id=\"caption-attachment-63389\" class=\"wp-caption-text\"><strong>Google marks AMP results with a lightning bolt. Some SERPs include an AMP carousel that a user can swipe through.<\/strong><\/figcaption><\/figure>\n<h2>Is AMP Right for Your Site?<\/h2>\n<p>Originally, the AMP solution was intended for media sites. Google wanted to help news stories come up almost instantly from the search results.<\/p>\n<p>Over time, AMP has spread to other types of sites \u2014 particularly advertisers, ad-technology platforms and e-commerce sites as well as publishers.<\/p>\n<figure id=\"attachment_63468\" aria-describedby=\"caption-attachment-63468\" style=\"width: 1016px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/amp.dev\/community\/platform-and-vendor-partners?referrer=ampproject.org\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-63468 size-full\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-project-who-is-amp-for.png\" alt=\"Who is AMP for? diagram from AMPproject.com\" width=\"1016\" height=\"376\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-project-who-is-amp-for.png 1016w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-project-who-is-amp-for-300x111.png 300w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/amp-project-who-is-amp-for-768x284.png 768w\" sizes=\"(max-width: 1016px) 100vw, 1016px\" \/><\/a><figcaption id=\"caption-attachment-63468\" class=\"wp-caption-text\"><strong>Google recommends AMP primarily for these types of sites.<\/strong> (image credit: <a href=\"https:\/\/amp.dev\/community\/platform-and-vendor-partners?referrer=ampproject.org\" target=\"_blank\" rel=\"noopener noreferrer\">AMPproject.com<\/a>)<\/figcaption><\/figure>\n<p>Today, some websites do benefit from implementing AMP. Retailers and many others use AMP to serve landing pages fast. And ads in this format have a better chance of being seen.<\/p>\n<p>If you\u2019re looking for a way to make your webpages faster, then <a href=\"https:\/\/www.bruceclay.com\/blog\/need-to-know-about-accelerated-mobile-pages-amp\/\">AMP<\/a> <em>may<\/em> be right for you.<\/p>\n<p><strong>You don\u2019t need AMP at all for webpages that are responsive and fast enough already.<\/strong> <a href=\"https:\/\/searchengineland.com\/learned-danny-sullivangary-illyes-keynote-smx-advanced-278272\" target=\"_blank\" rel=\"noopener noreferrer\">Google\u2019s Gary Illyes<\/a> has said this publicly. And I explain why in this video clip.<\/p>\n<div class=\"responsive-video\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/K8aqr06vbDg??rel=0&amp;showinfo=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<h3>What are alternatives to implementing AMP?<\/h3>\n<ul>\n<li><strong>Content Delivery Network<\/strong>. CDNs work by bringing the heaviest resource files on a site closer to the end user. Less distance to travel means faster delivery, so your pages display more quickly on a mobile device.<\/li>\n<li><strong>Fully implemented HTTP\/2<\/strong>. The HTTP\/2 protocol speeds up data transport on the web. So if your market has 4G or 5G internet speeds and your website is HTTP\/2 enabled, then you probably don\u2019t need AMP at all.<\/li>\n<li><strong>Progressive Web Apps technology<\/strong>. <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\" target=\"_blank\" rel=\"noopener noreferrer\">PWAs<\/a> can make your website behave like a native mobile app. We have written about these before (see <a href=\"https:\/\/www.bruceclay.com\/blog\/what-is-a-progressive-web-app-pwa\/\">What Is a Progressive Web App<\/a>).<\/li>\n<\/ul>\n<p>Here\u2019s a story to illustrate that HTTP\/2 statement.<\/p>\n<p>One of our consulting clients, a U.S. company, converted several thousand of its webpages to AMP. Four staff members worked for five weeks to complete the project.<\/p>\n<p>The result? Their AMP pages displayed slightly faster to mobile searchers. But the website\u2019s rankings and traffic were unaffected. In hindsight, their time and effort would have been better spent creating <em>new<\/em> content.<\/p>\n<p>The AMP solution makes the most sense in countries\/regions with slow network speeds. For example, our Bruce Clay India office has helped implement AMP for some clients there with good results.<\/p>\n<span class='bctt-click-to-tweet'><span class='bctt-ctt-text'><a href='https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.bruceclay.com%2Fblog%2Fhow-to-implement-amp%2F&#038;text=You%20don%E2%80%99t%20need%20AMP%20at%20all%20for%20webpages%20that%20are%20responsive%20and%20fast%20enough%20already.&#038;via=BruceClayInc&#038;related=BruceClayInc' target='_blank'rel=\"noopener noreferrer\">You don\u2019t need AMP at all for webpages that are responsive and fast enough already. <\/a><\/span><a href='https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwww.bruceclay.com%2Fblog%2Fhow-to-implement-amp%2F&#038;text=You%20don%E2%80%99t%20need%20AMP%20at%20all%20for%20webpages%20that%20are%20responsive%20and%20fast%20enough%20already.&#038;via=BruceClayInc&#038;related=BruceClayInc' target='_blank' class='bctt-ctt-btn'rel=\"noopener noreferrer\">Click To Tweet<\/a><\/span>\n<p>If you believe AMP is right for you and you\u2019re ready to start, I\u2019ll outline the basic first steps.<\/p>\n<h2>How to Implement Accelerated Mobile Pages<\/h2>\n<p>To implement Accelerated Mobile Pages for your website and track results, there are three basic steps:<\/p>\n<ol>\n<li><a href=\"#1.Create-the-AMP-Page-Template\">Create the AMP page template<\/a>.<\/li>\n<li><a href=\"#2.Roll-Out-the-AMP-Pages\">Roll out the AMP pages<\/a>.<\/li>\n<li><a href=\"#3.Track-with-Analytics\">Track with analytics<\/a>.<\/li>\n<\/ol>\n<p>We\u2019ll look at each step in detail below, and I\u2019ll also link to AMP documentation for more info.<\/p>\n<p>Once you have decided which parts of your site should be AMP\u2019d, here are the basic steps to creating, publishing and tracking AMP pages.<br \/>\n<a name=\"1.Create-the-AMP-Page-Template\"><\/a><\/p>\n<h3>1. Create the AMP Page Template<\/h3>\n<p>The first step in implementing AMP is creating a webpage template.<\/p>\n<p>AMP integrates with many different publishing platforms. You can view the list in <a href=\"https:\/\/www.ampproject.org\/docs\/getting_started\/quickstart#\" target=\"_blank\" rel=\"noopener noreferrer\">AMP\u2019s Quickstart guide<\/a> and choose your content management system to get more details.<\/p>\n<p>You can build AMP templates from scratch. Or, you can convert existing HTML pages into AMP format. The documentation gives information on all of the options.<\/p>\n<p><strong>Pointers for creating an AMP template:<\/strong><\/p>\n<ul>\n<li>When creating a page template for AMP, ensure that it meets AMP specs. You can find guidance on HTML format and more at the <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/learn\/spec\/amphtml?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">AMP specifications page<\/a>.<\/li>\n<li>When <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/develop\/style_and_layout\/?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">styling the page<\/a>, you won\u2019t have JavaScript at your disposal. Include as many custom &lt;amp*&gt; tags as you need to make the layout look good. That includes using responsive images, video and audio (see <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/develop\/media_iframes_3p\/?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">AMP replacements<\/a> for details).<\/li>\n<li>Keep it simple. After all, the point of AMP is to have a clean, stripped-down webpage.<\/li>\n<li>Include some sort of navigation to your domain on each page. You can link from a logo, image, or text. Because AMP pages are served from a <a href=\"https:\/\/developers.google.com\/amp\/cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google cache<\/a>, giving searchers a link is essential to try and keep them on your website.<\/li>\n<li>If you need to keep ads on your webpages, then you must migrate them. Use the <a href=\"https:\/\/amp.dev\/documentation\/components\/amp-ad?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">amp-ad component<\/a>. If you cannot use &lt;amp-ad&gt;, then do not include ads in your AMP templates. (You can read more about <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/learn\/intro-to-amphtml-ads\" target=\"_blank\" rel=\"noopener noreferrer\">advertisements on AMP here<\/a>.)<\/li>\n<li><strong>Finally, <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/learn\/validation-workflow\/validate_amp?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">validate the AMP page<\/a>. Just one error or warning will keep the page out of the AMP cache. So validation is a crucial step.<\/strong> Check out this page for <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/learn\/validation-workflow\/validation_errors?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">common validation errors<\/a>.<\/li>\n<\/ul>\n<p>This video produced by the AMP Project explains how to validate pages:<\/p>\n<div class=\"responsive-video\">\n<iframe loading=\"lazy\" class=\"vidEmbed\" src=\"https:\/\/www.youtube.com\/embed\/npum8JsITQE?rel=0&amp;showinfo=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<p><a name=\"2.Roll-Out-the-AMP-Pages\"><\/a><\/p>\n<h3>2. Roll Out the AMP Pages<\/h3>\n<p>I like the idea of testing one or two types of pages from your website on AMP first. Ideally, include some pages that rank so that you can see if Google is serving the AMP version in mobile search results.<\/p>\n<p>Depending on your site\u2019s crawl rate, it could take a couple of days before Google finds, checks and indexes the AMP version of the page.<\/p>\n<p>Let the rollout run for at least one month (longer if you can do it). As long as your pages are getting traffic, you\u2019ll build enough data to ensure that rolling out AMP sitewide is worth it.<br \/>\n<a name=\"3.Track-with-Analytics\"><\/a><\/p>\n<h3>3. Track with Analytics<\/h3>\n<p>You\u2019ll want to track the performance of your AMP pages. Since AMP analytics will be different from normal Google Analytics, read <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/optimize-and-measure\/configure-analytics\/?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">this guide<\/a> to understand how it works.<\/p>\n<p>You can track pages via in-house or third-party analytics. Many <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/optimize-and-measure\/configure-analytics\/?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">analytics vendors<\/a> have built-in configurations for amp-analytics.<\/p>\n<p>You can use amp-pixel for simple tracking and <a href=\"https:\/\/amp.dev\/documentation\/guides-and-tutorials\/optimize-and-measure\/configure-analytics\/analytics_basics?format=websites\" target=\"_blank\" rel=\"noopener noreferrer\">amp-analytics<\/a> for everything else.<\/p>\n<p><strong>Technical recommendations as you&#8217;re setting up tracking:<\/strong><\/p>\n<ul>\n<li>Make sure to use the canonical URL and other variables to define what should be recorded. This is essential to understanding any traffic increases or decreases due to AMP.<\/li>\n<li>Use the extraUrlParams attribute in amp\u2010analytics to add a query string parameter to the canonical URL like \u201ctype=amp\u201d or something similar. This will make it easy to differentiate AMP pages from normal webpages in analytics, or to create a custom segment if you need to. This way, you can compare total traffic on pages before and after the AMP launch.<\/li>\n<\/ul>\n<h2>Side Note: How Accelerated Mobile Pages Work<\/h2>\n<p>If you\u2019re wondering how AMP pages can possibly appear to load instantly, it\u2019s because they are optimized differently than a regular webpage.<\/p>\n<p>Below I\u2019ve summarized optimizations that AMP does to reduce the amount of work a browser must do to display a page. (See the full list on the <a href=\"https:\/\/amp.dev\/about\/how-amp-works\" target=\"_blank\" rel=\"noopener noreferrer\">AMP Project site<\/a>.)<\/p>\n<p>Here\u2019s what the AMP process can do:<\/p>\n<ul>\n<li>Execute asynchronous JavaScript only \u2013 It doesn\u2019t wait for big files to load.<\/li>\n<li>Size resources (such as images, ads and iframes) statically \u2013 The browser knows exactly how the page will be laid out from the start.<\/li>\n<li>Don\u2019t let extensions block rendering \u2013 The page doesn\u2019t have to wait even if there are extensions coming.<\/li>\n<li>Keep third-party JavaScript out of the critical path \u2013 Things like ads are restricted to sandboxed iframes.<\/li>\n<li>Allow inline CSS only \u2013 Bloated CSS files don\u2019t delay the page.<\/li>\n<li>No HTTP requests until fonts start downloading \u2013 Keeps fonts efficient.<\/li>\n<li>Minimize style recalculations \u2013 All DOM reads happen up front to lay out the page.<\/li>\n<li>Only run GPU-accelerated animations \u2013 The graphics processing unit handles visual animations (transform and opacity), reducing strain on the CPU.<\/li>\n<li>Prioritize resource loading \u2013 The most important resources (above the fold) get downloaded first.<\/li>\n<li>Load pages via prerendered content \u2013 Above-the-fold content may be available even before a user selects it, so it appears instantly on click.<\/li>\n<\/ul>\n<p>This video explains how AMP speeds up webpages:<\/p>\n<div class=\"responsive-video\">\n<iframe loading=\"lazy\" class=\"vidEmbed\" src=\"https:\/\/www.youtube.com\/embed\/9Cfxm7cikMY?rel=0&amp;showinfo=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<h2>Concluding Thoughts<\/h2>\n<p>AMP is one way that you can speed up your webpages and offer a better experience to mobile users.<\/p>\n<p>If you\u2019re ready to amp up your webpages, follow the basic steps in this article and the AMP documentation to get started. You might even be able to attend one of Google\u2019s AMP Roadshow workshops (see <a href=\"https:\/\/amp.dev\/events\/amp-roadshow\" target=\"_blank\" rel=\"noopener noreferrer\">worldwide schedule<\/a> here).<\/p>\n<p><strong>But my advice for most sites is: reconsider.<\/strong><\/p>\n<p><strong>Unless it is critical to your business, please do not implement AMP.<\/strong><\/p>\n<p>The time you invest converting your webpages to a different format could be better spent creating good content that will serve all of your users.<\/p>\n<p><em> If you&#8217;re interested in learning more about mobile optimization practices, then be sure to have a look at these <a href=\"https:\/\/www.bruceclay.com\/seo\/mobile-seo\/\">mobile SEO services<\/a> available to you! <\/em><\/p>\n<p><strong><em>I invite you to share this post. Please <a href=\"https:\/\/www.bruceclay.com\/subscribe-to-blog-updates\/\">subscribe to our blog<\/a> to get future new posts delivered for free to your inbox.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Both searchers and search engines want webpages to be lightning fast. So it\u2019s no surprise that page speed is a ranking factor in Google\u2019s search algorithm.<\/p>\n<p>Using Accelerated Mobile Pages (AMP) is one way to speed up your webpages for people using mobile devices. But you should only go to the time and expense of implementing AMP if it&#8217;s the best solution for YOUR site &#8230;<\/p>\n","protected":false},"author":35,"featured_media":63469,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[1],"tags":[1232,107],"acf":[],"yoast_head":"<title>How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay<\/title>\n<meta name=\"description\" content=\"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay\" \/>\n<meta property=\"og:description\" content=\"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/\" \/>\n<meta property=\"og:site_name\" content=\"Bruce Clay, Inc.\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-19T19:59:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-07T20:35:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bruce Clay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-twitter-2.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@bruceclayinc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bruce Clay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/\",\"url\":\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/\",\"name\":\"How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay\",\"isPartOf\":{\"@id\":\"https:\/\/www.bruceclay.com\/#website\"},\"datePublished\":\"2019-02-19T19:59:27+00:00\",\"dateModified\":\"2019-08-07T20:35:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b\"},\"description\":\"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bruceclay.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Implement AMP (If You Really Must): A Quick-Start Guide to Accelerated Mobile Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bruceclay.com\/#website\",\"url\":\"https:\/\/www.bruceclay.com\/\",\"name\":\"Bruce Clay, Inc.\",\"description\":\"SEO and Internet Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bruceclay.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b\",\"name\":\"Bruce Clay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g\",\"caption\":\"Bruce Clay\"},\"description\":\"Bruce Clay is founder and president of Bruce Clay Inc., a global digital marketing firm providing search engine optimization, pay-per-click, social media marketing, SEO-friendly web architecture, and SEO tools and education. Connect with him on LinkedIn or through the BruceClay.com website.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/bruce-clay\/\",\"https:\/\/twitter.com\/bruceclayinc\"],\"url\":\"https:\/\/www.bruceclay.com\/blog\/author\/bclay\/\"}]}<\/script>","yoast_head_json":{"title":"How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay","description":"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/","og_locale":"en_US","og_type":"article","og_title":"How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay","og_description":"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.","og_url":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/","og_site_name":"Bruce Clay, Inc.","article_published_time":"2019-02-19T19:59:27+00:00","article_modified_time":"2019-08-07T20:35:46+00:00","og_image":[{"width":1200,"height":648,"url":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-1.jpg","type":"image\/jpeg"}],"author":"Bruce Clay","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2019\/02\/lightning-fast-amp-pages-twitter-2.jpg","twitter_creator":"@bruceclayinc","twitter_misc":{"Written by":"Bruce Clay","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/","url":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/","name":"How to Implement AMP: A Quick-Start Guide to Accelerated Mobile Pages - BruceClay","isPartOf":{"@id":"https:\/\/www.bruceclay.com\/#website"},"datePublished":"2019-02-19T19:59:27+00:00","dateModified":"2019-08-07T20:35:46+00:00","author":{"@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b"},"description":"Learn how to implement AMP and decide if Accelerated Mobile Pages is right for your website. Our quick-start guide includes technical must-dos to get you started.","breadcrumb":{"@id":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bruceclay.com\/blog\/how-to-implement-amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bruceclay.com\/"},{"@type":"ListItem","position":2,"name":"How to Implement AMP (If You Really Must): A Quick-Start Guide to Accelerated Mobile Pages"}]},{"@type":"WebSite","@id":"https:\/\/www.bruceclay.com\/#website","url":"https:\/\/www.bruceclay.com\/","name":"Bruce Clay, Inc.","description":"SEO and Internet Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bruceclay.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b","name":"Bruce Clay","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g","caption":"Bruce Clay"},"description":"Bruce Clay is founder and president of Bruce Clay Inc., a global digital marketing firm providing search engine optimization, pay-per-click, social media marketing, SEO-friendly web architecture, and SEO tools and education. Connect with him on LinkedIn or through the BruceClay.com website.","sameAs":["https:\/\/www.linkedin.com\/in\/bruce-clay\/","https:\/\/twitter.com\/bruceclayinc"],"url":"https:\/\/www.bruceclay.com\/blog\/author\/bclay\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/63364"}],"collection":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/comments?post=63364"}],"version-history":[{"count":20,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/63364\/revisions"}],"predecessor-version":[{"id":67534,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/63364\/revisions\/67534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media\/63469"}],"wp:attachment":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media?parent=63364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/categories?post=63364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/tags?post=63364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}