Page Speed ​​і SEO: Чаму гэта важна і як палепшыць яго ў WordPress

1. Чаму Page Speed ​​Matters
2. 1. Пошукавыя сістэмы з'яўляюцца прадпрыемствам.
3. 2. Вопыт карыстальніка Пытанні.
4. 3. Удзел Метрыкі Зрабіць розніцу.
5. 4. Для электроннай камерцыі, Тым больш, час гэта грошы.
6. 5. Нізкая хуткасць Page Уплывае Crawl бюджэту.
7. Як палепшыць хуткасць старонкі ў WordPress
8. 1. Праверце вашу хуткасць
9. 2. Аптымізацыя малюнка
10. Case Study
11. 3. Уключыць кэшаванне
12. Case Study
13. Сеткі дастаўкі кантэнту (CDN)
14. 4. Мінімізацыя HTTP запыты
15. 5. Мінімізаваць HTML, CSS і JavaScript
16. 6. Праверце свае перасылак
17. 7. Рэгулярнага Clean Up

Гэты блог з'яўляецца паўтарэнне прэзентацыі зроблена ў WordCamp Ланкастэр 2018. Слайды прэзентацыі можна знайсці ў ніжняй частцы гэтай пасады.

Калі вы пракручваць змесціва на тэлефоне або глядзіце нешта на ноўтбуку, як доўга вы гатовыя чакаць, што вы хочаце ўбачыць, каб загрузіць?

5 ��екунд ці больш? Можа быць, калі вы асабліва цярплівыя і адчайна хочуць бачыць, што змест.

Для большасці карыстальнікаў Інтэрнэту, гэта больш падобна 3 секунды або менш перад тым 53% з іх пачынаюць сыходзіць. Даследаванні паказваюць, вакол 47% спажыўцоў чакаць загрузкі старонкі на працягу 2 секунд ці менш. Каб быць справядлівым, гэтая інфармацыя з апытання, праведзенага ў 2011 годзе З тых часоў, як палатно толькі атрымаў хутчэй, больш прасунутыя, і больш канкурэнтаздольнымі.

Асноўная ідэя складаецца ў гэтым - тым больш вашай старонцы патрабуецца для загрузкі, тым больш верагодна, наведвальнік пакіне ваш сайт.

Чаму Page Speed ​​Matters

Калі гаворка заходзіць пра тое, чаму пытанні, хуткасць старонкі і як гэта адносіцца да SEO, мы можам разбіць яго на 5 асноўных прычын, або катэгорыі:

1. Пошукавыя сістэмы прадпрыемства.
2. вопыт карыстальніка пытанні.
3. брэндзе зрабіць розніцу.
4. У электроннай камерцыі, асабліва, час гэта грошы.
5. Павольная хуткасць старонкі ўплывае на поўзання бюджэт.

1. Пошукавыя сістэмы з'яўляюцца прадпрыемствам.

Пошукавыя сістэмы з'яўляюцца прадпрыемствы таксама. Яны ў бізнэсе «дарэчнасці». Пошукавая сістэма, якая вядомая, паказваючы лепшыя вынікі прывыкае больш за ўсё - і атрымлівае вялікую долю рынку. Калі яны пачынаюць паказваць нерэлевантных вынікі, да кропкі, дзе людзі больш не хочуць, каб іх выкарыстоўваць, яны губляюць.

Google займае вялікую долю на рынку ў цяперашні час, але гэта не заўсёды так. Памятаеце, калі Yahoo быў вялікім гульцом? Як наконт Bing? Памятаеце, Ask Jeeves? Google была заснавана ў 1998 годзе Тады Google быў новы дзіця, то зрывак запуску спрабуе зрабіць гэта. Цяпер мы не проста шукаць нешта, мы «Google» яго. Іх брэнд імя стала дзеясловам.

І, калі вы хочаце, каб ваш сайт, каб паказаць, калі хто-то трошкі тэрміны, звязаныя з вашым бізнесам, ваш сайт павінен быць актуальным. Хуткасць Старонка з'яўляецца часткай тых, SEO лепшыя практыкі ,

2. Вопыт карыстальніка Пытанні.

