WordPress-тегі Google Core Web Vitals: сайтыңызды қалай оңтайландыруға болады

Сіз өзіңіздің сайтыңызды Google Core Web Vitals үшін оңтайландыра алдыңыз ба?

Жоқ деп айтуға болады, бәрі жақсы. Сіз жалғыз емессіз. Іс жүзінде Searchmetrics ең жақсы 2 миллион сайттың 96% -на дейін екенін анықтады^[1] Core Web Vitals сынақтары сәтсіз аяқталды. Мен математик емеспін, бірақ бұл көп сияқты.

Google Core Web Vitals – Google-ге веб-сайтыңызды талдауға көмектесетін соңғы құрал. Google веб-сайттарды бағалау үшін жылдамдық, мазмұн сапасы және ұялы телефонға ыңғайлылық сияқты нәрселерді әлі де пайдаланады. Сонымен, егер сіз жақсы рейтингке ие болсаңыз, аздап демалуға болады.

Бірақ аз ғана, өйткені сіздің бәсекелестеріңіз оларды шыңға шығаратын шеттерді іздейді. Сіз олардан қалай озып кете аласыз? Сіз керемет пайдаланушы тәжірибесін бересіз, бұл Google-дың да қалайтыны.

Және, егер сіздің веб-сайтыңыз керемет тәжірибені қамтамасыз етсе, сіз үлкен сыйақы аласыз және тамаша мазмұн. Бұл мақалада біз сізге осындай веб-сайтты жасауға көмектесеміз.

Біз Google Core Web Vitals бағдарламасына енуден бастаймыз, осылайша сіз олардың нені білдіретінін және нені өлшейтінін нақты білесіз. Содан кейін біз әрқашан Core Web Vitals арқылы өтетін беттерді құру бойынша ең жақсы кеңестерімізді бөлісеміз.

Уақыт кестесінде өзгерістер болғанымен және жаңарту маусым айының ортасына дейін шығарылмайтын болса да, бізде әлі көп жұмыс істеу керек. Бастайық!

📚 Мазмұны:

Google Core Web Vitals дегеніміз не (және оларға неліктен мән беру керек)?

Егер Google жаңартулары сізге қажет болмаса, сіз бұл толқудың не туралы екенін ойлайтын шығарсыз. Мәліметтерді жылдам қарастырайық.

2020 жылдың мамыр айында Google іздеу рейтингтеріне Core Web Vitals жаңа қосымшасын жариялады. Мұндай хабарландыру әдетте көп жұмысты білдіреді біреу. Веб-сайттарды бағалау үшін 200-ден астам бірегей факторлар қолданылады^[2]Google рейтингтерін қамтиды бәрі.

Сіз тіпті сіздің домен жасыңыз рейтингіңізде белгілі бір рөл атқаратынын табасыз. Бұл жағдайда Google Core Web Vitals пайдаланушы тәжірибесіне немесе веб-сайтыңызды пайдаланудың қандай екеніне назар аударады.

Алдағы уақытта Google Core Web Vitals бірқатар көрсеткіштерге ие болады, бірақ 2021 жылғы жаңарту үшеуін қамтиды: ең үлкен мазмұнды бояу (LCP), жиынтық орналасу ауысуы (CLS) және бірінші енгізу кідірісі (FID).

Ең үлкен мазмұнды бояу (LCP)

LCP – мазмұнның ең үлкен бөлігін жүктеп алуға қанша уақыт кететінін көрсететін өлшем. Бұл сурет немесе жай мәтін болуы мүмкін. Ол қандай болса да, ол жүктелгеннен кейін веб-сайт сезінеді дайын.

Ең жақсысы, ең үлкен мазмұнды бояу тек пайдаланушының көру терезесіндегі мазмұнды өлшейді. Бүктеме астындағы кез келген кескін LCP ұпайыңызға есептелмейді.

Егер сіз өту нәтижесін алғыңыз келсе, LCP 2,5 секундтан аз болуы керек.

Жиынтық орналасу ауысуы (CLS)

CLS жүктеу процесі кезінде бетіңіздің тұрақтылығын өлшейді. Ол кескіндер кеш жүктелгенде немесе қаріптер мәнерлерді ауыстырғанда орын алатын барлық жылжуларды өлшейді. Тіпті түймелер сияқты нәрселер бетте күтпеген жылжулар тудыруы мүмкін.

Егер элементтер кенеттен қозғалса (және 0,1-ден көп), сізде шешуге болатын CLS мәселесі бар.

Бірінші енгізу кідірісі (FID)

FID браузердің қаншалықты жылдам интерактивті болатынын өлшейді. Бұл келушілер жасай алады дегенді білдіреді заттар және реакция алыңыз. Ол сілтемелерді басу, түймелерді басу немесе құсбелгілерді толтыру сияқты нәрселерді қамтиды.

