Panimula sa Google AMP para sa WordPress

  1. 1. Kasalukuyang nagbabasa: Panimula sa Google AMP para sa WordPress
  2. 2. Paano mag-setup ng AMP sa WordPress

Ang Google AMP (Pinabilis na Mga Pahina ng Mobile) ay isang nakakagambalang bagong teknolohiya na idinisenyo upang gawing mas mobile-friendly ang web, makabuluhang mas mabilis at maaasahan. Ang serye ng post na ito ay nakatuon sa paggalugad ng Google AMP at kung paano i-set up ito sa WordPress.


Narito ang isang listahan ng mga bagay na tatalakayin namin sa seryeng ito:

  • Una, kukuha kami ng isang mabilis na pag-refresh sa kasalukuyang mga mobile na mga uso sa web – pagbibigay-katwiran sa pangangailangan para sa AMP
  • Kumuha din kami ng isa pang maliit na pangkalahatang-ideya sa kung paano nakakaapekto ang bilis ng pahina sa aming mga negosyo at makita kung paano makakatulong ang AMP
  • Susunod, matututunan natin kung ano ang AMP, tingnan ang ilang mga halimbawa ng tunay na buhay sa magagawa.
  • Iyon ay markahan ang pagtatapos ng artikulong ito. Sa susunod na artikulo, malalaman natin kung paano i-setup ang AMP para sa WordPress

Magsimula tayo.

Google AMP

Bago ang paghuhukay sa impormasyon tungkol sa AMP, maaari mong sundin kasama ang WPCrafter gabay sa video na nauugnay sa aming post.

Ayon sa Iulat ang 2015 Internet Trend nai-publish sa pamamagitan ng consulting firm na KPCB, ang average na may sapat na gulang ay gumugol ng 5.6 na oras sa isang araw sa Internet noong 2015. Sa kabuuan, 2.8 na oras ang ginugol sa isang mobile device. Ito ay isang makabuluhang pagtaas mula sa 2010, kung ang average na lamang ng 0.4 na oras sa isang araw ay ginugol sa Internet sa pamamagitan ng mobile device.

average-araw-araw-internet-paggamit-by-aparato

Pinagmulan: Ezoic

Ang average na paggamit ng mobile internet ay lumago ng 600% sa pagitan ng 2010 at 2015

mga email na binuksan-sa pamamagitan ng aparato

Pinagmulan: Ezoic

Isang pag-aaral na nai-publish sa Ulat sa kagustuhan ng Consumer Device ng Estados Unidos natagpuan na mahigit sa dalawang-katlo ng mga email ang binuksan sa isang mobile device, na may 52% na binuksan sa isang smartphone at 16% na binuksan sa isang tablet.

digital-media-paggamit-oras

Pinagmulan: Ezoic

A 2015 Ulat sa Mobile App ng U.S. nai-publish sa pamamagitan ng comScore natagpuan 90% na pagtaas sa kabuuang oras na ginugol sa mga mobile device sa pamamagitan ng mga matatanda ng Estados Unidos sa pagitan ng 2015 at 2013. Sinabi rin ng parehong ulat na ang mga mobile app account para sa 54% ng kabuuang oras na ginugol ng digital media, at account ng mobile browser para sa isa pang 8% ng kabuuang oras.

Lahat sa lahat, 62% ng oras ng paggamit ng digital media ay ginugol sa isang mobile device.

Kaya oo, isang mobile-unang diskarte ay napaka mahalaga. Ngayon ay pag-usapan natin nang kaunti tungkol sa bilis.

Kumakarga ng mga beses na mahalaga – mahalaga ang mga ito. Ito ay ang isang kritikal na kadahilanan na maaaring makaapekto sa iba pang mga mahahalagang kadahilanan tulad ng kita, bounce rate, oras sa site, ranggo ng paghahanap at pagganap sa halos lahat ng iba pang mga digital marketing channel.

Dahil ang kita ay ang wakas na layunin sa anumang negosyo o website, narito ang isang nakawiwiling katotohanan mula sa isang pag-aaral sa pananaliksik sa 2014 “Ang Bilis ng Site Ay Nagmamadali sa Kita ng Lahat”, na isinasagawa ng digital marketing firm na Protent. Ang highlight ng pag-aaral ay iyon ang mas mabilis na mga pahina ay gumawa ng maraming pera.

bilis ng website

Pinagmulan: Ligtas

