WordPress- ի համար Google AMP- ի ներդրում

  1. 1. Ներկայումս ընթերցում. WordPress- ի համար Google AMP- ի ներդրում
  2. 2-ը. Ինչպես կարգավորել AMP- ը WordPress- ում

Google AMP- ը (արագացված բջջային էջեր) խանգարող նոր տեխնոլոգիա է, որը նախատեսված է վեբը ավելի դյուրին և անվտանգ դարձնելու համար: Այս գրառումների շարքը նվիրված է Google AMP- ի ուսումնասիրմանը և այն, թե ինչպես կարելի է այն տեղադրել WordPress- ում.


Ահա այն բաների ցանկը, որոնք մենք կցանկանանք ծածկել այս գրառման շարքում.

  • Նախ, մենք արագ կվերականգնենք շարժական վեբ ընթացիկ միտումները `արդարացնելով AMP- ի անհրաժեշտությունը
  • Մենք նաև մեկ այլ փոքր ակնարկ կանդրադառնանք, թե ինչպես է էջի արագությունը ազդում մեր բիզնեսների վրա և կտեսնենք, թե ինչպես AMP- ն կարող է օգնել
  • Հաջորդը, մենք կսովորենք, թե ինչ է AMP- ն, կտեսնենք իրական կյանքի մի քանի օրինակներ, թե ինչ կարող է անել.
  • Դա կնշանակեր այս հոդվածի վերջը: Հաջորդ հոդվածում մենք կսովորենք, թե ինչպես կարգավորել AMP- ը WordPress- ի համար

Եկեք սկսենք.

Google AMP

AMP- ի մասին տեղեկությունները փորելուց առաջ կարող եք հետևել դրան WPCrafter վիդեո ուղեցույց, որը կապվում է մեր գրառման մեջ.

Ըստ 2015 թ. Ինտերնետի միտումների մասին զեկույց հրապարակվել է KPCB խորհրդատվական ֆիրմայի կողմից, 2015 թ.-ին միջին մեծահասակը միջինում 5,6 ժամ էր ծախսել ինտերնետում: Ընդհանուր առմամբ, 2.8 ժամն անցել է բջջային սարքի վրա: Սա էական աճ է 2010 թվականից, երբ միջինը օրական ընդամենը 0,4 ժամ էր ծախսում ինտերնետում բջջային սարքի միջոցով.

միջին-օրական-ինտերնետ-օգտագործման-սարքի միջոցով

Աղբյուր ՝ Եզոիչ

2010-ից 2015 թվականների ընթացքում բջջային ինտերնետի միջին օգտագործումն աճել է 600% -ով

էլեկտրոնային հասցեներով բացված սարք

Աղբյուր ՝ Եզոիչ

Մի ուսումնասիրություն, որը հրապարակվել է ԱՄՆ սպառողական սարքի նախապատվության մասին զեկույցը գտա դա էլեկտրոնային հասցեների ավելի քան երկու երրորդը բացվել են բջջային սարքի վրա, 52% -ը բացվում է սմարթֆոնի վրա, իսկ 16% -ը `պլանշետի վրա.

թվային-մեդիա-օգտագործման ժամանակ

Աղբյուր ՝ Եզոիչ

Ա 2015 թվականի ԱՄՆ-ի բջջային հավելվածների զեկույցը հրապարակված է comScore- ի կողմից գտնված Բջջային սարքերի վրա ծախսված ընդհանուր ժամանակի 90% աճ ԱՄՆ մեծահասակների կողմից 2015 և 2013 թվականների ընթացքում: Նույն զեկույցում նշվում է նաև, որ բջջային հավելվածները կազմում են թվային մեդիա սպառման վրա ծախսված ընդհանուր ժամանակի 54% -ը, իսկ բջջային զննարկիչները կազմում են ընդհանուր ժամանակի ևս 8% -ը:.

Ընդհանուր առմամբ, թվային մեդիայի օգտագործման ժամանակի 62% -ը ծախսվում է բջջային սարքի վրա.

