{"id":2829,"date":"2016-03-12T06:04:59","date_gmt":"2016-03-12T06:04:59","guid":{"rendered":"http:\/\/musilda.cz\/?p=2829"},"modified":"2016-03-12T06:04:59","modified_gmt":"2016-03-12T06:04:59","slug":"nastaveni-wordpressu-pro-amp-accelerated-mobile-pages","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/nastaveni-wordpressu-pro-amp-accelerated-mobile-pages\/","title":{"rendered":"Nastaven\u00ed WordPressu pro AMP – Accelerated Mobile Pages"},"content":{"rendered":"

AMP je vir\u00e1ln\u00ed pojem posledn\u00ed doby a to nejen ve sv\u011bt\u011b WordPressu. A proto\u017ee se tento projekt Google, st\u00e1le v\u00edce prosazuje, pod\u00edv\u00e1me se, jak AMP pou\u017e\u00edt ve WordPressu.<\/p>\n

Nejprve, co to AMP je.<\/p>\n

Se st\u00e1le intenzivn\u011bj\u0161\u00edm pou\u017e\u00edv\u00e1n\u00ed mobiln\u00edch za\u0159\u00edzen\u00ed, \u0159e\u0161\u00ed se neust\u00e1le rychlost na\u010d\u00edt\u00e1n\u00ed str\u00e1nek. A Google p\u0159i\u0161el s t\u00edm, \u017ee pro obsahov\u00e9 weby, vytvo\u0159\u00ed nov\u00fd standart, kter\u00fd osek\u00e1 v\u0161echny, z jeho pohledu ned\u016fle\u017eit\u00e9 v\u011bci a \u010dten\u00e1\u0159i dod\u00e1, v\u00edce m\u00e9n\u011b prost\u00fd text.<\/p>\n

A pro podporu sv\u00e9ho z\u00e1m\u011bru, p\u0159edstavil Ampproject<\/a>\u00a0– Accelerated Mobile Pages.<\/p>\n

D\u00edky AMP dok\u00e1\u017eete \u010dten\u00e1\u0159\u016fm nab\u00eddnout „zjednodu\u0161en\u00e9“ str\u00e1nky, s omezenou mno\u017einou html tag\u016f a pouze s jednou ofici\u00e1ln\u00ed JS knihovnou. Tv\u016frci si od toho slibuj\u00ed v\u011bt\u0161\u00ed komfort, pro \u010dten\u00e1\u0159e.<\/p>\n

Ji\u017e z podstaty projektu je vid\u011bt, \u017ee weby, kter\u00e9 se spol\u00e9haj\u00ed na javascript, jako jsou nap\u0159\u00edklad eshopy, nemohou AMP str\u00e1nky nab\u00edzet. Z\u00e1rove\u0148 je asi nepotk\u00e1me na magaz\u00ednech, jejich\u017e jedin\u00fd p\u0159\u00edjem je n\u011bjak\u00e9 zobrazov\u00e1n\u00ed reklamy. Ta toti\u017e na AMP str\u00e1nce nebude.<\/p>\n

A proto\u017ee je musilda.cz nev\u00fdd\u011ble\u010dn\u00fd web, AMP str\u00e1nky zobrazuje – viz. \u0160kolen\u00ed WooCommerce<\/a>.<\/p>\n

Jen pro po\u0159\u00e1dek – t\u011bch n\u011bkolik reklam, kter\u00e9 tu m\u00e1m, zaplat\u00ed za rok hosting webu a dom\u00e9nu, tak\u017ee p\u0159\u00edpadn\u00e9 ztr\u00e1ty mne v\u016fbec netr\u00e1p\u00ed. Osobn\u011b si mysl\u00edm, \u017ee toto bude nejv\u011bt\u0161\u00ed p\u0159ek\u00e1\u017eka pro zav\u00e1d\u011bn\u00ed AMP v praxi.<\/p>\n

Ne\u017e se pod\u00edv\u00e1me, na to, jak p\u0159ipravit WordPress web na AMP, dva odkazy na \u010desk\u00e9 \u010dl\u00e1nky:<\/p>\n

AMP opravuje a z\u00e1rove\u0148 rozb\u00edj\u00ed World Wide Web<\/a><\/p>\n

AMP HTML<\/a><\/p>\n

AMP a WordPress<\/strong><\/p>\n

Je\u0161t\u011b, \u017ee m\u00e1me Automattic, firmu, kter\u00e1 „nestoj\u00ed“ za WordPressem.<\/p>\n

P\u00e1nov\u00e9 z t\u00e9to firmy vytvo\u0159ili plugin, kter\u00fd jednodu\u0161e (z na\u0161eho pohledu), vytvo\u0159\u00ed AMP varianty publikovan\u00fdch \u010dl\u00e1nk\u016f. \u00a0Plugin najdete na GitHub, nebo v reposit\u00e1\u0159i na WordPress.org:<\/p>\n

https:\/\/github.com\/Automattic\/amp-wp<\/a><\/p>\n

https:\/\/wordpress.org\/plugins\/amp\/<\/a><\/p>\n

Sta\u010d\u00ed jej nainstalovat a okam\u017eit\u011b m\u00e1te na nov\u00e9 url, k dispozici AMP variantu obsahu.<\/p>\n

Pokud m\u00e1te \u010dl\u00e1nek na url:<\/p>\n

„http:\/\/musilda.cz\/20-uzitecnych-sql-prikazu-pro-wordpress\/“<\/p>\n

jeho AMP verzi najdete na:<\/p>\n

„http:\/\/musilda.cz\/20-uzitecnych-sql-prikazu-pro-wordpress\/amp\/“<\/p>\n

Neznamen\u00e1 to, \u017ee automaticky se budou zobrazovat jen AMP verze \u010dl\u00e1nk\u016f, ty budou nab\u00edzeny, jen konzument\u016fm AMP obsahu, kter\u00e9 v\u00e1m Google po\u0161le.<\/p>\n

Nav\u00edc, plugin nepodporuje str\u00e1nky a v\u00fdpisy \u010dl\u00e1nk\u016f, pouze samotn\u00e9 \u010dl\u00e1nky.<\/p>\n

Z\u00e1v\u011brem, je\u0161t\u011b d\u016fle\u017eit\u00e1 informace, pokud pou\u017e\u00edv\u00e1te Yoast SEO plugin, tak ten d\u00e1v\u00e1 u AMP \u010dl\u00e1nk\u016f \u0161patn\u00e1 meta data. Proto by jste m\u011bli nainstalovat Glue for Yoast SEO and AMP, kter\u00fd tento probl\u00e9m \u0159e\u0161\u00ed.<\/p>\n

P\u0159edpokl\u00e1d\u00e1 se, \u017ee \u00faprava bude vlo\u017eena do hlavn\u00edho pluginu, ale ne d\u0159\u00edve, ne\u017e za n\u011bkolik m\u011bs\u00edc\u016f.<\/p>\n

https:\/\/wordpress.org\/plugins\/glue-for-yoast-seo-amp\/<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

AMP je vir\u00e1ln\u00ed pojem posledn\u00ed doby a to nejen ve sv\u011bt\u011b WordPressu. A proto\u017ee se tento projekt Google, st\u00e1le v\u00edce prosazuje, pod\u00edv\u00e1me se, jak AMP pou\u017e\u00edt ve WordPressu. Nejprve, co to AMP je. Se st\u00e1le intenzivn\u011bj\u0161\u00edm pou\u017e\u00edv\u00e1n\u00ed mobiln\u00edch za\u0159\u00edzen\u00ed, \u0159e\u0161\u00ed se neust\u00e1le rychlost na\u010d\u00edt\u00e1n\u00ed str\u00e1nek. A Google p\u0159i\u0161el s t\u00edm, \u017ee pro obsahov\u00e9 weby, vytvo\u0159\u00ed<\/p>\n","protected":false},"author":1,"featured_media":2830,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[61,73,74],"class_list":["post-2829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-accelerated-mobile-pages","tag-amp","tag-amp-wordpress"],"_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2829"}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=2829"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2829\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/2830"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=2829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=2829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=2829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}