{"id":232931,"date":"2023-02-01T10:42:00","date_gmt":"2023-02-01T07:42:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232931"},"modified":"2023-02-02T12:23:49","modified_gmt":"2023-02-02T09:23:49","slug":"jak-wlaczyc-amp-z-wordpressem-techniki-optymalizacji-amp-z-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-wlaczyc-amp-z-wordpressem-techniki-optymalizacji-amp-z-wordpress\/","title":{"rendered":"Jak w\u0142\u0105czy\u0107 AMP z WordPressem? Techniki optymalizacji AMP z WordPress"},"content":{"rendered":"\n<p>AMP (Accelerated Mobile Pages) to projekt, kt\u00f3ry zosta\u0142 pierwotnie og\u0142oszony w zesz\u0142ym roku (2016) przez <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. Przez ponad rok rozwoju cieszy\u0142 si\u0119 coraz wi\u0119kszym zainteresowaniem.<\/p>\n<p>Techniki optymalizacji Google AMP<\/p>\n<h2>Co to jest AMP?<\/h2>\n<p>Og\u00f3lnie rzecz bior\u0105c, AMP to zwi\u0119z\u0142y, specjalnie zaprojektowany dokument <a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a>, kt\u00f3ry ma kilka ogranicze\u0144, kt\u00f3re maj\u0105 na celu popraw\u0119 wczytywania i renderowania strony na urz\u0105dzeniach mobilnych. Na przyk\u0142ad strony AMP mog\u0105 mie\u0107 tylko <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\">wbudowany CSS<\/a>, dzi\u0119ki czemu uk\u0142ad strony mo\u017cna okre\u015bli\u0107 bez konieczno\u015bci \u0142adowania zewn\u0119trznych arkuszy styl\u00f3w CSS. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JavaScript<\/a> zosta\u0142 r\u00f3wnie\u017c ograniczony, gdy synchroniczny JS mo\u017ce by\u0107 umieszczony tylko wewn\u0105trz elementu iframe.<\/p>\n<h2>Dlaczego AMP?<\/h2>\n<p>AMP zosta\u0142 zaprojektowany z my\u015bl\u0105 o szybko\u015bci nawet w wolnych sieciach. Najwi\u0119ksz\u0105 zalet\u0105 AMP jest to, \u017ce mo\u017cna go \u0142adowa\u0107\/renderowa\u0107 3-4 razy szybciej. Powody, dla kt\u00f3rych AMP dzia\u0142aj\u0105 b\u0142yskawicznie na urz\u0105dzeniach mobilnych, to:<\/p>\n<ul>\n<li>Mniej element\u00f3w jest \u0142adowanych. We\u017amy na przyk\u0142ad WordPress, wiele wid\u017cet\u00f3w nie jest wy\u015bwietlanych.<\/li>\n<li>AMP s\u0105 buforowane przez Google CDN (Content Delivery Networks) lub <a href=\"https:\/\/helloacm.com\/the-php-page-rule-checker-of-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> CDN, wi\u0119c gdy wy\u015bwietlane s\u0105 wyniki wyszukiwania, AMP s\u0105 wst\u0119pnie \u0142adowane przez Google\/CloudFlare CDN, gdy s\u0105 wy\u015bwietlane, s\u0105 ju\u017c pobrane i obs\u0142ugiwane z pami\u0119ci podr\u0119cznej przegl\u0105darki, co po prostu szybko si\u0119 \u015bwieci.<\/li>\n<li>Jak wspomniano, uk\u0142ad AMP mo\u017cna okre\u015bli\u0107 bez konieczno\u015bci \u0142adowania zewn\u0119trznego <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\/pl\/nauka-projektowania-responsywnego-css-1\/\" title=\"CSS\">CSS<\/a>, wi\u0119c na ekranach mobilnych uk\u0142ad jest statyczny, co jest szybkie.<\/li>\n<\/ul>\n<h2>Kto potrzebuje AMP?<\/h2>\n<p>Je\u015bli zale\u017cy Ci na szybko\u015bci i do\u015bwiadczeniu u\u017cytkownika lub je\u015bli masz du\u017co tre\u015bci (statyczny tekst\/obrazy), AMP jest zdecydowanie czym\u015b, co musisz mie\u0107.<\/p>\n<h2>Czy AMP poprawia SEO?<\/h2>\n<p>Wed\u0142ug Google Official nie wp\u0142ywa to na <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>, przynajmniej bezpo\u015brednio. Jednak poniewa\u017c AMP poprawia szybko\u015b\u0107 \u0142adowania strony, co wp\u0142ywa na SEO. W rzeczywisto\u015bci, zgodnie z badaniami, przy w\u0142\u0105czonym AMP u\u017cytkownicy pozostaj\u0105 d\u0142u\u017cej w witrynie, a wsp\u00f3\u0142czynnik odrzuce\u0144 wzrasta.<\/p>\n<p>Na urz\u0105dzeniach mobilnych strony AMP b\u0119d\u0105 wy\u015bwietlane z priorytetem i z wyra\u017anym tagiem AMP. Google usun\u0119\u0142o u\u017cycie \u201ePrzyjazny dla urz\u0105dze\u0144 mobilnych&quot;, aby umo\u017cliwi\u0107 wy\u015bwietlanie stron AMP. W rzeczywisto\u015bci wszystkie wa\u017cne AMP s\u0105 ju\u017c <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/proste-kroki-sprawiaja-ze-witryna-jest-przyjazna-dla-urzadzen-mobilnych-projekt-responsywny\/\" title=\"przyjazne dla u\u017cytkownik\u00f3w mobilnych\">przyjazne dla u\u017cytkownik\u00f3w mobilnych<\/a>.<\/p>\n<h2>Jak w\u0142\u0105czy\u0107 AMP w blogu WordPress?<\/h2>\n<p>AMP to specjalny format HTML, a sk\u0142adnia jest bardzo \u015bcis\u0142a. Nie mo\u017cna modyfikowa\u0107 istniej\u0105cego szablonu strony i dobrze jest tego nie robi\u0107. Je\u015bli masz du\u017co artyku\u0142\u00f3w (du\u017co adres\u00f3w URL), r\u0119czne robienie tego nie jest praktyczne.<\/p>\n<p>Aby w\u0142\u0105czy\u0107 AMP w <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/jak-utworzyc-strone-wordpress-aby-wyswietlic-wszystkie-komentarze\/\" title=\"WordPressie\">WordPressie<\/a>, musisz doda\u0107\/w\u0142\u0105czy\u0107 <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">oficjaln\u0105 wtyczk\u0119 AMP<\/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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>wordpress-official-amp-plugin<\/p>\n<p>Po aktywacji tej wtyczki dla ka\u017cdego posta (nie strony) b\u0119dzie kanoniczny adres URL z <strong>dodanym \/amp\/<\/strong>. Tak, wystarczy aktywowa\u0107 wtyczk\u0119 AMP, kt\u00f3ra wykonuje wi\u0119kszo\u015b\u0107 pracy.<\/p>\n<h2>Jak zweryfikowa\u0107 AMP?<\/h2>\n<ul>\n<li>\n<p>Mo\u017cesz zainstalowa\u0107 rozszerzenie <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP Chrome<\/a>, kt\u00f3re wy\u015bwietla zielony dymek, je\u015bli bie\u017c\u0105ca strona jest poprawn\u0105 stron\u0105 AMP. Poinformuje Ci\u0119 r\u00f3wnie\u017c, czy bie\u017c\u0105ca strona ma wersj\u0119 AMP<\/p>\n<\/li>\n<li>\n<p>Naci\u015bnij F12 w Chrome, aby wywo\u0142a\u0107 konsol\u0119, je\u015bli widzisz co\u015b takiego, oznacza to, \u017ce AMP jest w\u0142\u0105czony!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>Przejd\u017a do <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\">internetowego sprawdzania stron AMP<\/a>: jest to cz\u0119sto przydatne, poniewa\u017c mo\u017cesz skopiowa\u0107 i wklei\u0107 \u017ar\u00f3d\u0142o AMP bezpo\u015brednio w narz\u0119dziu.<\/p>\n<\/li>\n<li>\n<p>Uruchom polecenie <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>, aby sprawdzi\u0107 za pomoc\u0105 narz\u0119dzia wzmacniacza CloudFlare:<\/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>W Google Webmaster pokazuje liczb\u0119 zindeksowanych stron AMP i jakie b\u0142\u0119dy maj\u0105 strony AMP. Strony AMP z b\u0142\u0119dami krytycznymi nie b\u0119d\u0105 indeksowane, wi\u0119c musisz je naprawi\u0107. Google udost\u0119pnia te\u017c inny <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\">weryfikator stron AMP<\/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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>google-webmaster-pokazuje-indeksowany-wzmacniacz<\/p>\n<h2>Jak doda\u0107 \u015bledzenie Google Analytics do stron AMP?<\/h2>\n<p>Wed\u0142ug urz\u0119dnika musisz:<\/p>\n<ol>\n<li>\n<p>Dodaj nast\u0119puj\u0105ce przedw <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>Dodaj nast\u0119puj\u0105ce przedw <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>Jak doda\u0107 Google Adsense do stron AMP?<\/h2>\n<p>Tradycyjny kod Google Adsense nie dzia\u0142a w AMP, zamiast tego potrzebujesz:<\/p>\n<ol>\n<li>\n<p>Dodaj nast\u0119puj\u0105ce przedw <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>Dodaj nast\u0119puj\u0105ce elementy przed lub po <strong>post_amp_content<\/strong> w <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>Przyk\u0142adowy szablon AMP dla WordPress Single Post (np. 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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>przyk\u0142adowy-wordpress-szablon-single-dla-amp-stron<\/p>\n<h2>Kiedy strony AMP s\u0105 indeksowane przez wyszukiwarki?<\/h2>\n<p>Nie wszystkie wyszukiwarki obs\u0142uguj\u0105 AMP, ale najwyra\u017aniej Google najlepiej zna AMP. Zanim Google zorientuje si\u0119, \u017ce Twoje strony maj\u0105 alternatywy AMP, mo\u017ce min\u0105\u0107 kilka godzin, a nawet dni. Na zwyk\u0142ych stronach post\u00f3w b\u0119dzie co\u015b takiego, aby poinformowa\u0107 wyszukiwark\u0119 o adresie URL wersji AMP:<\/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>A w wersji AMP zostanie ponownie po\u0142\u0105czony za pomoc\u0105 tagu kanonicznego:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>To dobrze, \u017ce nie wszystkie Twoje strony maj\u0105 alternatywy AMP. Jest te\u017c w porz\u0105dku, \u017ce niekt\u00f3re AMP nie s\u0105 walidowane, najgorszym przypadkiem jest to, \u017ce te AMP nie s\u0105 <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">indeksowane<\/a>, co nie szkodzi innym Twoim stronom, np. SEO. AMP jest udost\u0119pniany jako alternatywny uk\u0142ad (szablon), wi\u0119c mo\u017cna go uzna\u0107 za wersj\u0119 zoptymalizowan\u0105 pod k\u0105tem wydajno\u015bci.<\/p>\n<h2>Jak sprawdzi\u0107, czy bie\u017c\u0105ca strona to AMP w PHP?<\/h2>\n<p>Mo\u017ce by\u0107 konieczne wy\u0142\u0105czenie niekt\u00f3rych filtr\u00f3w tre\u015bci (poprzez add_filter, funkcj\u0119 WordPress) w szablonie <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>, wtedy b\u0119dziesz potrzebowa\u0107 nast\u0119puj\u0105cej funkcji, aby sprawdzi\u0107, czy bie\u017c\u0105ca strona jest w wersji AMP. Wymaga funkcji PHP endWith. W WordPressie mo\u017cesz r\u00f3wnie\u017c u\u017cy\u0107 funkcji <strong>is_amp_endpoint()<\/strong>, aby sprawdzi\u0107, czy bie\u017c\u0105cy URL wordpress to AMP. W przeciwnym razie og\u00f3lne rozwi\u0105zanie specyficzne dla witryny polega na sprawdzeniu, czy adres URL ko\u0144czy si\u0119 na \/amp, czy zawiera \/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>Je\u015bli nie zauwa\u017cy\u0142e\u015b, adres URL wersji AMP jest wy\u015bwietlany w ka\u017cdym po\u015bcie, a <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">archiwum stron AMP znajdziesz tutaj<\/a>. Mo\u017cesz u\u017cy\u0107 nast\u0119puj\u0105cego kodu <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a>, aby wy\u015bwietli\u0107 tylko adresy URL AMP dla post\u00f3w zamiast innych typ\u00f3w stron w WordPress:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>W przypadku stron, kt\u00f3re nie obs\u0142uguj\u0105 AMP, kanoniczny adres URL AMP zostanie <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">przekierowany 301<\/a> do jego normalnej wersji.<\/p>\n<h2>Jak wygl\u0105da strona AMP na ma\u0142ych ekranach?<\/h2>\n<p>Poni\u017cej znajduje si\u0119 wersja AMP, z reklamami (<a href=\"https:\/\/wordpress.mediadoma.com\/pl\/nauka-projektowania-responsywnego-css-1\/\" title=\"responsywnymi\">responsywnymi<\/a> <a href=\"https:\/\/helloacm.com\/does-blocking-adsense-categories-help-in-earnings\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">adsense<\/a>) wy\u015bwietlanymi nad tre\u015bci\u0105.<\/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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>Przyjazny dla u\u017cytkownik\u00f3w AMP w por\u00f3wnaniu z urz\u0105dzeniami mobilnymi<\/p>\n<p>AMP mo\u017cna traktowa\u0107 jako osobny szablon (styl) dla Twoich post\u00f3w. Oba adresy URL istniej\u0105 w wersji <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/pliki-motywow-wordpress-zablokowane-przez-plik-robots-txt-co-prowadzi-do-niepowodzenia-testu-mobilnego\/\" title=\"przyjaznej dla urz\u0105dze\u0144 mobilnych\">przyjaznej dla urz\u0105dze\u0144 mobilnych<\/a> i wersji AMP. Wpis AMP pochodzi g\u0142\u00f3wnie z <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/jak-dostosowac-wyszukiwarke-do-wordpress\/\" title=\"wyszukiwarki,\">wyszukiwarki,<\/a> podczas gdy oryginalne linki w postach pozostaj\u0105 nietkni\u0119te. Mo\u017cesz jednak u\u017cy\u0107 <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AML z CloudFlare<\/a>, kt\u00f3ry w stosownych przypadkach zast\u0119puje linki do post\u00f3w w <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wersji AMP .<\/a><\/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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>cloudflare-enable-accelerated-mobile-links<\/p>\n<p>Je\u015bli Twoja strona AMP zawiera b\u0142\u0119dy krytyczne, mo\u017ce nie by\u0107 indeksowana przez wyszukiwarki. Google mo\u017ce podpowiedzie\u0107 Ci b\u0142\u0119dy w wynikach wyszukiwania, kt\u00f3re s\u0105 powi\u0105zane z Twoim webmasterem Google.<\/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=\"Jak w\u0142\u0105czy\u0107 AMP z Wordpressem? Techniki optymalizacji AMP z Wordpress\"><\/a><\/p>\n<p>Komunikat o b\u0142\u0119dzie AMP w wynikach wyszukiwania Google<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jak w\u0142\u0105czy\u0107 AMP za pomoc\u0105 WordPressa? Techniki optymalizacji AMP z 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":[950,845,866,815],"tags":[1169],"class_list":["post-232931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-7","category-samouczki","category-wordpress-7","category-wtyczki","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=232931"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232931\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=232931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=232931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=232931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}