Այո՛, շարժական առաջին ռազմավարությունն է շատ կարևոր է: Հիմա եկեք մի փոքր խոսենք արագության մասին.

Ժամանակները բեռնելը կարևոր է. Դրանք շատ կարևոր են: Դա այն է, որ մեկ կարևորագույն գործոն, որը կարող է ազդել այլ կարևոր գործոնների վրա, ինչպիսիք են եկամուտները, ցատկումների արագությունը, կայքում գտնվելու ժամանակը, որոնման դասակարգումը և կատարողականը գրեթե բոլոր թվային շուկայավարման այլ ալիքներում:.

Քանի որ եկամուտը ցանկացած բիզնեսի կամ կայքի վերջնական նպատակն է, այստեղ հետաքրքիր փաստ է 2014 թ. Հետազոտության ուսումնասիրությունից «Կայքի արագությունը վնասում է բոլորի եկամուտները», անցկացրել է թվով մարկետինգային Protent ընկերությունը: Ուսումնասիրության կարևորությունն այն էր ավելի արագ էջերը շատ ավելի շատ գումար են վաստակում.

կայքի արագություն

Աղբյուր ՝ պաշտպանված

Բեռնման ժամանակը 8-ից 5 վայրկյան իջեցնելու ժամանակ բեռի մեկ էջի դիտումը (եկեք այն անվանենք DPPV) 20% -ով ավելանում է (37.5% իջեցում).

Բայց իրական շահումը գալիս է այն դեպքում, երբ էջի բեռնման ժամանակը մեկ վայրկյան կամ պակաս է: Երկու-մեկ վայրկյան բեռնման ժամանակից անցնելը հանգեցնում է 2x խթանում է դոլար մեկ էջի դիտումների համար.

Ոչ միայն եկամուտը, կայքի արագությունը նույնպես ազդում են սոցիալական փոխանակման կատարումը. Protent- ում գտնվող տղաները անցկացրեցին ոչ այնքան սպառիչ փորձ, որտեղ նրանք ուղարկեցին 100 վճարովի կտտոց (Facebook- ի գովազդներից) երկու էջ.

Էջ A- ը բեռնված է 2 վայրկյանում, իսկ Page B- ը բեռնված է 4 վայրկյանում: Գուշակիր ինչ? Էջ A- ն ստացել է 10 բաժնետոմս, իսկ Էջ B- ն ստացել է ընդամենը երկու բաժնետոմս: Չնայած նմուշի չափը շատ փոքր էր վարկածը հաստատելու համար, բայց դա պատմում է նշանակալի պատմություն!

Վկայակոչելով բջջային ինտերնետի շուկայի պայթյունավտանգ աճը, ինտերնետի ավելի արագ մուտքի պահանջարկը, արագության, մատչելիության և հուսալիության առումով ավելի լավ վեբ տեխնոլոգիաներ, կարևոր նշանակություն ունեցավ: Google- ի նման ռահվիրաներն արագորեն հասկացան, որ այդ աճող պահանջարկը կերակրելու համար շատ բան կարելի է անել, և այդպիսով ծնվեց Project AMP- ն.

Ինչ է AMP- ը?

ամպ-օրինակ

Աղբյուրը ՝ BusinessofApps.com