Ёсць тона фактараў Google выкарыстоўвае для вызначэння рэлевантнасці і алгарытмы заўсёды рэгулявання. Акрамя таго, мы павінны прымаць такія рэчы, як персаналізацыя, галасавы пошук, штучнага інтэлекту і машыннага навучання пад увагу. Але, карыстацкі вопыт заўсёды з'яўляецца вялікай часткай гэтага.

Падумайце аб сваім уласным вопыце прагляду. Вы хочаце старонку, якая загружае, як гоначны аўтамабіль або як лянота рабіць? Гультаі, вядома, чароўныя, але не тады, калі гаворка ідзе аб вашай хуткасці старонкі.

Карыстацкі вопыт ваш вэб-сайт прапануе вызначае, ці застаецца наведвальнік даследаваць або адскоквае назад да вынікаў.

3. Удзел Метрыкі Зрабіць розніцу.

брэндзе, як рэйтынг клікаў, паказчык адмоваў, час на сайце, старонкі за наведванне, і многія іншыя, усе паказчыкі, якога тыпу карыстацкага досведу вашага сайта прапаноў.

Дзе ваш сайт адлюстроўваецца на старонцы вынікаў можа паўплываць на колькасць клікаў атрымлівае, і лепш клікам стаўкі могуць палепшыць, дзе вы паказваеце. Чым больш людзей, якія націскаюць на ваш сайт у выніках пошуку і знаходжання там, тым больш рэлевантным ваш сайт з'яўляецца ў пошукавых сістэмах для гэтага запыту і звязаныя з імі тэмы. Лары Кім апублікаваў вынікі даследавання у снежні, што праверыць гэтую карэляцыю. Вынікі паказалі, што павелічэнне клікаў на працягу чаканага сярэдняга току і / або наступная пазіцыя часта прыводзіць да прасоўванні.

З іншага боку, калі ваш паказчык адмоваў высокая, што пасылае сігнал у пошукавай сістэме, што ваш вынік быў не мае значэння. «Пого-прыліпанне», дзе карыстальнікі адскокваючы назад да вынікаў без знаходжання на сайце, азначае, што яна не адказвае чаканням карыстальнікаў.

1-секундная затрымка падчас загрузкі старонкі азначае, што на 11% менш праглядаў старонак, зніжэнне на 16% задаволенасці кліентаў, і страты на 7% канверсіі. Павольная старонка прымусіць карыстальнікаў пакінуць свой сайт, павялічваючы хуткасць адскоку і памяншаючы вашу рэлевантнасць.

4. Для электроннай камерцыі, Тым больш, час гэта грошы.

Кожны дадатковы другі ён прымае для загрузкі старонкі, павялічвае шанцы людзі паедуць. Для сайтаў электроннай камерцыі, старонкі даходу хуткасці уздзеянняў і павольная хуткасці старонкі адмоўна ўплывае на ніжнюю радок.

даследаванне Kissmetrics тое, што належала, што для электроннай камерцыі сайт робіць за 100 000 $ у дзень, 1 другая затрымка хуткасці старонкі можа прывесці да як $ 2,5 млн штогод губляецца! Акрамя таго, 52% онлайн-пакупнікоў вызначыць хуткія загрузкі старонкі, як важна іх лаяльнасць да сайта. У канкурэнтнай асяроддзі, лаяльнасць мае значэнне.

Wal-Mart, паказалі павелічэнне на 2% у канверсіі для кожнага 1 секунды паляпшэння іх хуткасці старонкі. Amazon паведаміла аб павелічэнні 1% выручкі за кожныя 100 мілісекунд павышэння іх хуткасці сайта.

Гэтыя дзве трохі розныя паказчыкі. хуткасць Page часта вызначаецца двума спосабамі: час загрузкі старонкі або час да першага байта. Час загрузкі старонкі вызначае, як доўга ён прымае канкрэтную старонку на вашым сайце, каб цалкам загрузіць, або дысплей, змест. Падчас першага байта паказвае на тое, як доўга ён прымае браўзэр, які вы выкарыстоўваеце, каб атрымаць першы байт з сервера сайта. Хуткасць сайта, аднак, уяўляе сабой сукупнасць - сярэдняя хуткасць старонкі па выбарцы праглядаў старонак на сайце. Паколькі хуткасць сайта з'яўляецца агульнай колькасьцю, гэта займае больш, каб палепшыць яго. Аднак, у выпадку Amazon, паляпшаючы яго толькі дзесятую долю секунды ў выніку станоўчы ўплыў на даходы. Незалежна ад таго, як вы ацэньваеце яго, вы хочаце, каб пераканацца, што старонкі на вашым сайце нагрузкі як мага хутчэй.

