Разуменне паказчыкаў эфектыўнасці маяка - парады ад Semalt па SEO



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

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

Што такое Маяк

Lightroom - гэта інструмент аўдыту з адкрытым зыходным кодам, які выкарыстоўваецца для атрымання стандартызаваных балаў у пяці ключавых галінах, а менавіта:
  • Прадукцыйнасць
  • Прагрэсіўнае вэб-дадатак
  • SEO
  • Лепшыя практыкі
  • Даступнасць
У гэтым артыкуле назва "Маяк" будзе выкарыстоўвацца для абазначэння шэрагу тэстаў, таму не заблытвайцеся падчас чытання.

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

Абнаўленне да Маяка

5 мая 2020 года праект Chromium абвясціў аб сваім наборы з трох паказчыкаў, з дапамогай якіх адкрыты зыходны код з падтрымкай Google зможа выкарыстоўваць яго для вымярэння прадукцыйнасці. Метрыкі называліся Web Vitals. Яны з'яўляюцца часткай ініцыятывы Google, закліканай прадастаўляць калектыўныя рэкамендацыі экспертам па SEO пры пошуку якасных сігналаў.

Гэтыя паказчыкі прызначаны для вымярэння вэб-прадукцыйнасці арыентаваным на карыстальніка спосабам. Усяго праз два тыдні пасля першага запуску Lighthouse V6 выпусціў сваю мадыфікаваную версію з асноўнымі ўвагамі гэтага абнаўлення Web Core Vitals.

Да ліпеня 2020 года мы ўбачылі, як паказчык Lighthouse v6 быў прыняты для многіх прадуктаў Google, выпусціўшы Chrome 84. Панэль аўдыту Chrome DevTools таксама была перайменавана ў Lighthouse. На паказчык Lighthouse спасылаліся таксама PageSpeed ​​Insights і Google Search Console.

Сёння Web Core Vitals складае больш за палову агульнай адзнакі прадукцыйнасці, узважанай Маяком. Наогул кажучы, старонкі пачынаюць адчуваць мінімальны ўплыў прыблізна 83,32% праведзеных выпрабаванняў, якія паказваюць зрушэнне на дзесяць балаў і менш да V6.

Што вы павінны ведаць, перш чым запускаць тэст прадукцыйнасці з выкарыстаннем Lighthouse

Выбар правільнай метадалогіі

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

Лепшы спосаб атрымаць агульную ацэнку эфектыўнасці сайта - гэта праверыць некалькі тыпаў старонак на вашым сайце. Тут мы спачатку вызначаем асноўныя тыпы сайтаў, шаблоны і кропкі пераходу наведвальнікаў (яны спасылаюцца на старонкі рэгістрацыі, падпіскі і афармлення замовы).

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

Атрыманне адставання, каб адкусіць, выкарыстоўваючы вялікую рэнтабельнасць

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

Дадзеныя, якія робяць справаздачы на ​​канец месяца, стануць знакамі даляра, што апраўдвае і ўзнагароджвае нашы намаганні ў галіне развіцця. Выкананне гэтага тэсту важна, таму што пры гэтым у вас можа быць адзначана больш чым адна вобласць, асабліва калі гэта ўпершыню. Гэта нармальна. Вы можаце праверыць Lighthouse Scoring Calculator, каб убачыць, якія змены будуць мець найбольшую челку.

Як запусціць выпрабаванне на маяк

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

У вас засталося менш за 5 хвілін да таго, як вас папросяць сутыкнуцца з дошкай? Гэтыя індывідуальныя справаздачы павінны даць вам боепрыпасы, неабходныя для таго, каб пераканаць іх у сваім SEO робіць выдатна. Які б спосаб выканання вы не абралі, мабільны - гэта выдатна, калі ў вас няма спецыяльнага выпадку выкарыстання для працоўнага стала.

1. Chrome Devtools

Мы тэстуем кожную старонку індывідуальна, выкарыстоўваючы панэль "Маяк Chrome DevTools". Гэты справаздача вельмі важны, бо ён імітуе карыстацкі досвед працы з браўзэрам нават у рэжыме інкогніта альбо з адключаным кэшам браўзэра.

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