AMP- ն կամ արագացված բջջային էջերը բաց շրջանակ են `ավելի արագ, ստանդարտացված և ավելի արձագանքող բջջային ցանց ստեղծելու համար: AMP- ի գեղեցկությունն այն է, որ այն աշխատում է առկա վեբ տեխնոլոգիաների վերևում և կտրուկ բարելավում է բջջային օգտագործողի փորձը: Այդ իսկ պատճառով Google- ը նախընտրում է AMP վեբ էջերը և դրանք ավելի բարձր դասակարգում SERP- ներում.

Ինչպե՞ս է AMP- ն բարելավում արագությունը?

կայք-արագություն-վեկտոր

AMP- ի բաց շրջանակը նախագծվել է ՝ օգտվելով գոյություն ունեցող վեբ տեխնոլոգիաներից և հիմնվելով դրա վրա: Ահա թե ինչու, WordPress- ի նման բովանդակության կառավարման համակարգերում այն ​​դուրս է աշխատում վանդակում.

AMP- ն հետևում է ստանդարտացված շրջանակ ՝ վեբ էջեր կառուցելու համար և ապահովում է, որ առկա բոլոր վեբ-էջերը կարող են հարմարվել այդ շրջանակին: Մի փոքր ավելին տեխնիկական պայմաններ, այն թույլ է տալիս ունենալ միայն ասինխրոն գրություններ, թույլ չի տալիս ցուցադրել արտաքին արգելափակումների մեխանիզմները, թույլ է տալիս մուտքագրել միայն CSS և շատ ավելին.

Մի խոսքով, AMP- ն առաջին հերթին ներկայացնում է վեբ-կայքի դասավորությունը (գրեթե ակնթարթորեն) և բեռնում բովանդակությունը առաջնահերթ հիմունքներով: Դա հեռացնում է ռեսուրսների ցանկացած սպասում և խիստ նվազեցնում է հարցումների քանակը: Երբ այս բոլոր գործոնները գործում են միմյանց հետ կատարյալ ներդաշնակությամբ, դուք ստանում եք բոցավառ արագ կայք, որը բեռնում է գրեթե ակնթարթորեն.

Ստուգեք հետևյալ արագության ստուգումը կազմվել է PenguinWP- ի կողմից, որը ցույց է տալիս «AMP էֆեկտը»: Օգտագործելով AMP, նրանք կարողացան.

  • 3 կետով ավելացրեք PageSpeed- ի հաշիվը
  • Էջի բեռնման ժամանակը 72% -ից իջեցրեք 5-ից մինչև 1.4 վայրկյան!
  • 80% -ով կրճատեք էջի չափը, իսկ հարցումների քանակը `82% -ով

Ահա համարները, որոնք կիսում են համարները.

PageSpeed ​​ScoreԲեռի ժամանակըԷջի ընդհանուր չափըՀայցեր
Բնօրինակ տարբերակ92-ին51024118
AMP տարբերակը951.420621
AMP տարբերությունը3-3.6 վ-794 ԿԲ-97
Տոկոսային ցուցանիշի բարելավում3%-72%-80%-82%

Բովանդակության պահպանում

AMP- ը նախատեսված էր բջջային սարքերի համար վեբը գեղեցիկ և ավելի պատասխանատու դարձնելու համար: Դա արվեց `հեռացնելով գոյություն ունեցող վեբ տեխնոլոգիաների ոչ էական հատկությունները.

Դա չի նշանակում, որ ժամանակակից վեբ բոլոր թույն հատկությունները հանվում են: Ոչ: Պարզապես գաղթում է այդ հարուստ բովանդակության բոլոր առանձնահատկությունները ստանդարտացված շրջանակի մեջ `նվազագույն կախարդանքի սենյակ.

AMP- ն ամբողջությամբ աջակցում է պատկերի կարուսելներին, քարտեզներին, սոցիալական ծրագրերին, տվյալների վիզուալացիաներին և տեսանյութերին ՝ հրատարակիչների պատմությունները ավելի ինտերակտիվ դարձնելու և առանձնացնելու համար.

Դեպքի ուսումնասիրություն. The Washington Post

վոտո

Աղբյուրը ՝ AMP նախագիծ

Եկեք դիտարկենք «Վաշինգտոն Փոստի» դեպքի ուսումնասիրությունը AMP- ի հետ: AMP- ի ներդրումից հետո The Post- ը նկատեց բջջային որոնումներից օգտվողներին վերադարձնելու 23% աճ: Սա մի փոքր բացատրության կարիք ունի.

The Post- ի տրաֆիկի գրեթե 55% -ը գալիս է բջջային սարքերից, ինչը կրկին համաժամեցված է այս հոդվածի սկզբում կիսված վիճակագրության հետ: Եթե ​​տվյալները չեն բեռնվում 3 վայրկյանում, մարդիկ սկսում են հեռանալ.