5. Нізкая хуткасць Page Уплывае Crawl бюджэту.

Кожная пошукавая сістэма мае свой уласны бот, званай таксама гусенічны або павуком, і кожны сайт мае выдзелены бюджэт поўзаць. Google вызначае поўзання бюджэт як «колькасць старонак Googlebot можа і хоча паўзці» для кожнага сайта.

Калі вы хочаце, каб вашыя старонкі сайта, каб паказаць у пошукавых сістэмах, яны павінны сканіравацца першым, каб яны затым могуць быць праіндэксаваныя. Нізкая хуткасць старонак праз ваш сайт азначае, што вы можаце дасягнуць вашага бюджэту поўзаць, перш чым усе вашы старонкі фактычна выпаўз. Гэта можа прывесці да новых старонкі будуць праіндэксаваныя больш павольна, і змены або абнаўлення для апрацоўкі радзей.

Поспех у пошуку ўсё пра тое, у патрэбным месцы ў патрэбны час, калі шукаюць вашыя кліенты. Калі вашы старонкі не атрымліваюць паўзлі, і таму, не індэксуюцца, вы можаце ўпусціць гэтыя магчымасці.

хуткасць Page важна для карыстальнікаў, а гэта азначае, што важна для пошукавых сістэм. Google зрабіў яшчэ больш ясным ў студзені, што хуткасць старонкі мае значэнне, калі яны абвясцілі аб тым, што Штраф у рухомым першым індэксе для павольнай хуткасці старонак будзе чакаць. Цяпер, больш чым калі-небудзь, хуткасць старонкі павінна быць важным фактарам, калі вы будуеце, падтрыманне і паляпшэнне вашага сайта пасля запуску.

Як палепшыць хуткасць старонкі ў WordPress

Як хутка адзначыць, што павелічэнне хуткасці старонкі, спецыяльна названыя ў дадзеным раздзеле, прызначаныя для HTTP. HTTP / 2 прыходзіць, і зменіць некаторыя з рэкамендаваных лепшых практык для павышэння хуткасці. Некаторыя рэчы будуць аказвацца непатрэбнымі, як гэта будзе ўбудавана і некаторыя з іх могуць проста трохі змяніць. Проста майце на ўвазе, што гэтыя рэкамендацыі для працы з HTTP ў якасці базы і можа змяніцца, калі вы працуеце з HTTP / 2, як ваш фонд.

1. Праверце вашу хуткасць

Добры хостынг разумны крок для вашага сайта. Адтуль, праверыць сваю хуткасць, каб высветліць, дзе вы знаходзіцеся, а затым вызначыць, дзе вам трэба палепшыць. Такія інструменты, як Google, Page Speed ​​Insights , GT Metrix , Pingdom , YSlow І больш з'яўляецца добрым пачаткам пры вызначэнні таго, што вы можаце зрабіць, але ўзяць рэкамендацыі з зернем солі.

Звычайнае прапанова гэтых інструменты будуць цягнуць, каб выдаліць непатрэбны код «вышэй згіну». Некаторыя рэчы павінны быць вышэй раз для таго, каб сайт функцыянаваць. Напрыклад, інструмент PageSpeed ​​Insights Google будзе па-ранейшаму цягнуць яго ў якасці прапановы для паляпшэння, нават калі гэта іх уласны Javascript код, які яны патрабуюць, каб пакласці туды для таго, каб ён дзейнічаў.

Імкненне да больш высокім ацэнак, безумоўна, дасць вам аб'ектыўнае павелічэнне хуткасці, але пераканайцеся, што вы баланс паляпшэння хуткасці старонкі і карыстацкі досвед. Вы хочаце, каб пераканацца, што вашыя змены, каб палепшыць хуткасць старонак без адмоўна якая закранае функцыі вашага сайта або зручнасць.

2. Аптымізацыя малюнка

Выявы ўтрымання цяжкае і яны могуць сур'ёзна запаволіць вашу старонку ўніз. Сціскаючы іх азначае, што вы можаце захаваць якасць малюнка і памеры, памяншаючы пры гэтым, як патрабуецца шмат энергіі для іх апрацоўкі. Сціснутыя выявы загружаюцца хутчэй і не абцяжарвае старонку як шмат. Ewww Аптымізатар малюнка або WPsmush добрыя убудовы WordPress, каб дапамагчы з гэтым.

