{"id":232905,"date":"2023-02-01T11:24:00","date_gmt":"2023-02-01T08:24:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232905"},"modified":"2023-02-02T12:39:32","modified_gmt":"2023-02-02T09:39:32","slug":"hur-aktiverar-jag-amp-med-wordpress-amp-optimeringstekniker-med-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-aktiverar-jag-amp-med-wordpress-amp-optimeringstekniker-med-wordpress\/","title":{"rendered":"Hur aktiverar jag AMP med WordPress? AMP-optimeringstekniker med WordPress"},"content":{"rendered":"\n<p>AMP (Accelerated Mobile Pages) \u00e4r ett projekt som ursprungligen tillk\u00e4nnagavs f\u00f6rra \u00e5ret (2016) av <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. Under ett \u00e5rs utveckling har det tilldragit sig allt fler intressen.<\/p>\n<p>Googles AMP-optimeringstekniker<\/p>\n<h2>Vad \u00e4r AMP?<\/h2>\n<p>AMP \u00e4r i allm\u00e4nhet ett kortfattat, specialdesignat <a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> &#8211; dokument som har n\u00e5gra begr\u00e4nsningar som \u00e4r utformade f\u00f6r att f\u00f6rb\u00e4ttra sidladdnings- och renderingsupplevelsen f\u00f6r mobila enheter. Till exempel kan AMP-sidorna bara ha en <a href=\"https:\/\/helloacm.com\/case-study-optimize-justyy-lai-com-and-pagespeed-insight-now-100\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">inline CSS<\/a>, s\u00e5 att sidlayouten kan best\u00e4mmas utan att beh\u00f6va ladda externa CSS-stilmallar. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> har ocks\u00e5 begr\u00e4nsats d\u00e4r den synkrona JS endast kan placeras inuti en iframe.<\/p>\n<h2>Varf\u00f6r AMP?<\/h2>\n<p>AMP \u00e4r designad f\u00f6r hastighet \u00e4ven p\u00e5 l\u00e5ngsamma n\u00e4tverk. Den st\u00f6rsta f\u00f6rdelen med AMP \u00e4r att den kan laddas\/renderas 3-4 g\u00e5nger snabbare. Anledningarna till att AMP \u00e4r ljussnabba p\u00e5 mobila enheter \u00e4r:<\/p>\n<ul>\n<li>F\u00e4rre element laddas. Ta WordPress till exempel, m\u00e5nga widgets visas inte.<\/li>\n<li>AMP cachelagras av Google CDN (Content Delivery Networks) eller <a href=\"https:\/\/helloacm.com\/the-php-page-rule-checker-of-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> CDN, s\u00e5 n\u00e4r s\u00f6kresultaten visas f\u00f6rladdas AMP via Google\/CloudFlare CDN, n\u00e4r de visas \u00e4r de redan nedladdade och serverade fr\u00e5n din webbl\u00e4sares cache, vilket bara lyser snabbt.<\/li>\n<li>Som n\u00e4mnts kan AMP-layouten best\u00e4mmas utan att beh\u00f6va ladda extern <a href=\"https:\/\/helloacm.com\/node-js-tutorial-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JS<\/a> \/ <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/laer-dig-responsiv-css-design-1\/\" title=\"CSS\">CSS<\/a>, s\u00e5 p\u00e5 mobilsk\u00e4rmar \u00e4r layouten statisk, vilket \u00e4r snabbt.<\/li>\n<\/ul>\n<h2>Vem beh\u00f6ver AMP?<\/h2>\n<p>Om du bryr dig om hastighet och anv\u00e4ndarupplevelse, eller om du har mycket inneh\u00e5ll (statisk text\/bilder), s\u00e5 \u00e4r AMP definitivt n\u00e5got du m\u00e5ste ha.<\/p>\n<h2>F\u00f6rb\u00e4ttrar AMP SEO?<\/h2>\n<p>Enligt Google Official p\u00e5verkar det inte <a href=\"https:\/\/helloacm.com\/how-to-improve-seo-by-noindexing-attachment-and-pagination-in-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SEO<\/a>, \u00e5tminstone direkt. Men eftersom AMP f\u00f6rb\u00e4ttrar sidladdningshastigheten, och det p\u00e5verkar SEO. Faktum \u00e4r att, enligt forskning, med AMP p\u00e5slagen stannar bes\u00f6karna l\u00e4ngre p\u00e5 platsen och studsfrekvensen \u00f6kar.<\/p>\n<p>P\u00e5 mobila enheter kommer AMP-sidorna att visas med prioritet och med en tydlig AMP-tagg. Google har tagit bort anv\u00e4ndningen av &quot;Mobile Friendly&quot; f\u00f6r att till\u00e5ta AMP som visas. Faktum \u00e4r att alla giltiga AMP redan \u00e4r giltiga f\u00f6r <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/enkla-steg-goer-webbplatsen-mobilvaenlig-responsiv-design\/\" title=\"mobilanv\u00e4ndare\">mobilanv\u00e4ndare<\/a>.<\/p>\n<h2>Hur aktiverar jag AMP med WordPress-blogg?<\/h2>\n<p>AMP \u00e4r ett speciellt HTML-format och syntaxen \u00e4r mycket strikt. Det g\u00e5r inte att \u00e4ndra p\u00e5 befintlig sidmall och det \u00e4r klokt att l\u00e5ta bli. Om du har m\u00e5nga artiklar (m\u00e5nga webbadresser) \u00e4r det inte praktiskt att g\u00f6ra detta manuellt.<\/p>\n<p>F\u00f6r att aktivera AMP i <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-skapar-jag-en-wordpress-sida-foer-att-lista-alla-kommentarer\/\" title=\"WordPress\">WordPress<\/a> m\u00e5ste du l\u00e4gga till\/aktivera <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">den officiella AMP-plugin<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de018229.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de018229.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>wordpress-officiell-amp-plugin<\/p>\n<p>N\u00e4r detta plugin \u00e4r aktiverat, f\u00f6r varje inl\u00e4gg (inte sidor), kommer det att finnas en kanonisk URL som l\u00e4ggs till med <strong>\/amp\/<\/strong>. Ja, du beh\u00f6ver bara aktivera AMP-plugin som g\u00f6r det mesta av jobbet.<\/p>\n<h2>Hur validerar man AMP?<\/h2>\n<ul>\n<li>\n<p>Du kan installera <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP Chrome-till\u00e4gget<\/a>, som visar en gr\u00f6n bubbla om den aktuella sidan \u00e4r en giltig AMP. Det kommer ocks\u00e5 att ber\u00e4tta om den aktuella sidan har en AMP-version<\/p>\n<\/li>\n<li>\n<p>Tryck p\u00e5 F12 i Chrome f\u00f6r att anropa konsolen, om du ser n\u00e5got liknande betyder det att AMP \u00e4r aktiverat!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>G\u00e5 till <a href=\"https:\/\/validator.ampproject.org\/#url=https%3A%2F%2Fhelloacm.com%2Fhow-to-parallel-for-in-linux-bash-shell%2Famp%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Web AMP Validator<\/a>: Detta \u00e4r ofta anv\u00e4ndbart eftersom du kan kopiera och klistra in AMP-k\u00e4llan direkt i verktyget.<\/p>\n<\/li>\n<li>\n<p>K\u00f6r <a href=\"https:\/\/helloacm.com\/how-to-check-server-response-time-using-curl-command-line\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">curl-<\/a> kommandot f\u00f6r att kontrollera via CloudFlare-f\u00f6rst\u00e4rkarverktyget:<\/p>\n<pre><code>curl &lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/amp.cloudflare.com\/q\/helloacm.com\/how-to-list-the-most-voted-posts-in-a-year-using-sql\/amp\/\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;cloudflare&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;q&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;helloacm&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;how&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;to&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;list&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;the&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;most&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;voted&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;posts&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;in&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;a&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;year&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;using&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;sql&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;\/a&gt;\n{\"version\":\"1488238516283\",\"source\":\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/helloacm.com\/how-to-list-the-most-voted-posts-in-a-year-using-sql\/amp\/\",\"valid\":true\" rel=\"nofollow\"&gt;&lt;span&gt;http&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;helloacm&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;how&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;to&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;list&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;the&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;most&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;voted&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;posts&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;in&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;a&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;year&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;using&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;sql&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;\/\",\"&lt;\/span&gt;&lt;span&gt;valid&lt;\/span&gt;&lt;span&gt;\":&lt;\/span&gt;&lt;span&gt;true&lt;\/span&gt;&lt;\/a&gt;}<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>I Google Webmaster visar den antalet indexerade AMP-sidor och vilken typ av fel som AMP-sidorna har. AMP med kritiska fel kommer inte att indexeras s\u00e5 du m\u00e5ste fixa dem. Google tillhandah\u00e5ller ocks\u00e5 en annan <a href=\"https:\/\/search.google.com\/search-console\/amp?utm_source=wmx&amp;utm_medium=link&amp;utm_campaign=wmx-agg&amp;url=https%3A%2F%2Fhelloacm.com%2Fconstructor-and-destructor-in-python-classes%2Famp%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP-validator<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de125e5b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de125e5b.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>google-webmaster-shows-indexed-amp<\/p>\n<h2>Hur l\u00e4gger jag till Google Analytics-sp\u00e5rning p\u00e5 AMP-sidor?<\/h2>\n<p>Enligt Official beh\u00f6ver du:<\/p>\n<ol>\n<li>\n<p>L\u00e4gg till f\u00f6ljande f\u00f6rei <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;script async custom-element=\"amp-analytics\" src=\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/cdn.ampproject.org\/v0\/amp-analytics-0.1.js\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;cdn&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;ampproject&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;org&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;v0&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;analytics&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;0&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;1&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;js&lt;\/span&gt;&lt;\/a&gt;\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p>L\u00e4gg till f\u00f6ljande f\u00f6rei <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;amp-analytics type=\"googleanalytics\"&gt;\n&lt;script type=\"application\/json\"&gt;\n{\n\u00a0 \"vars\": {\n\u00a0 \u00a0 \"account\": \"UA-1234123412-1\" \/\/ Remember to change to your GA ID\n\u00a0 },\n\u00a0 \"triggers\": {\n\u00a0 \u00a0 \"trackPageview\": {\n\u00a0 \u00a0 \u00a0 \"on\": \"visible\",\n\u00a0 \u00a0 \u00a0 \"request\": \"pageview\"\n\u00a0 \u00a0 }\n\u00a0 }\n}\n&lt;\/script&gt;\n&lt;\/amp-analytics&gt;<\/code><\/pre>\n<\/li>\n<\/ol>\n<h2>Hur l\u00e4gger man till Google Adsense p\u00e5 AMP-sidor?<\/h2>\n<p>Traditionen Google Adsense-kod fungerar inte i AMP, ist\u00e4llet beh\u00f6ver du:<\/p>\n<ol>\n<li>\n<p>L\u00e4gg till f\u00f6ljande f\u00f6rei <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;script async custom-element=\"amp-ad\" src=\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/cdn.ampproject.org\/v0\/amp-ad-0.1.js\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;cdn&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;ampproject&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;org&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;v0&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;ad&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;0&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;1&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;js&lt;\/span&gt;&lt;\/a&gt;\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p>L\u00e4gg till f\u00f6ljande f\u00f6re eller efter <strong>post_amp_content<\/strong> i <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;amp-ad layout=\"responsive\" width=300 height=250 type=\"adsense\" data-ad-client=\"ca-pub-123456\" data-ad-slot=\"72341234\"&gt;&lt;\/amp-ad&gt;<\/code><\/pre>\n<\/li>\n<\/ol>\n<h2>Exempel p\u00e5 AMP-mall f\u00f6r WordPress Single Post (t.ex. single.php)<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de28c7ae.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de28c7ae.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>exempel-wordpress-mall-singel-f\u00f6r-amp-sidor<\/p>\n<h2>N\u00e4r indexeras AMP av s\u00f6kmotorer?<\/h2>\n<p>Alla s\u00f6kmotorer st\u00f6der inte AMP, men Google k\u00e4nner tydligen b\u00e4st till AMP. Det kan ta n\u00e5gra timmar till och med dagar f\u00f6r Google att inse att dina sidor har AMP-alternativ. P\u00e5 dina vanliga inl\u00e4ggssidor kommer det att finnas n\u00e5got i stil med detta f\u00f6r att tala om f\u00f6r s\u00f6kmotorn webbadressen till AMP-versionen:<\/p>\n<pre><code>&lt;link rel=\"amphtml\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/amp\/\"\/&gt;<\/code><\/pre>\n<p>Och i sin AMP-version kommer den att l\u00e4nkas tillbaka med den kanoniska taggen:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>Det \u00e4r ok att inte alla dina sidor har AMP-alternativ. Det \u00e4r ocks\u00e5 OK att vissa AMP inte \u00e4r validerade, i v\u00e4rsta fall \u00e4r den AMP inte <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">indexerad<\/a>, vilket inte skadar dina andra sidor dvs SEO. AMP tillhandah\u00e5lls som en alternativ layout (mall), s\u00e5 du kan betrakta den som en optimerad version f\u00f6r prestanda.<\/p>\n<h2>Hur vet man om den aktuella sidan \u00e4r AMP i PHP?<\/h2>\n<p>Du kan beh\u00f6va inaktivera n\u00e5got inneh\u00e5llsfilter (via add_filter, WordPress-funktionen) i mallen <a href=\"https:\/\/helloacm.com\/how-to-add-adsense-ads-to-bbpress-forum\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">functions.php<\/a>, sedan beh\u00f6ver du f\u00f6ljande funktion f\u00f6r att kontrollera om den aktuella sidan \u00e4r AMP-version. Det kr\u00e4ver PHP endsWith-funktionen. I WordPress kan du \u00e4ven anv\u00e4nda funktionen <strong>is_amp_endpoint()<\/strong> f\u00f6r att se om den aktuella wordpress-URL \u00e4r AMP. Annars, f\u00f6r en platsspecifik allm\u00e4n l\u00f6sning \u00e4r att kontrollera om webbadressen slutar med \/amp eller inneh\u00e5ller \/amp\/<\/p>\n<pre><code>if (!function_exists(\"endsWith\")) {\n\u00a0 function endsWith($haystack, $needle) {\n\u00a0 \u00a0 return $needle === \"\" || (($temp = strlen($haystack) - strlen($needle)) &gt;= 0 &amp;&amp; strpos($haystack, $needle, $temp) !== FALSE);\n\u00a0 }\n}\n\u00a0\nif (!function_exists(\"is_amp\")) { \n\u00a0 function is_amp() { \u00a0 \u00a0\n\u00a0 \u00a0 $url = $_SERVER['REQUEST_URI']; \u00a0\n\u00a0 \u00a0 return (endsWith($url, '\/amp') || (strpos($url, '\/amp\/') !== false));\n\u00a0 }\n}\n\u00a0\nif (!is_amp()) { \/\/ only in non-AMP version\n\u00a0 add_filter( 'the_content', 'some_content_function' );\n} \n\u00a0\nfunction some_content_function($content) {\n\u00a0 \u00a0\/\/ do something, e.g. add some ads\n\u00a0 \u00a0$content .= \" some ads code \";\n\u00a0 \u00a0return $content;\n}<\/code><\/pre>\n<p>Om du inte m\u00e4rkte det visas AMP-versionens URL i varje inl\u00e4gg och du kan hitta <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">arkivet med AMP-sidor h\u00e4r<\/a>. Du kan anv\u00e4nda f\u00f6ljande <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a> -kod f\u00f6r att bara visa AMP-URL:erna f\u00f6r inl\u00e4ggen ist\u00e4llet f\u00f6r andra sidtyper i WordPress:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>F\u00f6r sidor som inte st\u00f6der AMP kommer den kanoniska AMP-webbadressen att <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">301 omdirigeras<\/a> till sin normala version.<\/p>\n<h2>Hur ser AMP-sidan ut p\u00e5 sm\u00e5 sk\u00e4rmar?<\/h2>\n<p>F\u00f6ljande, till v\u00e4nster \u00e4r AMP-versionen, med en annons (<a href=\"https:\/\/wordpress.mediadoma.com\/sv\/laer-dig-responsiv-css-design-1\/\" title=\"responsiv\">responsiv<\/a> <a href=\"https:\/\/helloacm.com\/does-blocking-adsense-categories-help-in-earnings\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">adsense<\/a>) ovanf\u00f6r inneh\u00e5llet.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de41ffca.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de41ffca.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>AMP-versus-mobil-anv\u00e4ndarv\u00e4nlig<\/p>\n<p>AMP kan betraktas som en separat mall (stil) f\u00f6r dina inl\u00e4gg. B\u00e5da webbadresserna finns f\u00f6r den <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-temanfiler-blockerade-av-robots-txt-som-leder-till-ett-mobilvaenligt-testfel\/\" title=\"mobilanv\u00e4ndarv\u00e4nliga\">mobilanv\u00e4ndarv\u00e4nliga<\/a> och AMP-versionen. AMP kommer huvudsakligen fr\u00e5n <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-anpassar-jag-soekmotorn-foer-wordpress\/\" title=\"s\u00f6kmotorn\">s\u00f6kmotorn<\/a> medan de ursprungliga l\u00e4nkarna i inl\u00e4ggen f\u00f6rblir or\u00f6rda. D\u00e4remot kanske du vill anv\u00e4nda <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AML fr\u00e5n CloudFlare<\/a> som ers\u00e4tter inl\u00e4ggsl\u00e4nkarna i inl\u00e4gget till <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP-versionen<\/a> om till\u00e4mpligt.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de5a55aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de5a55aa.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>cloudflare-enable-accelerated-mobile-links<\/p>\n<p>Om din AMP-sida har kritiska fel kanske den inte indexeras av s\u00f6kmotorer. Google kan tipsa dig om fel i s\u00f6kresultatet, som \u00e4r l\u00e4nkat till din Google-webbmaster.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de6d2ac9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de6d2ac9.jpg\" alt=\"Hur aktiverar jag AMP med Wordpress? AMP-optimeringstekniker med Wordpress\"><\/a><\/p>\n<p>AMP-felmeddelande i Googles s\u00f6kresultat<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hur aktiverar jag AMP med WordPress? AMP-optimeringstekniker med WordPress<\/p>\n","protected":false},"author":1,"featured_media":224724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[952,848,818,868],"tags":[1173],"class_list":["post-232905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-9","category-handledningar","category-plugins-3","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=232905"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/232905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=232905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=232905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=232905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}