Ավանդաբար, բջջային որոնման օգտվողների 51% -ը 7 օրվա ընթացքում վերադառնում է The Washington Post: Օգտագործողների համար, ովքեր ընթերցում են AMP- ում հրապարակված պատմությունները, այս թիվը անցնում է 63%: Այսպիսով, AMP- ի միջոցով բջջային որոնման տրաֆիկի պահպանումն աճել է 23% -ով.

Ոչ միայն սա, էջի բեռնման ժամանակները միջինից հասնում են 400 մ-ի, ինչը AMP- ից հետո 88% բարելավում է: Այսօր դրանք ավելի քան 1000 հոդված են մղում AMP- ի միջոցով.

Հիանալի: Ինչպե՞ս մուտք ունենալ AMP?

Կարող եք մուտք գործել ցանկացած կայքի AMP տարբերակ `հավելելով« / amp »ցանկացած վեբ էջի URL- ին: Եթե ​​կայքը չի աջակցում AMP- ին կամ վերածվում է մատուցման սխալի, ապա այն նախատեսված է նազելիորեն քայքայել կայքի բնօրինակ բջջային արձագանքող տարբերակին.

Բովանդակության բաշխում

բովանդակություն-վեկտոր-գրաֆիկական

«Նա նաև հայտնի է որպես AMP հոդվածների անվճար CDN»

Ավելի լավ հայտնի է որպես Google AMP Cache, Google- ի այս անվճար ծառայությունը հրատարակիչներին հնարավորություն է տալիս հյուրընկալել իրենց բովանդակությունը `միաժամանակ թույլ տալով արդյունավետ բաշխում Google- ի բարձր արդյունավետության քեշի ցանցի միջոցով: Այլ կերպ ասած, դա նման է անվճար CDN- ի AMP կայքերի համար.

Հիանալի: Ինչպես է դա աշխատում?

Վեբ-էջերը, որոնք համատեղելի են AMP- ի հետ, Google- ի կողմից հատուկ ուշադրություն են դարձնում: Երբ սկսում եք ինդեքսավորել ձեր կայքի էջերի AMP տարբերակը, Google- ը պահում է դրանք ինչ-որ բանում կոչվածով AMP քեշ. Դուք դեռ տիրապետում եք բովանդակությանը, Google- ը պարզապես տալիս է իր ծառայությունը երկրագնդի հեռավոր անկյուններում: Պահպանված բովանդակության թարմացման առումով Google- ն ասում է.

«Ամեն անգամ, երբ օգտվողը պահպանում է պահոցում պարունակող AMP պարունակությունը, բովանդակությունն ինքնաբերաբար թարմացվում է, և բովանդակության պահպանումից հետո նորացված տարբերակը մատուցվում է հաջորդ օգտագործողին»:

Ինչպե՞ս ենք մենք մուտք գործում դրան?

Դե, տեսնենք: Եթե ​​ունեք վեբ-էջի URL, նախ պետք է ստուգեք `արդյոք AMP- ն միացված է: Դուք դա անում եք պարզապես URL / «amp» ավելացնելով: Ահա մի արագ բանաձև այն մասին, թե ինչպես կարելի է ձեռք բերել Google AMP քեշի URL ցանկացած AMP- լեզու կայք.

  1. Ձեռք բերեք վեբ էջի AMP տարբերակը `URL- ին ավելացնելով« / amp »: Եթե ​​այն վավեր է, անցեք հաջորդ քայլին: Էլ կանգ առա.
  2. Եթե ​​հայտնվում է 404 էջ, այդ կայքը AMP չի իրականացրել.
  3. Եթե ​​տեսնում եք, որ բովանդակությունը բեռնվում է, ապա տեղադրվում է AMP.
  4. Բովանդակությունը Google AMP Cache- ից վերցնելու համար պարզապես հավելեք https://cdn.ampproject.org/c/ AMP URL- ի սկզբին ՝ բացառելով «www» մասը.
  5. Սկսեք հիմնական տիրույթի անունից (բացառելով «www» -ը) և պատճենել կայքի էջի AMP URL- ն.
  6. Կցել https://cdn.ampproject.org/c/s/ դեպի URL, և դա պետք է ձեզ տա Google AMP քեշի URL.