Пайдаланушылар пішіндер мен сауалнамаларға деректерді 100 мс ішінде енгізу сияқты әрекеттерді орындай алатын болса, бұл көрсеткішті өткізуге болады.

Google Core Web Vitals ұпайыңызды қалай тексеруге (және оқуға) болады

Core Web Vitals туралы тамаша нәрселердің бірі – олардың қолданушыға ыңғайлы тәсілі. Бұл тестілеу қиын (түсіну былай тұрсын) жасырын көрсеткіштердің тобы емес. Оның орнына бәрі алады Веб-сайтыңызды тексеруге және түзетуге арналған бірқатар ресми Google құралдарымен оңай жұмыс жасаңыз.

Тестілеуге келетін болсақ, сіз екі негізгі санат туралы білуіңіз керек: зертханалық сынау құралдары және далалық сынақ құралдары. Далалық тестілеу құралдары Chrome пайдаланушы тәжірибесі есебіне қосылған нақты пайдаланушылардан алынған нақты деректермен қамтамасыз етіледі. Бұл оларды Core Web Vitals үшін құндырақ етеді. Біз екі нұсқаға назар аударамыз:

• Google іздеу консоліндегі Google Core Web Vitals есебі.
• Далалық және зертханалық нәтижелерді қамтитын Page Speed ​​Insights сынағы.

Google Core Web Vitals есебімен бастайық, себебі ол бізге қандай URL мекенжайлары мәселе екенін айтады.

Google іздеу консолін пайдалану

Консольге кіргеннен кейін табу үшін төмен айналдырыңыз Тәжірибе → Core Web Vitals. Осы жерді басу «Жақсы», «Жақсартуды қажет етеді» немесе «Жаман» деп санатталған әрбір URL мекенжайы бар толық сайт есебін ашады.

⚠️ Егер сіз Google Search Console қолданбасын орнатпасаңыз, Google Search Console қолданбасын WordPress көмегімен пайдалану жөніндегі нұсқаулықты оқып шығыңыз.

Басыңыз Есепті ашу Core Web Vitals көрсеткіші ең көп қиындық тудыратыны туралы нақты ақпаратты алу үшін.

түймесін бассаңыз Түр Сіз URL мекенжайларының толық тізімін аласыз, содан кейін оны тексеруге болады Бет жылдамдығы туралы мәліметтер қосымша ақпарат алу үшін.

Page Speed ​​Insights пайдалану

Бетіңіздің URL мекенжайын енгізіп, басыңыз Талдау сынақты бастау үшін. Әдепкі бойынша мобильді нәтижелерді көрсететін талдауды аяқтау көп уақытты қажет етпеуі керек. Дегенмен, Core Web Vitals деректерін жаңа сынақты іске қоспай-ақ мобильді және жұмыс үстелінен көруге болады. Нәтижелерді беттің жоғарғы жағында табасыз:

Егер сіз бүкіл бетті тексергіңіз келсе, басыңыз Түйіндеме. Көріп отырғаныңыздай, Core Web Vitals олардың қаншалықты жиі өтетінін көрсететін пайыздармен пайдалы бетбелгіленген. Бұл бет сенімді өту, бірақ сәтсіз беттер үшін не істей аламыз?

Google Core Web Vitals ұпайымды жақсарту үшін не істей аламын?

Шын мәнінде, Core Web Vitals ұпайларын жақсарту үшін (тіпті техникалық дағдылар болмаса да) көп нәрсе істей аламыз. Пайдаланушы тәжірибесін және Core Web Vitals жүйесін жақсарту бойынша ең жақсы кеңестерімізді қарастырайық.

Хостингіңізді жаңартыңыз

Иә, сервердің жауабын жақсартудың жақсы нұсқасынан гөрі жақсы жолы жоқ. Шындығында, хосттарды ауыстыру қиын болуы мүмкін (бағасын айтпағанда), бірақ ортақ хостингтен арнайы хостингке өтудің қажеті жоқ. Айтайын дегенім, бұл секіріс көптеген өнімділік мәселелерін шешеді, бірақ жылдамырақ серверге кішкене секіру де өнімділікті айтарлықтай жақсартуға мүмкіндік береді.

Осыны айта отырып, егер сіз өзгеріс енгізуді шешсеңіз, алдымен ең жақсы жұмыс істейтін WordPress хосттарын салыстыруымызды оқып шығыңыз. Бірақ, егер сіз шынымен асығыс болсаңыз, төмендегі кестені қараңыз:

Стандартты оңтайландырулардан басқа, жоғарыдағы хосттардың әрқайсысы серверлік кэштеудің қандай да бір түрін ұсынады. Кэштеу – алуды жеңілдету үшін сайттың HTML нұсқасын серверде сақтау процесі. Сервер жағындағы кэштеу басқару және конфигурациялау қиын болуы мүмкін, сондықтан әлеуетті хостыңыздан олардың процесі туралы сұрауыңыз керек.

Кэштеу плагинін пайдалану

Дегенмен, барлық хосттар серверлік кэштеуді ұсынбайды, бірақ бетті кэштеу плагинінің кейбір артықшылықтарын пайдалана аласыз. Тіпті бет деңгейіндегі кэштеу мазмұнды ең үлкен мазмұнды бояуды жақсарту үшін жеткілікті жылдам жеткізеді.

Плагинді пайдалану туралы айтатын болсақ, мен WP Super Cache ұсынамын, себебі ол қарапайым және кеңейтілген опцияларымен (алдын ала жүктеу сияқты) толығымен тегін (жаңартуларсыз).

WP Super Cache пайдалану қаншалықты оңай? Мынаны көр:

Плагин орнатылып, іске қосылғаннан кейін параметрлерді арқылы ашыңыз Параметрлер → WP Super Cache. Басыңыз Жеңіл және бұрылу Кэштеу қосулы содан соң Күйді жаңарту.

Бір сәтте сіз кэшпен кейбір мәселелерге тап боласыз. Сізде кэштелген тым көп беттер ғана емес, сайтта жаңа өзгертулер пайда болмайды. Бұл орын алса, кэшті басу арқылы тазалауға болады Кэшті жою.

WP Super Cache сонымен қатар ең танымал беттерді алдын ала жүктеу опциясын ұсынады. Дегенмен, алдын ала жүктеу құнды ресурстарды алады, сондықтан сіз ақылмен таңдап, орталық процессорды күнделікті бақылауыңыз керек.

Оны орнату оңай. түймесін басыңыз Алдын ала жүктеу опция. Кэшті жаңартудың жүйелілігін және ескі файлдарды жою керек пе, жоқ па орнатуға болады.

Параметрлерге қанағаттанғаннан кейін түймесін басыңыз Кэшті қазір алдын ала жүктеңіз бастау үшін. Кэштеу процесі аяқталғаннан кейін файлдар сіздің файлыңызда болады wp-content/cache сервердегі қалта.

Суреттеріңізді оңтайландырыңыз

Адамдар суреттерді жақсы көреді. Және олардың көпшілігін біз бәріміз пайдаланамыз, солай емес пе? Бірақ кескіндер Core Web Vital ұпайларыңызға зиян келтіруі мүмкін. Мұның бірнеше себептері бар:

• Кескін тым ауыр болуы мүмкін.
• Кескін өлшемдері тым үлкен.
• Сіз беттегі әрбір суретті жүктеп жатырсыз.
• Суреттер сіздің серверіңізден бүкіл әлемдегі адамдарға жіберіледі.

Бақытымызға орай, жоғарыда аталғандардың барлығын түзетудің оңай жолы бар.

Алдымен, суреттерге қатысты бірнеше нәрсені қарастырыңыз:

• Сізге әрбір сурет керек пе?
• Сіз қандай өлшемдерді қолданасыз? Біз > 2000 пиксельге ұмтыламыз.
• Фондар үшін үлгілерді, градиенттерді немесе SVG файлдарын пайдаланып көріңіз.
• Бүктеменің үстіндегі кескіндерді логотип пен кейіпкер бейнесімен шектеңіз.
• Бүктеменің үстіндегі сырғытпаларды немесе карусельдерді пайдаланбаңыз.

Кескіндерді тазартқаннан кейін қалғандарын оңтайландыруға болады. Кескінді оңтайландыру кескін өлшемдерін азайтуға, олардың өлшемдерін жақсартуға және оларды пайдаланушыларға жақын серверлерді пайдаланып мазмұнды жеткізу желісінен (CDN) жеткізуге болады. Мұның бәрі үшін мен ұсынамын Оптимоль.

Optimole бұлтта жоғарыда аталғандардың барлығын орындау арқылы серверлеріңіздің көп жұмысын үнемдейді. -ге барыңыз Оптимоль және API кілтіне тіркеліңіз (бұл бұлттық операцияларға қол жеткізу үшін қажет).

Сіз Optimole бақылау тақтасы арқылы тіркелгіңізді растау үшін электрондық хат аласыз. API кілтін алыңыз және WordPress сайтыңызға өтіңіз.

Optimole орнатып, іске қосқаннан кейін параметрлерге мына жерден кіріңіз Медиа → Оптимоль мәзір. API кілтін қойып, қосылу түймесін басыңыз.

