Кыйынчылыктарды табуу үчүн Chrome DevTools колдонуу - Semalt Prompts



Chrome DevTools көпчүлүк SEO адистерине жат нерсе эмес. Башка жагынан алганда, бул сиз үйрөнө элек нерселердин бири болушу мүмкүн. Ооба, Semalt, биздин кардарлардын SEO муктаждыктарын тейлөөдөгү жараяндын бир бөлүгү сиздин веб-сайтыңызга керектүү нерселер жөнүндө билим берүү жолубузга таянат.

SEO үчүн Chrome Dev куралдары биз аны чечүүдө колдонушубуз менен маанилүү. Semalt менен биздин кардарлардын ортосундагы оңой байланышты камсыз кылуу үчүн, биз сиздин веб-сайтыңыздагы SEO маселелерин чечүү үчүн ушул куралды кандайча колдоноорубузду көрсөтөлү дедик.

Chrome Dev Tools менен, биз веб-сайттын crawlabiltiyсинен баштап, анын аткарылышына чейинки негизги 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 жана баракчаны курууда колдонулган стилдер табиятынын мүнөзүн берет.

Ушундай көз карашта болуу бизге сууга сүңгүү үчүн көп нерселерди сунуш кылат; бирок, биз консолун суурмасында шаймандардын куралын толук колдоно алабыз.

Орнотуулар сүрөтчөсүнүн жанында пайда болгон чекиттерди чыкылдатып, Консоль суурмасын көрсөтүү параметрин тапканга чейин ылдый жылдырыңыз. Же болбосо, биз жөн гана качуу баскычын чыкылдатып.

Консоль жана элементтер панели иштетилгенде, колдонуучулар DOMдо көрсөтүлгөн кодду көрө алышат. Колдонуучулар браузерде кодду боёодо колдонулган стилдер баракчаларын көрө алышат. Ошондой эле бир нече башка шаймандар консолу суурмасынан кире аласыз.

Жаңы келгендер үчүн, консолун суурмасында консолдун өзү көрсөтүлбөшү мүмкүн, бирок Chrome DevTools программасын бир аз колдонгондон кийин, консолу суурмасы өзү консолун көрсөтө баштайт. Сиздин консоль панелиңиз сизге катталган билдирүүлөрдү көрүүгө жана javascriptти иштетүүгө мүмкүнчүлүк берет. Бүгүн биз буга сүңгүп кирмек эмеспиз.

Анын ордуна, биз карап турган үч кошумча курал бар:
Бул шаймандарды табуу үчүн, көбүрөөк куралдарды тандап, ушул үч нерсенин ар бирин тандап алыңыз, ошондо алар консоль суурмасында өтмөктөр катары көрүнөт. Ушул үч панелди иштеткенден кийин, мүчүлүштүктөрдү издөөнү баштасак болот.

Колдонуучунун Агентин DevToolsко которуу

Колдонуучу-Агентти которуу - бул DevTools колдонууну унутта калтырган жолдорунун бири. Бул Googlebot сайтта кандайча маалыматтык өзгөчөлүктөрдү көрүп жана иштетип жаткандыгы жөнүндө түшүнүк берген бир нече ар кандай маселелерди ачууга жардам берген жөнөкөй тест.

Биздин SEO тергөөчү адистерибиз үчүн DevTools татыктуу жана ишенимдүү чоңойтуучу айнек катары колдонулуп, мындай көйгөйлөрдүн өнүгүшүнө гана тоскоол болбостон, ошондой эле мындай көйгөйлөрдүн түпкү себептерин ачып берүү үчүн вебсайттагы маселелерди чоңойтууга мүмкүнчүлүк берет.

Колдонуучу агентти Chrome DevTools'ко кантип которсо болот?

Колдонуучу агентти Chrome'го которууда, консолу суурмаңыздагы тармак шарттары өтмөгүн колдонушуңуз керек. Бул үчүн, Googlebot смартфону, Bingbot же башка бир катар колдонуучу агенттери аркылуу камтылгандарды көрүп, мазмунуңуз кандайча жеткирилгенин автоматтык түрдө тандасаңыз, белгини алып саласыз.

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

Chrom DevToolду мобилдик альтернативдүү сайттын иши үчүн колдонуу

Ушундай эле учурда, колдонуучунун агентин Googlebot смартфонуна которгондон кийин, сайт дагы эле Googlebotтун альтернативдүү мобилдик сайтын тейлеп жаткандыгын байкадык. Бирок Google мобилдик биринчи индекстөөгө өткөндүктөн, мобилдик сайттагы өзгөртүүлөрдү иштеп чыгып, индекстеп, бирок Домендин жумушчу столунун версиясына киргизилген жаңыртууларды кармай алган жок.