Ang dolyar sa bawat pahina ng view (tawagan itong DPPV) ay tumataas ng 20% ​​kapag binabawasan ang oras ng paglo-load mula 8 hanggang 5 segundo (37.5% pagbawas).

Ngunit ang tunay na panalo ay darating kapag ang oras ng pag-load ng pahina ay nasa ilalim ng isang segundo o mas kaunti. Ang pagpunta mula sa dalawa hanggang isang segundo na oras ng pagkarga ay nagreresulta sa 2x boost in ang dolyar bawat pageview.

Hindi lamang kita, ang bilis ng site ay nakakaapekto rin sa pagganap sa pagbabahagi ng lipunan. Ang mga kalalakihan sa Protent ay nagsagawa ng isang hindi napakahusay na eksperimento kung saan nagpadala sila ng 100 bayad na pag-click (mula sa Facebook Ads) sa dalawang pahina.

Pahina Isang na-load sa loob ng 2 segundo at na-load ang Pahina B sa loob ng 4 na segundo. Hulaan mo? Nakakuha ang Pahina A ng 10 namamahagi samantalang dalawang B ang nakuha lamang ng dalawang bahagi. Bagaman ang sukat ng sample ay napakaliit upang mapatunayan ang hypothesis, ngunit sinasabi nito ang isang makabuluhang kuwento!

Ang pagsaksi sa pagsabog ng mobile market ng Internet, ang kahilingan para sa mas mabilis na pag-access sa Internet, mas mahusay na mga teknolohiya sa web sa mga tuntunin ng bilis, pag-access at pagiging maaasahan ay napakahalaga. Mabilis na napagtanto ng mga payunir tulad ng Google na maraming maaaring gawin upang mapakain ang lumalagong demand na ito, at sa gayon ay ipinanganak ang Project AMP.

Ano ang AMP?

halimbawa

Pinagmulan: BusinessofApps.com

Ang AMP o Pinabilis na Mga Pahina ng Mobile ay isang bukas na balangkas para sa pagbuo ng isang mas mabilis, pamantayan at mas tumutugon sa mobile web. Ang kagandahan ng AMP ay gumagana ito mismo sa tuktok ng umiiral na mga teknolohiya sa web at kapansin-pansing nagpapabuti sa karanasan ng mobile user. Alin ang dahilan kung bakit mas pinipili ng Google ang mga webpage ng AMP at mas mataas ang ranggo sa mga SERP.

Paano mapabuti ang Bilis ng AMP?

website-bilis-vector

Ang bukas na balangkas ng AMP ay idinisenyo upang samantalahin ang umiiral na mga teknolohiyang web at itayo sa itaas nito. Alin ang dahilan kung bakit, gumagana ito mismo sa labas ng kahon sa mga sistema ng pamamahala ng nilalaman tulad ng WordPress.

Sinusundan ng AMP ang isang pamantayang balangkas upang bumuo ng mga web page at tinitiyak na ang lahat ng umiiral na mga webpage ay maaaring umangkop sa balangkas na iyon. Sa bahagyang higit pa mga term na teknikal, pinapayagan lamang ang mga hindi naka-sync na script, pinapayagan ang render-blocking panlabas na mga mekanismo, pinapayagan lamang ang inline na CSS at marami pang iba.

Sa madaling sabi, unang na-render ng AMP ang layout ng webpage (halos agad) at naglo-load ng nilalaman sa isang pangunahing batayan. Inaalis nito ang anumang naghihintay para sa mga mapagkukunan at malubhang minamali ang bilang ng mga kahilingan. Kapag ang lahat ng mga salik na ito ay gumagana sa perpektong pagkakaisa sa bawat isa, nakakakuha ka ng isang nagliliyab na mabilis na website na naglo-load halos sa isang instant.

Suriin ang sumusunod na bilis ng pagsubok pinagsama ng PenguinWP, na nagpapakita ng “epekto ng AMP”. Gamit ang AMP, nagawa nilang:

  • Taasan ang marka ng PageSpeed ​​sa pamamagitan ng 3 puntos
  • Bawasan ang oras ng paglo-load ng pahina sa pamamagitan ng 72% mula 5 hanggang 1.4 segundo!
  • Bawasan ang laki ng pahina ng 80% at ang bilang ng mga kahilingan sa pamamagitan ng 82%

Narito ang isang talahanayan na nagbabahagi ng mga numero:

Pahina ng Sulong sa PahinaMag-load ng OrasKabuuang Laki ng PahinaMga kahilingan
Orihinal na bersyon9251024118
Bersyon ng AMP951.420621
Ang Pagkakaiba ng AMP3-3.6s-794KB-97
Pagpapabuti ng Porsyento3%-72%-80%-82%