Забеспячэнне таго, каб ваша тэма падтрымлівае рэагуюць стылі малюнка дапамогуць таксама; забеспячэнне адпаведнага памеру і дазвол малюнка загружаецца ў залежнасці ад прылады карыстальнікі праглядваемыя свайго сайта на. Дзякуючы, у значнай ступені, да намаганняў Спагадны Community Group Пытанні , Srcset і памераў атрыбуты будуць аўтаматычна дададзены да малюнках дадаваных у кантэнт з WordPress.

Case Study

У нас ёсць кліент на невялікі трымальнік для кансультацыі SEO. Яны апрацоўваюць свае рэчы, і мы прапануем кансультацыі, даследаванне і кірунак. Выкарыстоўваючы ацэнкі ад PageSpeed ​​Insight інструмента Google, іх Desktop Page Speed ​​пачалася ў 68 і іх Mobile Page Speed ​​быў 56. Яны любяць выявы і загружаць тоны іх на свой сайт, але не сціскаць іх. Такім чынам, мы прапанавалі ім паспрабаваць убудова для сціску малюнкаў.

Пасля сціску і аптымізацыі малюнкаў з убудова, іх працоўны стол Page Speed ​​падскочыў да 86 і Mobile Page Speed ​​падскочыў да 67. Organic трафіку на іх вэб-сайт таксама павялічыўся на 1,66% у параўнанні з папярэдняй кроплі пасля іх павелічэння хуткасці старонкі. У параўнанні з аналагічным перыядам мінулага года, арганічны трафік на сайт павялічыўся 14.98%.

3. Уключыць кэшаванне

Кэшаванне дазваляе старонкі вашага сайта апрацоўваць хутчэй. Замест таго, каб зрабіць новы запыт на старонку кожны раз, калі гэта неабходна для загрузкі, кэшаванне захоўвае копію вашых старонак. Так, калі ж зроблены запыт, сервер можа выкарыстоўваць копію старонкі і загружаць яго значна хутчэй, чым калі б ён апрацоўвае старонку як зусім новы запыт кожны раз.

Некалькі добрых убудоў WordPress, каб выбраць з ўключаюць у сябе:

Case Study

сайт гэтага кліента быў Desktop старонку Хуткасць 56 і Mobile Page Хуткасць 47. Пасля ўключэння кэшавання з убудовай, Desktop павялічаны да 79 і Mobile павялічылася да 63. Organic трафіку на іх сайт павялічыўся 46,17% на працягу апошніх 30 дзён з больш нізкія хуткасці старонак і 25,05% у параўнанні з аналагічным перыядам мінулага года. Хуткасць Старонка не можа ўзяць ўвесь крэдыт на гэта, але гэта, безумоўна, дапамагло палепшыць карыстацкі вопыт у цэлым.

Сеткі дастаўкі кантэнту (CDN)

Нешта яшчэ вы можаце зрабіць, гэта рэалізаваць CDN з дапамогай рэгулярнага хостынгу. Вы ўсё яшчэ хочаце, каб уключыць кэшаванне на вашым WordPress сайце, але гэта дадае яшчэ адзін узровень, каб палепшыць карыстацкі досвед і хуткасць старонкі.

CDN ўстаўляе сябе як крок паміж серверам і вэб, выступоўцам ўверх старонку і змест, часта без неабходнасці ўдарыць ваш сервер наогул. Stackpath або Cloudflare як правіла, вельмі ўдала для сайтаў WordPress.

4. Мінімізацыя HTTP запыты

Кожны кампанент вашай старонкі з'яўляецца запыт HTTP. Чым больш кампанентаў на старонцы вы маеце, тым больш HTTP запытаў павінны зроблена, і чым даўжэй ён прымае для старонкі загрузкі. Спрашчаючы колькасць элементаў на старонцы, як аб'яднанне табліц стыляў, памяншаючы сцэнары, і з дапамогай CSS замест малюнкаў, дзе гэта магчыма дапамагае палепшыць прадукцыйнасць сайта.

5. Мінімізаваць HTML, CSS і JavaScript

