{"id":232935,"date":"2023-02-01T11:27:00","date_gmt":"2023-02-01T08:27:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232935"},"modified":"2023-02-02T12:52:10","modified_gmt":"2023-02-02T09:52:10","slug":"kuinka-ottaa-amp-kaeyttoeoen-wordpressillae-amp-optimointitekniikat-wordpressin-avulla","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-ottaa-amp-kaeyttoeoen-wordpressillae-amp-optimointitekniikat-wordpressin-avulla\/","title":{"rendered":"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n WordPressill\u00e4? AMP-optimointitekniikat WordPressin avulla"},"content":{"rendered":"\n<p>AMP (Accelerated Mobile Pages) on projekti, jonka <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a> julkisti alun perin viime vuonna (2016). Yli vuoden kehitysty\u00f6 on her\u00e4tt\u00e4nyt yh\u00e4 enemm\u00e4n kiinnostusta.<\/p>\n<p>Google AMP -optimointitekniikat<\/p>\n<h2>Mik\u00e4 on AMP?<\/h2>\n<p>AMP on yleens\u00e4 ytimek\u00e4s, erityisesti suunniteltu <a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> &#8211; dokumentti, jossa on muutamia rajoituksia, jotka on suunniteltu parantamaan sivujen lataus- ja render\u00f6intikokemusta mobiililaitteissa. Esimerkiksi AMP-sivuilla voi olla vain <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\">sis\u00e4inen CSS<\/a>, joten sivun asettelu voidaan m\u00e4\u00e4ritt\u00e4\u00e4 ilman ulkoisten CSS-tyylisivujen lataamista. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascripti\u00e4<\/a> on my\u00f6s rajoitettu silloin, kun synkroninen JS voidaan sijoittaa vain iframe-kehykseen.<\/p>\n<h2>Miksi AMP?<\/h2>\n<p>AMP on suunniteltu nopeuttamaan jopa hitaissa verkoissa. AMP:n suurin etu on, ett\u00e4 se voidaan ladata\/render\u00f6id\u00e4 3-4 kertaa nopeammin. Syit\u00e4 siihen, miksi AMP valaisee nopeasti mobiililaitteissa, ovat seuraavat:<\/p>\n<ul>\n<li>Ladataan v\u00e4hemm\u00e4n elementtej\u00e4. Otetaan esimerkiksi WordPress, monia widgetej\u00e4 ei n\u00e4ytet\u00e4.<\/li>\n<li>AMP:t tallennetaan v\u00e4limuistiin Google CDN:n (Content Delivery Networks) tai <a href=\"https:\/\/helloacm.com\/the-php-page-rule-checker-of-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> CDN:n kautta, joten kun hakutuloksia n\u00e4ytet\u00e4\u00e4n, AMP esiladataan Google\/CloudFlare CDN:n kautta, kun ne n\u00e4ytet\u00e4\u00e4n, ne on jo ladattu ja toimitettu selaimesi v\u00e4limuistista. syttyy vain nopeasti.<\/li>\n<li>Kuten mainittiin, AMP-asettelu voidaan m\u00e4\u00e4ritt\u00e4\u00e4 ilman ulkoisen <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\/fi\/responsiivisen-css-suunnittelun-oppiminen-1\/\" title=\"CSS\">CSS<\/a> :n lataamista, joten mobiilin\u00e4yt\u00f6ill\u00e4 asettelu on staattinen, mik\u00e4 on nopeaa.<\/li>\n<\/ul>\n<h2>Kuka tarvitsee AMP:t\u00e4?<\/h2>\n<p>Jos v\u00e4lit\u00e4t nopeudesta ja k\u00e4ytt\u00f6kokemuksesta tai jos sinulla on paljon sis\u00e4lt\u00f6\u00e4 (staattista teksti\u00e4\/kuvia), AMP on ehdottomasti jotain, joka sinulla on oltava.<\/p>\n<h2>Parantaako AMP hakukoneoptimointia?<\/h2>\n<p>Google Officialin mukaan se ei vaikuta <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>: lle ainakaan suoraan. Koska AMP kuitenkin parantaa sivun latausnopeutta, ja se vaikuttaa hakukoneoptimointiin. Itse asiassa tutkimuksen mukaan AMP:n ollessa p\u00e4\u00e4ll\u00e4 vierailijat viipyv\u00e4t sivustolla pidemp\u00e4\u00e4n ja poistumisprosentti kasvaa.<\/p>\n<p>Mobiililaitteissa AMP-sivut n\u00e4ytet\u00e4\u00e4n prioriteettina ja selke\u00e4ll\u00e4 AMP-tunnisteella. Google on poistanut Mobiiliyst\u00e4v\u00e4llisen k\u00e4yt\u00f6n salliakseen n\u00e4ytetyn AMP:n. Itse asiassa kaikki voimassa olevat AMP:t ovat jo kelvollisia <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/yksinkertaiset-vaiheet-tekevaet-verkkosivustosta-mobiiliystaevaellisen-responsiivinen-muotoilu\/\" title=\"mobiilik\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisi\u00e4\">mobiilik\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisi\u00e4<\/a>.<\/p>\n<h2>Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n WordPress-blogin avulla?<\/h2>\n<p>AMP on erityinen HTML-muoto ja syntaksi on eritt\u00e4in tiukka. Olemassa olevan sivumallin muokkaaminen ei ole mahdollista, ja on viisasta olla tekem\u00e4tt\u00e4. Jos sinulla on paljon artikkeleita (paljon URL-osoitteita), t\u00e4t\u00e4 ei ole k\u00e4yt\u00e4nn\u00f6llist\u00e4 tehd\u00e4 manuaalisesti.<\/p>\n<p>Jos haluat ottaa AMP:n k\u00e4ytt\u00f6\u00f6n <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-luoda-wordpress-sivu-kaikkien-kommenttien-luetteloimiseksi\/\" title=\"WordPressiss\u00e4\">WordPressiss\u00e4<\/a>, sinun on lis\u00e4tt\u00e4v\u00e4 tai otettava k\u00e4ytt\u00f6\u00f6n <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">virallinen AMP-laajennus<\/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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>wordpress-official-amp-plugin<\/p>\n<p>Kun t\u00e4m\u00e4 laajennus on aktivoitu, jokaiselle viestille (ei sivuille) on ensisijainen URL-osoite, joka liitet\u00e4\u00e4n <strong>\/amp\/<\/strong>. Kyll\u00e4, sinun tarvitsee vain aktivoida AMP-laajennus, joka tekee suurimman osan ty\u00f6st\u00e4.<\/p>\n<h2>Kuinka validoida AMP?<\/h2>\n<ul>\n<li>\n<p>Voit asentaa <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP Chrome -laajennuksen<\/a>, joka n\u00e4ytt\u00e4\u00e4 vihre\u00e4n kuplan, jos nykyinen sivu on kelvollinen AMP. Se my\u00f6s kertoo, onko nykyisell\u00e4 sivulla AMP-versio<\/p>\n<\/li>\n<li>\n<p>Paina F12 Chromessa k\u00e4ynnist\u00e4\u00e4ksesi konsolin. Jos n\u00e4et jotain t\u00e4llaista, se tarkoittaa, ett\u00e4 AMP on k\u00e4yt\u00f6ss\u00e4!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>Siirry <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 Validatoriin<\/a>: T\u00e4st\u00e4 on usein hy\u00f6ty\u00e4, koska voit kopioida ja liitt\u00e4\u00e4 AMP-l\u00e4hteen suoraan apuohjelmaan.<\/p>\n<\/li>\n<li>\n<p>Suorita <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> &#8211; komento tarkistaaksesi CloudFlare-vahvistinapuohjelman kautta:<\/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>Google Webmasterissa se n\u00e4ytt\u00e4\u00e4 indeksoitujen AMP-sivujen m\u00e4\u00e4r\u00e4n ja millaisia \u200b\u200bvirheit\u00e4 AMP-sivuilla on. Kriittisi\u00e4 virheit\u00e4 sis\u00e4lt\u00e4vi\u00e4 AMP-tiedostoja ei indeksoida, joten sinun on korjattava ne. Google tarjoaa my\u00f6s toisen <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-validaattorin<\/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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>google-webmaster-shows-indexed-amp<\/p>\n<h2>Kuinka lis\u00e4t\u00e4 Google Analytics -seuranta AMP-sivuille?<\/h2>\n<p>Virallisen mukaan sinun tulee:<\/p>\n<ol>\n<li>\n<p>Lis\u00e4\u00e4 seuraava ennentiedostossa wp &#8211; <strong>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>Lis\u00e4\u00e4 seuraava ennentiedostossa wp &#8211; <strong>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>Kuinka lis\u00e4t\u00e4 Google Adsense AMP-sivuille?<\/h2>\n<p>Perinteinen Google Adsense -koodi ei toimi AMP:ss\u00e4, vaan tarvitset:<\/p>\n<ol>\n<li>\n<p>Lis\u00e4\u00e4 seuraava ennentiedostossa wp &#8211; <strong>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>Lis\u00e4\u00e4 seuraava ennen tai j\u00e4lkeen <strong>post_amp_content tiedostossa<\/strong> wp &#8211; <strong>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>Esimerkki AMP-mallista WordPress Single Post -julkaisulle (esim. 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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>sample-wordpress-template-single-for-amp-pages<\/p>\n<h2>Milloin hakukoneet indeksoivat AMP:t?<\/h2>\n<p>Kaikki hakukoneet eiv\u00e4t tue AMP:t\u00e4, mutta ilmeisesti Google tuntee AMP:n parhaiten. Voi kest\u00e4\u00e4 muutamia tunteja tai p\u00e4ivi\u00e4, ennen kuin Google huomaa, ett\u00e4 sivuillasi on AMP-vaihtoehtoja. Tavallisilla viestisivuillasi on jotain t\u00e4m\u00e4n kaltaista, joka kertoo hakukoneelle AMP-version URL-osoitteen:<\/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>Ja sen AMP-versiossa se linkitet\u00e4\u00e4n takaisin k\u00e4ytt\u00e4m\u00e4ll\u00e4 ensisijaista tagia:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>On ok, ettei kaikilla sivuillasi ole AMP-vaihtoehtoja. On my\u00f6s OK, ett\u00e4 joitain AMP-sivuja ei ole validoitu, pahimmassa tapauksessa sit\u00e4 ei ole <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">indeksoitu<\/a>, mik\u00e4 ei vahingoita muita sivujasi, kuten hakukoneoptimointia. AMP toimitetaan vaihtoehtoisena asetteluna (mallina), joten voit pit\u00e4\u00e4 sit\u00e4 suorituskyvyn kannalta optimoituna versiona.<\/p>\n<h2>Kuinka selvitt\u00e4\u00e4, onko nykyinen sivu AMP PHP:ss\u00e4?<\/h2>\n<p>Saatat joutua poistamaan jonkin sis\u00e4lt\u00f6suodattimen k\u00e4yt\u00f6st\u00e4 (add_filter, WordPress-funktion kautta) mallista <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>, sitten tarvitset seuraavan toiminnon tarkistaaksesi, onko nykyinen sivu AMP-versio. Se vaatii PHP endsWith -funktion. WordPressiss\u00e4 voit my\u00f6s k\u00e4ytt\u00e4\u00e4 funktiota <strong>is_amp_endpoint()<\/strong> n\u00e4hd\u00e4ksesi, onko nykyinen wordpressin URL-osoite AMP. Muussa tapauksessa sivustokohtainen yleinen ratkaisu on tarkistaa, loppuuko URL-osoite \/amp vai sis\u00e4lt\u00e4\u00e4k\u00f6 \/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>Jos et huomannut, AMP-version URL-osoite n\u00e4kyy jokaisessa viestiss\u00e4 ja l\u00f6yd\u00e4t <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP-sivujen arkiston t\u00e4\u00e4lt\u00e4<\/a>. Voit k\u00e4ytt\u00e4\u00e4 seuraavaa <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a> &#8211; koodia, joka n\u00e4ytt\u00e4\u00e4 vain viestien AMP-URL-osoitteet muiden sivutyyppien sijaan WordPressiss\u00e4:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>Sivuilla, jotka eiv\u00e4t tue AMP:t\u00e4, ensisijainen AMP-URL-osoite <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ohjataan 301<\/a> sen normaaliversioon.<\/p>\n<h2>Milt\u00e4 AMP-sivu n\u00e4ytt\u00e4\u00e4 pienill\u00e4 n\u00e4yt\u00f6ill\u00e4?<\/h2>\n<p>Seuraava vasemmalla on AMP-versio, jonka sis\u00e4ll\u00f6n yl\u00e4puolella n\u00e4ytet\u00e4\u00e4n mainoksia (<a href=\"https:\/\/wordpress.mediadoma.com\/fi\/responsiivisen-css-suunnittelun-oppiminen-1\/\" title=\"responsiivinen\">responsiivinen<\/a> <a href=\"https:\/\/helloacm.com\/does-blocking-adsense-categories-help-in-earnings\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">adsense ).<\/a><\/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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>AMP-versus-mobile-k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen<\/p>\n<p>AMP:t\u00e4 voidaan pit\u00e4\u00e4 erillisen\u00e4 mallina (tyylin\u00e4) viestillesi. Molemmat URL-osoitteet ovat olemassa <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/robots-txt-n-estaemaet-wordpress-teemattiedostot-jotka-johtavat-mobiiliystaevaellisyystestin-epaeonnistumiseen\/\" title=\"mobiilik\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4lliselle\">mobiilik\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4lliselle<\/a> ja AMP-versiolle. AMP:n sy\u00f6tt\u00f6 tulee p\u00e4\u00e4asiassa <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-mukauttaa-hakukone-wordpressiin\/\" title=\"hakukoneesta,\">hakukoneesta,<\/a> kun taas viestien alkuper\u00e4iset linkit pysyv\u00e4t koskemattomina. Voit kuitenkin haluta k\u00e4ytt\u00e4\u00e4 <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlaren AML:\u00e4\u00e4,<\/a> joka korvaa postauslinkit <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AMP-versioon<\/a> tarvittaessa.<\/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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>cloudflare-enable-accelerated-mobile-links<\/p>\n<p>Jos AMP-sivullasi on kriittisi\u00e4 virheit\u00e4, hakukoneet eiv\u00e4t v\u00e4ltt\u00e4m\u00e4tt\u00e4 indeksoi sit\u00e4. Google saattaa vihjata sinulle virheist\u00e4 hakutuloksissa, jotka on linkitetty Google-verkkovastaavaan.<\/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=\"Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n Wordpressill\u00e4? AMP-optimointitekniikat Wordpressin avulla\"><\/a><\/p>\n<p>AMP-virheilmoitus Googlen hakutuloksissa<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kuinka ottaa AMP k\u00e4ytt\u00f6\u00f6n WordPressill\u00e4? AMP-optimointitekniikat WordPressill\u00e4<\/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":[948,813,843,864],"tags":[1166],"class_list":["post-232935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-5","category-laajennuksia","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=232935"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232935\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=232935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=232935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=232935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}