Pangangalaga sa Nilalaman

Ang AMP ay dinisenyo upang gawing maganda at mas tumutugon ang web para sa mga mobile device. Ginawa ito sa pamamagitan ng pag-alis ng ilang mga di-mahahalagang tampok ng umiiral na mga teknolohiyang web.

Hindi ibig sabihin na ang lahat ng mga cool na tampok ng modernong web ay inalis. Hindi lumilipad lahat ng mga mayamang nilalaman na tampok sa isang ulirang balangkas na may minimal na wiggle-room.

Sinusuportahan ng AMP ang mga carousels ng imahe, mga mapa, mga plug ng panlipunan, mga visualization ng data, at mga video upang gawing mas interactive ang mga kwento ng publisher..

Pag-aaral ng Kaso: Ang Washington Post

wapo

Pinagmulan: Proyekto ng AMP

Tingnan natin ang isang pag-aaral sa kaso ng Washington Post kasama ang AMP. Matapos ipatupad ang AMP, nakita ng The Post ang pagtaas sa pagbabalik ng mga gumagamit mula sa mobile search sa pamamagitan ng 23%. Kailangan nito ng kaunting paliwanag.

Halos 55% ng trapiko ng The Post ay nagmula sa mga mobile device – na muling naka-sync sa mga istatistika na ibinahagi sa simula ng artikulong ito. Kung ang data ay hindi nag-load sa loob ng 3 segundo, nagsisimula nang umalis ang mga tao.

Ayon sa kaugalian, 51% ng mga gumagamit ng paghahanap sa mobile ang bumalik sa The Washington Post sa loob ng 7 araw. Para sa mga gumagamit na nagbasa ng mga kwento na nai-publish sa AMP, ang bilang na ito ay tumalon sa 63%. Kaya, sa AMP, ang pagpapanatili ng trapiko sa paghahanap sa mobile ay nadagdagan ng 23%.

Hindi lamang ito, ang pahina ng paglo-load ng pahina average sa 400ms na kung saan ay isang 88% na pagpapabuti pagkatapos ng AMP. Ngayon itinulak nila ang higit sa 1000 mga artikulo sa pamamagitan ng AMP.

Malaki. Paano ko mai-access ang AMP?

Maaari mong ma-access ang bersyon ng AMP ng anumang website sa pamamagitan ng paglalagay ng “/ amp” sa URL ng anumang web page. Kung hindi suportado ng site ang AMP o tumatakbo sa isang error sa pag-render, idinisenyo ito sa maganda ang nagpapahiya sa orihinal na bersyon ng mobile na tumutugon sa website.

Pamamahagi ng Nilalaman

nilalaman-vector-graphic

“Kilala rin bilang libreng CDN para sa mga artikulo ng AMP”

Mas mahusay na kilala bilang Google AMP Cache, ang libreng serbisyo na ito mula sa Google ay nagpapahintulot sa mga publisher na mag-host ng kanilang nilalaman habang pinapayagan ang mahusay na pamamahagi sa pamamagitan ng mataas na pagganap ng global cache network ng Google. Sa madaling salita, ito ay tulad ng isang libreng CDN para sa mga site ng AMP.

Malaki. Paano ito gumagana?

Ang mga webpage na ginawang katugma sa AMP ay binigyan ng espesyal na pansin ng Google. Kapag sinimulan mo ang pag-index ng bersyon ng AMP ng mga pahina ng iyong website, iniimbak ito ng Google sa isang bagay na tinatawag na Cache ng AMP. Pagmamay-arian mo pa rin ang nilalaman, ang Google ay nagbibigay lamang ng isang kamay sa paghahatid nito sa malalayong mga sulok ng mundo. Sa mga tuntunin ng pag-update ng nilalaman na naka-cache, narito ang sasabihin ng Google:

“Sa bawat oras na ang isang gumagamit ay naa-access ang nilalaman ng AMP mula sa cache, ang nilalaman ay awtomatikong na-update, at ang na-update na bersyon ay ihahatid sa susunod na gumagamit sa sandaling nai-cache ang nilalaman.”

Paano natin mai-access ito?

