Ақаулықтарды жою үшін Chrome DevTools пайдалану - Semalt сұраныстары



Chrome DevTools көптеген SEO мамандарына жат нәрсе емес. Екінші жағынан, бұл сіз үйренетін нәрселердің бірі болуы мүмкін. Сонымен, Semalt, біздің клиенттің SEO қажеттіліктерін қамтамасыз етудегі біздің процестің бір бөлігі сіздің веб-сайтыңызға қажеттіліктің қажетті аспектілері туралы білім беру әдісіне негізделген.

SEO үшін Chrome Dev құралдары маңызды, өйткені оны ақауларды жою кезінде қолданамыз. Semalt пен біздің клиенттеріміз арасындағы қарапайым байланысты қамтамасыз ету үшін, біз сіздің веб-сайтыңыздағы SEO мәселелерін түзету үшін осы құралды қалай қолданатынымызды көрсеткіміз келеді.

Chrome Dev құралдары арқылы біз веб-сайттың кролабильтілігінен бастап оның жұмысына дейінгі негізгі SEO мәселелерін таба аламыз. Бұл мақалада біз өз клиенттерімізге жақсы қызмет ету үшін осы құралдарды пайдаланудың үш әдісін атап өтеміз.

Chrome DevTools дегеніміз не?

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

Біз Google Chrome кез-келген SEO-дің арсеналындағы маңызды құралдар жиынтығының бірі екендігіне бәріміз келісе аламыз. Аудиттерді автоматтандыру немесе SEO мәселелерін диагностикалау үшін қолданатын SEO бағдарламалық жасақтамасына қарамастан, Chrome DevTools міндетті болып қалады. SEO мәселелерін тез арада тексерудің маңызды әдістерін ұсыну қабілетінің арқасында көптеген SEO мамандары, соның ішінде Semalt, оны бірнеше рет қолданды.

Chrome DevTools мамандарына және веб-әзірлеушілерге көмектесудің көптеген жолдарын талқылауға көп уақыт бөлуіміз мүмкін, бірақ біздің назарымыз біршама нақты нәрсеге аударылады. Міне, біз сізбен Chrome DevTools-қа сенім артып, мәселені шешу үшін бірнеше түрлі жағдайлармен бөліскіміз келеді.

Chrome DevTools-тің болуы жаман емес болатын үш жағдай:

Ақаулықтарды жою үшін Chrome DevTools құралдарын орнату

Сіз ешқашан Chrome DevTools қолданбасын пайдаланып көрмеген болуыңыз мүмкін. Оған қол жеткізу SERP-тегі веб-сайтты басу және тексеру батырмасын басу сияқты қарапайым. SEO мамандары ретінде біз бұдан гөрі мұқият болуымыз керек, бірақ сіз оны қалай қолданатыныңызды білесіз. Semalt, біз DOM-ды бақылауға мүмкіндік беретін Element жазықтығын да, консоль тартпасында бірнеше басқа құралдарды пайдалануға мүмкіндік беретін CSS-ті де қолданамыз.

Біз сізге бұл құралдың SEO ақаулықтарын жою кезінде қалай қолданылатындығын біртіндеп қарастырамыз.

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

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

Параметрлер белгішесінің жанында пайда болатын нүктелерді нұқып, Show Console çekma опциясын тапқанша төмен айналдырыңыз. Сонымен қатар, біз тек қашу пернесін басамыз.

Консоль мен элементтер тақтасы қосылып, пайдаланушылар DOM-да көрсетілген код туралы біле алады. Сондай-ақ, пайдаланушылар браузерде кодты бояуға арналған стильдер кестесін көреді. Консоль тартпасынан сіз қол жеткізе алатын бірнеше басқа құралдар.

Жаңадан келгендер үшін консоль тартпасы консольдің өзін көрсетпеуі мүмкін, бірақ Chrome DevTools-ті біраз уақыт пайдаланғаннан кейін, консоль тартпасы консольдің өзін көрсете бастайды. Сіздің консольдық панельіңіз журналға тіркелген хабарламаларды көруге және javascript іске қосуға мүмкіндік береді. Біз бұған бүгін батпас едік.