Калі вы гатовыя, вось як вы выпрабоўваеце Маяк з дапамогай DevTools
  1. Запусціце экземпляр інкогніта ў Chrome.
  2. Перайдзіце на панэль "Сетка" ў DevTools і пастаўце галачку, каб адключыць кэш. Вы можаце зрабіць гэта з дапамогай Ctrl + Shift + I ў Windows і Linux альбо Command + Option + I на Mac.
  3. Перайдзіце на панэль "Маяк" і націсніце "Стварыць справаздачу".
  4. Захавайце файл, як толькі ён быў створаны.
Якія перавагі запуску Маяка ад Devtools?

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

Перавага гэтага метаду ў тым
  • Вы можаце праверыць мясцовыя зборкі і даведацца, якія старонкі сапраўдныя.
  • Захаваныя справаздачы можна параўнаць з інструментам Lighthouse CI Diff.
Мінусы запуску Маяка ад DevTools
  • Вы можаце рабіць толькі адну справаздачу за раз.
  • Вам прыйдзецца захоўваць кожны справаздачу ўручную.

2. Пры пастаянным тэставанні адных і тых жа старонак

Выкажам здагадку, вы любіце тэставаць адны і тыя ж старонкі ў Інтэрнэце. dev - ідэальны выбар. Гэта падобна на выкарыстанне DevTools толькі таму, што вам не трэба было б адключаць усе гэтыя пікавыя пашырэнні. Гэты метад у асноўным прамалінейны. Усё, што вам трэба зрабіць, гэта:
  1. Наведайце web.dev/measure/
  2. Увайдзіце ў свой уліковы запіс Google.
  3. Увядзіце URL старонкі, якую вы хочаце праверыць.
  4. Націсніце кнопку "Выканаць аўдыт".
Плюсы запуску Маяка з Інтэрнэту. распрацоўшчык
  • Ён фіксуе цудоўныя тэрміны вынікаў старонкі.
  • Карыстальнікі маюць хуткія спасылкі на кіраўніцтва для паляпшэння праблем.
  • Справаздачы можна параўнаць, выкарыстоўваючы інструмент Lighthouse CI Diff Tool.
Мінусы запуску Маяка з Інтэрнэту. распрацоўшчык
  • Вы можаце правесці толькі адзін аналіз і адначасова мець адзін справаздачу.
  • Вы павінны мець запіс URL-адрасоў, якія вы адсочвалі з цягам часу, каб пазбегнуць ненаўмыснага пераробкі аднаго і таго ж URL-адраса.

Камандны радок вузла для Маяка

Калі вы хочаце праверыць маштаб, пераважны падыход - камандны радок Node. Вось кіраўніцтва пра тое, што рабіць:
  • Усталюйце npm: для карыстальнікаў mc было б разумна выкарыстоўваць хатнюю мову, каб вы маглі пазбегнуць дурных праблем з залежнасцю.
  • Усталюйце модуль маяка, проста ўвёўшы гэты код: "npm install -g маяк."
  • Затым вы запускаеце адзін тэкст, выкарыстоўваючы "маяк <url>."
  • Запусціце тэсты па спісах выкарыстання, запусціўшы тэст праграмна.
Плюсы запуску Маяка ад Node
  • Вы можаце запускаць некалькі справаздач адначасова.
  • Вы можаце запраграмаваць яго, каб аўтаматычна адсочваць змены з цягам часу.
Мінусы запуску Маяка ад Node
  • Вы павінны мець уяўленне пра тое, як праграмаваць.
  • Яго налада патрабуе часу.

Выснова

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

Некаторыя іншыя інструменты, такія як тэст "Мой сайт" і "Што каштуе мой сайт", таксама могуць спатрэбіцца. Мы выкарыстоўваем гэтыя інструменты, каб зрабіць канверсію і арыентаваныя на кліента аргументы наконт важнасці прадукцыйнасці сайта.

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

Вас цікавіць SEO? Праверце іншыя нашы артыкулы пра Блог Semalt.