Kaya, tingnan natin. Kung mayroon kang isang URL ng isang webpage, kailangan mo munang suriin kung pinagana ang AMP. Ginagawa mo iyon sa pamamagitan ng pagdaragdag lamang ng “/ amp” sa URL. Narito ang isang mabilis na pormula sa kung paano makuha ang Google AMP Cache URL ng anumang website na may lihim na AMP.

  1. Kumuha ng AMP na bersyon ng webpage sa pamamagitan ng paglalagay ng ‘/ amp’ sa URL. Kung ito ay may bisa, magpatuloy sa susunod na hakbang. Ang iba pang ihinto.
  2. Kung lilitaw ang isang 404 na pahina – ang website na iyon ay hindi ipinatupad ang AMP.
  3. Kung nakikita mo ang pag-load ng nilalaman, mai-install ang AMP.
  4. Upang makuha ang nilalaman mula sa Google AMP Cache, idagdag lamang https://cdn.ampproject.org/c/ sa simula ng URL ng AMP, hindi kasama ang bahagi na “www”.
  5. Magsimula sa pangunahing pangalan ng domain (hindi kasama ang ‘www’) at kopyahin ang AMP URL ng webpage.
  6. Mag-aplay https://cdn.ampproject.org/c/s/ sa URL at dapat ibigay sa iyo ang Google AMP Cache URL.

Magsagawa tayo ng isang halimbawa ng isang artikulo ng Forbes at subukin ang formula sa itaas.

  • Ito ang orihinal na artikulo ng artikulo ng Forbes:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • Upang makuha ang bersyon ng AMP, idagdag lamang namin / amp sa orihinal na URL.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Ngayon, upang makuha ang Google AMP Cache URL, unang kopyahin namin ang AMP URL na nagsisimula mula sa pangunahing pangalan ng domain, i.e. hindi kasama ang bahagi na “www”, hanggang sa wakas. Na nagbibigay sa amin:
forbes.com/site/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Susunod na idagdag namin https://cdn.ampproject.org/c/s/ sa URL na iyon upang makuha ang Google AMP Cache URL ng parehong pahina.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

Tingnan ito, gagana ito!

Mga Smart Ads

online-ad

Ang paglikha ng kalidad ng nilalaman ay nangangailangan ng makabuluhang mga mapagkukunan. Tumutulong ang mga ad na pondohan ang mga libreng serbisyo at nilalaman sa web. Ang AMP ay dinisenyo upang isama ang ideyang ito at nakipagsosyo sa mahigit sa 75 ng nangungunang ad-network.

Sinusuportahan ng AMP ang isang komprehensibong hanay ng mga format ng ad, mga network ng ad at teknolohiya. Ang anumang mga site na gumagamit ng AMP ay mananatili sa kanilang pagpili ng mga network ng ad, pati na rin ang anumang mga format na hindi nakakakuha ng deteksyon sa karanasan ng gumagamit.

Analytics

seo

Kailangang maunawaan ng mga publisher ang pag-uugali ng gumagamit kapag nakikipag-ugnay sila sa kanilang nilalaman. Alin ang dahilan kung bakit gumagana rin ang AMP higit sa 25 sa mga nangungunang provider ng solusyon sa analytics tulad ng comScore, Google Analytics, Krux at marami pa.

analytics-platform-suportado-by-amp

Ang mga tagabigay ng Analytics ay sinusuportahan ng AMP tulad ng sa 1st Nob, 2016; Pinagmulan: Proyekto ng AMP

Konklusyon

Ang mga nangungunang henerasyon ng nilalaman, pagsasama-sama at mga platform ng analytics ay nagsimulang ipatupad ang AMP sa kanilang mga website. Ang Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, ang Adobe Analytics at LinkedIn ay kabilang sa unang pangkat ng mga kasosyo sa teknolohiya na nagpaplano na isama ang mga pahina ng AMP HTML. Plano rin ng Google na gawin ang Google News na isang AMP-first platform.

Ito ay kagiliw-giliw na upang makita kung paano ang ambisyosong proyekto na ito ay magbabago baguhin ang hinaharap ng web.

Personal kong mahal ang konsepto ng mga pahina ng AMP. Masaya silang magbasa, kumonsumo ng mas kaunting data kaysa sa mga katapat na website na handa na sa mobile, at ipinapakita ang mga ad sa isang ganap na hindi nakakagambalang paraan.

Ang pagbabasa, pag-ubos at pagbabahagi ng nilalaman ay mas simple at masaya sa AMP. Sa susunod na artikulo, matututunan namin kung paano pagsamahin ang AMP sa WordPress.

Ano ang iyong mga saloobin sa AMP? Pupunta ba ito upang kunin?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map