Сіз де қосуыңыз керек Кескіндерді масштабтау және жалқау жүктеме.

Кескіндерді масштабтау Optimole макеттің ауысуын азайту үшін құрылғыға (ол қандай болса да) тамаша өлшемді кескіндерді жіберетінін білдіреді.

Жалқау жүктеу пайдаланушылар көру терезесінде көре алатын кескіндерді ғана жүктейді дегенді білдіреді. Осы орнату арқылы Optimole қалғанын шешуге рұқсат етіңіз.

Кодты оңтайландырулар

WordPress сайтын іске қосу – бұл барлық қозғалатын бөліктер. Тақырыптар мен плагиндер және оларға қуат беретін тілдер арасында техникалық емес адамға кодты оңтайландыру қиын.

Әлбетте, біз оңтайландырылған код базасы бар тақырыптарды таңдап, шиыршық коды бар плагиндерден аулақ бола аламыз. Бұдан басқа, біз кодты екі негізгі жолмен оңтайландыра аламыз:

Бір кемшілігі, Autoptimize бағдарламасының көптеген параметрлері бар, яғни барлығына сәйкес келетін шынайы шешім жоқ.

Осыны айта отырып, сіз қауіпсіз таңдай аласыз Оңтайландыру барлық JavaScript, CSS, HTML. Бұл параметр бос орындар мен жол үзілімдері сияқты нәрселерді жою арқылы кодты азайтады. Кішірейтуден басқа, Autoptimize қосымша білім алуға және көп нәрсені сынауға дайын кез келген адам үшін тамаша өнімділік опцияларына ие.

Мысалы, сияқты кеңейтілген тапсырмаларды пайдаланып, айтарлықтай жылдамдықты арттыруға болады CSS алдын ала жүктелуде және маңызды CSS кірістіру, бірақ оны қолданар алдында әр опцияны оқып шығу керек.

Қаріптер мен белгішелер

Қаріптерді өңдеу үшін, әсіресе Google қаріптерін пайдалануды мақсат еткен болсаңыз, Autoptimize қолданбасын пайдалануға болады. Сіз тіпті жинақталған орналасуды ауыстыруға зиян келтіретін «мәнерленбеген мәтіннің жарқылын» болдырмау үшін Google қаріптерін алдын ала жүктеп көруге болады.

Мен бірнеше түрлі опцияларды қолданып көруді және сіздің сайтыңыз үшін не жақсы болатынын көруді ұсынамын. Өкінішке орай, Elementor қолданбасын пайдалансаңыз, макеттің ауысуын әлі де көресіз. Егер бұл сіздің жағдайыңыз болса, жүйелік қаріптерге ауысуды қарастырыңыз.

Жарнамалар бойынша ең жақсы тәжірибелер

Орналасуды ауыстыруға келетін болсақ, жарнамалар ең үлкен мәселелердің бірі болып табылады. Әдетте, жарнамалар пайдаланушы тәжірибесін нашарлататын мазмұнды төмендетеді. Бақытымызға орай, озық тәжірибелерді қолдану арқылы ауысымды азайтуға болады.

Ең бастысы, жарнаманың орналасуы көбірек шертулер алу мен макетіңізге әсер ету арасында теңгерімді болуы керек. Мысалы, жарнамаларды көру терезесінің жоғарғы жағына қоймаңыз. Жарнаманың соңғы өлшемі контейнерден үлкенірек болса, ол сіздің барлық мазмұныңызды төмендетеді. Жарнама аз зиян келтіретін беттің ортасына бағыттаңыз.

Ең жақсы орналастыру туралы шешім қабылдаған кезде, жарнама үшін слотты брондаңыз. Бұл сізге бос орын қалдыруы мүмкін, бірақ бұл саудаға тұрарлық болуы мүмкін.

Қорытынды

Осы кеңестердің көмегімен сіз нәтижелеріңіздің жақсарғанын көресіз. Опциялардың әрқайсысы одан әрі оңтайландырулар үшін жақсы бастау нүктесін береді.

Біз көп жерді қамтыдық, сондықтан қорытындылау үшін:

• Хостинг жоспарын жаңарту нәтижелерді жақсартуға көмектесуі мүмкін.
• Кэштеу плагинін пайдалану мазмұнды жеткізуді жылдамдатуы керек.
• Суреттерді оңтайландыру және CDN пайдалану торап өнімділігін жақсартуы керек.
• Кодты оңтайландыру арқылы сайттың қалай жүктелетінін басқара аласыз.
• Қарастырылған қаріп таңдауы және алдын ала жүктеу арқылы сіз жылдамдықты арттыра аласыз.
• Жарнаманың ең жақсы тәжірибелеріне сүйене отырып, орналасу ауысымдарын азайтуға болады.