Кожны лішні кавалак кода таксама дадае да памеру раз. Выключыце лішнія прабелы, парывы ​​радкоў і водступы, каб захаваць ваш код чысты і старонкі нішчымным. Ёсць некалькі інструментаў, каб скараціць непатрэбныя або залішнія дадзеныя, не ўплываючы як рэсурс апрацоўваюцца браўзэрам.

Гэтыя WordPress убудовы добрыя варыянты:

Кожны убудова пералічаных вышэй і мінімізуе HTTP запыты і minifies рэчы, так што вам трэба выкарыстоўваць толькі адзін. У выпадку W3 Total Cache і WP Rocket, вы таксама атрымаеце дадатковае перавага кэшавання.

PageSpeed ​​Модуль гэта яшчэ адзін варыянт. Ён інтэгруецца з вэб-сервераў Apache і Nginx для аўтаматычнай аптымізацыі вашага сайта. Вы павінны ведаць, што вы робіце, і быць больш асцярожнымі, так як вы загружаеце непасрэдна на сервер. Вам неабходна атрымаць доступ па FTP і рэзервовыя копіі, каб мець магчымасць вярнуцца назад і адмяніць, калі вам трэба.

6. Праверце свае перасылак

Правільная пераадрасацыя 301 неабходная, каб пераканацца, што карыстальнікі знаходзяць інфармацыю, якую яны шукаюць і не спатыкаючыся 404 памылак. Але, занадта шмат пераадрасацыі 301, змешчанай па-над адзін сябар, можа павялічыць час загрузкі старонкі. Акрамя таго, вы рызыкуеце стварыць пятлю перанакіроўваць, дзе старонка не нагружае, таму што ён увесь час перанакіроўваць.

Выкарыстоўвайце інструмент аўдыту сайта, каб сканаваць ваш сайт і капацца ў вашы пераадрасацыі, каб пераканацца, вы не занадта шмат набору ў паслядоўнасці. Ёсць куча інструментаў там, гэта тыя, якія мы асабіста выкарыстаў і рэкамендаваў бы:

Крычыць Frog мае бясплатную версію для да 500 URL. Платная версія не абмежаваная. Для сайтаў з больш чым 10000 старонак, вы можаце сутыкнуцца з праблемамі сервера рэагавання. Google Search Console, раней вядомы як Google Webmaster Tools ,, бясплатна; Вы павінны будзеце быць прадастаўлены доступ, калі вы не з'яўляецеся уладальнікам акаўнта сайта. SEMrush, Мос, і Raven Tools ўсе патрабуюць рахункаў, каб выкарыстоўваць абкаткі рэвізораў / абыходы, але ў іх ёсць бясплатныя пробныя версіі даступныя, калі вы не хочаце, каб здзейсніць адразу.

Пасля таго, як вы ведаеце, што вы павінны выправіць, вы можаце паклапаціцца аб існуючых перанакіроўваць пытанні ў файле Htaccess. Тады, для чаго вам трэба стварыць, вы можаце выкарыстоўваць перанакіраванне або Простыя 301 рэдырэкт каб клапаціцца пра яго ў WordPress.

7. Рэгулярнага Clean Up

Невыкарыстоўваныя або састарэлыя пашырэння і кантэнт на вашым сайце могуць ўгразнуць ваш сайт і ўплываюць на здольнасць вашага сервера для загрузкі старонак. Рэгулярна абнаўляць пашырэння, якія вы выкарыстоўваеце, ачысціць пашырэння, якія не выкарыстоўваюцца, і выдаліце ​​смецце. Гэта гарантуе, што толькі змест вашага сайта загружаецца з'яўляецца тое, што мае дачыненне да яго дзейнасці і вопыту вашых карыстальнікаў. WP Аптымізаваць гэта выдатны убудова, каб дапамагчы з гэтым. Ён аўтаматычна ачышчае базу дадзеных, выдаленне непатрэбных дадзеных і шматлікіх іншыя, каб трымаць рэчы працуе эфектыўна.

Ёсць тона рэчаў, якія вы можаце зрабіць, каб палепшыць хуткасць старонкі ў WordPress. Гэтыя раёны усе добрыя месцы, каб пачаць. Калі вам патрэбна дапамога з вашым сайтам, звяжыцеся з намі сёння на пасяджэнне розумаў!