Եկեք օրինակ բերենք Forbes- ի հոդվածը և վերը նշված բանաձևը փորձարկելու համար.

  • Սա Forbes- ի հոդվածի բնօրինակն է.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • AMP- ի տարբերակը ստանալու համար մենք պարզապես ավելացնում ենք / ամպ սկզբնական URL- ին.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Այժմ, Google AMP Cache URL- ն ստանալու համար, մենք նախ պատճենում ենք AMP URL- ն ՝ սկսած հիմնական տիրույթի անունից, այսինքն ՝ բացառելով «www» մասը, մինչև վերջ: Դա մեզ տալիս է.
forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • Հաջորդը մենք ավելացնում ենք https://cdn.ampproject.org/c/s/ այդ URL- ին ՝ նույն էջի Google AMP Cache URL- ն ստանալու համար.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

Ստուգեք այն, դա կաշխատի!

Խելացի գովազդներ

առցանց գովազդներ

Որակի բովանդակության ստեղծումը պահանջում է զգալի ռեսուրսներ: Գովազդները օգնում են ֆինանսավորել անվճար ծառայություններ և բովանդակություն համացանցում: AMP- ը նախագծվել է ներառելու այս գաղափարը և համագործակցել է պրեմիերալ գովազդային ցանցերից ավելի քան 75-ը.

AMP- ն աջակցում է գովազդի ձևաչափերի, գովազդային ցանցերի և տեխնոլոգիաների համապարփակ տեսականի: AMP օգտագործող ցանկացած կայք կպահպանի իրենց գովազդային ցանցերի ընտրությունը, ինչպես նաև այն ձևաչափերը, որոնք չեն խաթարում օգտագործողի փորձը.

Վերլուծություն

սեո

Հրատարակիչները նաև պետք է հասկանան օգտագործողի պահվածքը, երբ նրանք փոխազդում են իրենց բովանդակության հետ: Այդ իսկ պատճառով AMP- ն նույնպես լավ է աշխատում ավելի քան 25 վերլուծական լուծումների լավագույն առաջատարներից ինչպիսիք են comScore- ը, Google Analytics- ը, Krux- ը և այլն.

անալիտիկ-պլատֆորմներ, աջակցվող-ուժեղացուցիչ

Analitics պրովայդերները, որոնք աջակցում են AMP- ին, ինչպես 1-ինսբ Նոյեմբեր, 2016; Աղբյուրը ՝ AMP նախագիծ

Եզրակացություն

Բովանդակության առաջացման, համախմբման և վերլուծության առաջատար պլատֆորմները սկսել են իրականացնել AMP իրենց կայքերում: Twitter- ը, Pinterest- ը, WordPress.com- ը, Chartbeat- ը, Parse.ly- ը, Adobe Analytics- ը և LinkedIn- ը տեխնոլոգիական գործընկերների առաջին խմբում են, որոնք նախատեսում են ինտեգրվել AMP HTML էջերը: Google- ը նախատեսում է նաև Google News- ը դարձնել AMP առաջին պլատֆորմ.

Հետաքրքիր է տեսնել, թե ինչպես կարող է զարգանալ այս հավակնոտ նախագիծը փոխել համացանցի ապագան.

Ես անձամբ սիրում եմ AMP էջերի հայեցակարգը: Նրանք հաճելի են կարդալ, սպառել շատ ավելի քիչ տվյալներ, քան բջջային պատրաստի կայքի գործընկերները և գովազդները ցուցադրում են բոլորովին աննկատելի ձևով.

AMP- ի հետ բովանդակությունն ընթերցելը, սպառելը և տարածումը շատ ավելի պարզ և զվարճալի է: Հաջորդ հոդվածում մենք կսովորենք, թե ինչպես ինտեգրվել AMP- ը WordPress- ի հետ.

Ի՞նչ մտքեր ունեք AMP- ի վերաբերյալ: Արդյո՞ք դա կվերցնի?

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