Мұның орнына біз қарастыратын үш қосымша құрал бар:
Осы құралдарды табу үшін, қосымша құралдарды таңдап, осы үш элементтің әрқайсысын олар консоль тартпасында қойынды ретінде пайда болатындай етіп таңдаңыз. Осы үш панельді қосқаннан кейін ақауларды жоюды бастауға болады.

DevTools-те қолданушы агентін ауыстыру

User-Agent-ті ауыстыру - бұл DevTools-ты қолданудың ұмытылып қалған тәсілдерінің бірі. Бұл бірнеше түрлі мәселелерді шешуге көмектескен қарапайым тест, себебі Googlebot сайттағы ақпараттық мүмкіндіктерді қалай көріп, өңдеп жатқанын білуге ​​мүмкіндік береді.

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

Пайдаланушы агентіңізді Chrome DevTools-қа қалай қосуға болады?

Пайдаланушы агентіңізді Chrome-да ауыстыру кезінде сізге консоль тартпасында желі шарттары қойындысын пайдалану қажет болады. Мұны істеу үшін сіз автоматты түрде таңдау құсбелгісін алып тастайсыз, бұл мазмұнды Googlebot смартфоны, Bingbot немесе басқа қолданушы агенттерінің көмегімен мазмұнды қалай жеткізуге болатындығын көруге мүмкіндік береді.

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

Chrom DevTool-ді мобильді балама сайт жағдайында қолдану

Ұқсас жағдайда, пайдаланушы агентін Googlebot смартфонына ауыстырғаннан кейін, сайт әлі күнге дейін баламалы мобильді сайтқа Googlebot қызмет етіп жатқанын анықтадық. Бірақ Google мобильді бірінші индекстеуге көшкендіктен, мобильді сайттағы өзгерістерді өңдеп индекстеді, бірақ Доменнің жұмыс үстелінің нұсқасына енгізілген жаңартуларды біле алмады.

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

Сервердің шамадан тыс қорғалуын бақылау кезінде Chrome DevTools пайдалану

Интернетте зиянды ниеті бар көптеген адамдар бар. Көптеген хакерлер мен қаскөйлер Google-ді интернеттегі сайттарға қарсы қолдануға тырысады. Осы себепті, кейбір CDN жинақтағыштар және басқа хостинг-провайдерлер сервері спамдық тексерушілердің сайтқа кіруін тоқтату үшін Googlebot-тің жалғандығын тоқтататын белгілі бір кіріктірілген мүмкіндіктерді ұсына алады. Бұл сайттар шамадан тыс күш салу арқылы Googlebot сайтқа кіруге тыйым салуы мүмкін. Кейде пайдаланушылар «Рұқсат етілмеген сұранысқа тыйым салынған» деген хабарламаларды көреді.

Егер біз осындай хабарламаларды Google-дің SERP-де кездестіретін болсақ, браузер мазмұнды қиындықсыз жүктегенімен, қателіктер орын алатынын бірден білеміз.

User-Agent ауыстыру функциясын қолдану арқылы біз қолданушы-агентті Googlebot смартфонына орнатқаннан кейін сайттың сол хабарламаға қызмет ететінін көре аламыз.

DevTools-тағы негізгі веб-орталықтардың диагностикасы

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

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

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

HTTP тақырыптарын екі рет тексеріп, пайдаланылмаған кодты қарап шығыңыз

SEO аудиттерінде жұмсақ 404 туралы естідіңіз бе? Браузерде 404 парақ көрсетілуі мүмкін жұмсақ 404-тер, бірақ олар 200 OK жауап кодын қайтарады.
Кейбір жағдайларда мазмұн браузерде дәл күткендей жүктелуі мүмкін; дегенмен, HTTP жауап коды 404 немесе 302 қатесін көрсетуі мүмкін. Бұл, әдетте, қате болуы мүмкін немесе сіз күткендей болмауы мүмкін. Қалай болғанда да, HTTP жауап кодын әр бет пен ресурс үшін көру пайдалы.

DevTools көмегімен жауап кодтары туралы құнды ақпарат беретін таңғажайып Chrome кеңейтімдері бар болса, бұл ақпаратты тікелей тексеруге мүмкіндік береді.

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

Қорытынды

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

Semalt сіздің веб-сайтыңыздың жақсысын шығаруға көмектесу үшін осында, және сіз біздің командамен байланысқа түсесіз деп үміттенеміз. Сізден жауап күтеміз.