Сиз мобилдик сайттарды кандайдыр бир калдык деп ойлошуңуз мүмкүн, бирок алар чындыгында эле бар.

Ашыкча Server Server коргоону Spotting Chrome DevTools колдонуу

Интернетте зыяндуу ниети бар адамдар көп. Көптөгөн хакерлер жана кара ниеттик менен бузулган адамдар Google'ду интернеттеги сайттарга каршы колдонууга аракет кылышат. Ушул себептен улам, кээ бир серверлердин топтому CDN жана башка хостинг провайдерлери спамдык сойлоп жүрүүчүлөрдүн сайтка кирүүсүн токтотуу максатында, Googlebot шылуундарын токтотуучу айрым орнотулган функцияларды сунушташы мүмкүн. Ашыкча аракет менен, бул сайттар Googlebotтун сайтка кирүүсүнө тоскоол болушу мүмкүн. Кээде колдонуучулар "Уруксатсыз суроо-талапка бөгөт коюлган" деген билдирүүлөрдү көрө алышат.

Эгерде биз Google'дун SERPинде ушундай билдирүүлөргө туш болсок, анда браузер мазмунун эч кандай көйгөйсүз жүктөсө дагы, мыйзам бузуу болуп жаткандыгын дароо билебиз.

Колдонуучу-Агент которуштуруу функциясын колдонуу менен, Колдонуучу-Агентти Googlebot Smartphone кылып орноткондо эле, сайт ошол билдирүүнү тейлеп жаткандыгын көрө алабыз.

DevTools программасында негизги веб-борборлорду диагностикалоо

Performance tab - бул DevTools программасынын эң маанилүү өзгөчөлүктөрүнүн бири. Бул барактын ылдамдыгына жана иштешине таасирин тийгизген көйгөйлөрдү чечүү үчүн мыкты шлюз катары кызмат кылат. Жалпысынан, DevTools негизги веб-валиталдарга байланыштуу айрым маалыматтарды сунуштай алат.

Google'дун Негизги Веб-борборлорун түзгөн көрсөткүчтөр бир нече убакыттан бери барак ылдамдыгынын жана иштөө отчетторунун бөлүгү болуп келген. SEO адистеринин ушул маселелерди кантип бөлүү керектиги жөнүндө сүйлөшүүсү абдан маанилүү. Веб мастерлер катары биз издөө натыйжалуулугун жогорулатуу үчүн негизги веб vitals маанилүүлүгүн тереңирээк түшүнө баштадык.

DevTools программасында иштөө таблицасын колдонгондо, маанилүү веб-метрикаларды жакшы түшүнүүгө кадам таштайбыз.

HTTP баштарыңызды эки жолу текшериңиз жана Колдонулбаган кодду карап чыгыңыз

Сиз SEO аудиттеринде жумшак 404s жөнүндө уктуңуз беле? Браузерде 404 баракча көрсөтүлүшү мүмкүн болгон жумшак 404s, бирок алар 200 OK жооп кодун кайтарып беришет.
Айрым учурларда, мазмун браузерде күтүлгөндөй эле жүктөлүшү мүмкүн; бирок, HTTP жооп коду 404 же 302 катасын көрсөтүшү мүмкүн. Ошондой эле жалпысынан туура эмес болушу мүмкүн же сиз күткөндөй болбой калышы мүмкүн. Кандай болбосун, ар бир барак жана ресурстар үчүн HTTP жооп кодун көрүү пайдалуу.

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

Бул учурда, DevTools баракты топтоого чакырылган бардык жеке ресурстарды көрсөтөт. Ага тиешелүү статус коддору жана шаркыратманын визуалдаштырылышы кирет.

Корутунду

Chrome DevTools менен сиз веб-сайтыңыздын чыныгы потенциалына жетүүсүн токтотуучу көйгөйлөрдү таап, чече аласыз. DevTools техникалык текшерүүлөрдө өзгөчө пайдалуу. Булардан тышкары, DevTools колдонууда ылдамдыкка ээ болосуз. Веб-браузерлерибизден чыкпай туруп, Semaltтагы командабыз веб-сайтты жөрмөлөөдөн баштап, анын канчалык деңгээлде жакшы иштей тургандыгына чейин текшерүү маселелерин билүү мүмкүнчүлүгүн сезе алабыз.

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


mass gmail