Chrome DevTools– ის პრობლემების მოგვარების მიზნით - Semalt მოთხოვნები



Chrome DevTools არ არის ისეთი რამ, რაც უცხოა SEO პროფესიონალების უმეტესობისთვის. პირიქით, ეს შეიძლება იყოს ერთ – ერთი მათგანი, რაც ჯერ კიდევ არ უნდა ისწავლოთ. კარგად, Semalt- ში, ჩვენი კლიენტის SEO- ს საჭიროებების ჩვენი პროცესის ნაწილი ეყრდნობა თქვენს გზას, თუ როგორ უნდა გაეცნოთ თქვენს ვებსაიტს საჭირო ასპექტებზე.

Chrome Dev Tools SEO– სთვის მნიშვნელოვანია, რადგან მას ვიყენებთ პრობლემების მოსაგვარებლად. იმისათვის, რომ გქონდეთ მარტივი კომუნიკაცია Semalt- სა და ჩვენს კლიენტებს შორის, გვსურს გაჩვენოთ, თუ როგორ ვიყენებთ ამ ინსტრუმენტს თქვენს ვებ – გვერდზე SEO– ს პრობლემების გადასაჭრელად.

Chrome Dev Tools– ით ჩვენ შეგვიძლია დავადგინოთ SEO– ს ძირითადი საკითხები, დაწყებული ვებ – გვერდის crawlabiltiy– ით, მის მუშაობამდე. ამ სტატიაში ჩვენ გამოვყოფთ ამ ხერხების სამ გზას, რომლითაც ჩვენი კლიენტები უკეთესად ვემსახურებით.

რა არის 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- ში ვიყენებთ როგორც Element- ის თვითმფრინავს, რომელიც საშუალებას გვაძლევს დავაკვირდეთ DOM- ს, ასევე CSS- ს, რომელიც საშუალებას გვაძლევს კონსოლის უჯრაში კიდევ რამდენიმე სხვადასხვა ინსტრუმენტი.

ჩვენ ეტაპობრივად გადავხედავთ პროცესს იმის შესახებ, თუ როგორ გამოიყენება ეს ინსტრუმენტი SEO- ს პრობლემების გადასაჭრელად.

დასაწყებად უნდა დააწკაპუნოთ თაგუნას მარჯვენა ღილაკით, შემდეგ კი შეამოწმოთ. სტანდარტულად, თქვენ დაინახავთ ელემენტის პანელის გამოჩენას და ეს გაეცნობით DOM- ს და სტილის ფურცლის ხასიათს, რომელიც გამოიყენება გვერდის აგებისას.

ამ ხედვის არსებობა გვთავაზობს უამრავ ნივთს, რომელშიც უნდა ჩავერთოთ; ამასთან, კონსოლის უჯრა საშუალებას გვაძლევს, სრულად ისარგებლოს ინსტრუმენტთა ნაკრებით.

დააჭირეთ წერტილებს, რომლებიც პარამეტრების ხატულის გვერდით გამოჩნდება და გადაახვიეთ ქვემოთ, სანამ არ შეგვხვდება Show console უჯრის ვარიანტს. გარდა ამისა, ჩვენ უბრალოდ დააჭირეთ გაქცევის კლავიშს.

კონსოლისა და ელემენტის პანელის ჩართვით, მომხმარებლებს შეუძლიათ გაეცნონ DOM- ში გაწეულ კოდს. მომხმარებლები ასევე იხილავენ სტილის ფურცლებს, რომლებიც გამოყენებულია ბრაუზერში კოდის შესაღებად. ასევე რამდენიმე სხვა ხელსაწყოზე, რომელზეც წვდომა გაქვთ კონსოლის უჯრიდან.

პირველადი ქრონომეტრებისთვის, შეიძლება კონსოლის უჯრაში არ ჩანდეს კონსოლი, მაგრამ მას შემდეგ, რაც ცოტა ხნით გამოიყენებთ Chrome DevTools- ს, პულტის უჯრა იწყებს თავად კონსოლის ჩვენებას. თქვენი კონსოლის პანელი საშუალებას გაძლევთ იხილოთ შესული შეტყობინებები და ასევე აწარმოოთ javascript. დღეს ამაში არ ჩავუღრმავდებოდით.

ამის ნაცვლად, აქ არის სამი დამატებითი ინსტრუმენტი, რომელსაც ჩვენ შევხედავთ:
ამ ხელსაწყოების მოსაძებნად, შეარჩიეთ მეტი ხელსაწყო და აირჩიეთ ამ სამი ელემენტიდან თითოეული ისე, რომ ისინი ჩანართების სახით ჩანდეს კონსოლის უჯრაში. ამ სამი პანელის ჩართვის შემდეგ, შეგვიძლია დავიწყოთ პრობლემების გადაჭრა.

მომხმარებლის აგენტის ჩართვა DevTools- ში

მომხმარებლის აგენტის გადართვა არის DevTools– ის გამოყენების ერთ – ერთი ყველაზე შეუმჩნეველი გზა. ეს არის მარტივი ტესტი, რომელიც დაგვეხმარა რამდენიმე სხვადასხვა საკითხის აღმოჩენაში, რადგან ის გვაწვდის იმის გარკვევას, თუ როგორ ხედავს და ამუშავებს Googlebot საიტზე არსებული ინფორმაციის მახასიათებლებს.

ჩვენი SEO საგამოძიებო პროფესიონალების გუნდისთვის DevTools გამოიყენება როგორც ღირსეული და სანდო გამადიდებელი შუშა, რომელიც საშუალებას გვაძლევს გავაუმჯობესოთ ვებ – გვერდზე არსებული საკითხები, რათა არა მხოლოდ თავიდან ავიცილოთ მსგავსი საკითხები, არამედ აგრეთვე გამოვავლინოთ ასეთი საკითხების ძირითადი მიზეზები.

როგორ შეგიძლიათ ჩართოთ თქვენი მომხმარებელი აგენტი Chrome DevTools- ზე?

თქვენი მომხმარებლის აგენტის Chrome- ში ჩართვისას, თქვენი კონსოლის უჯრაში უნდა გამოიყენოთ ქსელის პირობების ჩანართი. ამისათვის, ავტომატურად მონიშნეთ მონიშვნა, რაც საშუალებას გაძლევთ ნახოთ შინაარსი Googlebot სმარტფონის, Bingbot- ის ან სხვა მომხმარებლის აგენტების გამოყენებით, რომ ნახოთ თქვენი შინაარსის მიწოდება.

იმ შემთხვევაში, თუ Google არ აჩვენებს SERP– ში განახლებული სათაურის ნიშანს ან მეტა აღწერას, უეჭველია, რომ ასეთი ვებსაიტის მფლობელი შეშფოთდება. იმის გაგება, თუ რატომ აირჩია Google- მა სათაურის სხვა ნიშნის გამოყენება ან ვერ მოახდინა თეგის განახლება, მნიშვნელოვანია თქვენი განხორციელებული ცვლილებების განხორციელების უზრუნველსაყოფად.

Chrom DevTool– ის გამოყენება მობილური ალტერნატიული საიტის შემთხვევაში

მსგავს შემთხვევაში, მომხმარებლის აგენტის Googlebot სმარტფონზე გადართვის შემდეგ, აღმოვაჩინეთ, რომ საიტი კვლავ ემსახურებოდა ალტერნატიულ მობილურ საიტს Googlebot- ს. მაგრამ იმის გამო, რომ Google- მა უკვე შეცვალა მობილური პირველი ინდექსაცია, მან დაამუშავა და მოახდინა ცვლილებების ინდექსაცია მობილურ საიტზე, მაგრამ ვერ შეძლო დომენის დესკტოპის ვერსიაზე გაკეთებული განახლებების დაჭერა.

თქვენ შეიძლება ჩათვალოთ, რომ მობილური საიტები რაიმე სიწმინდეა, მაგრამ ისინი ნამდვილად არსებობენ.

Chrome DevTools– ის გამოყენება სერვერების ზედმეტად დაცვაში

ინტერნეტში უამრავი მავნე განზრახვის მქონე პიროვნებაა. ბევრი ჰაკერი და ბოროტი ბოროტი თანამშრომელი ცდილობს გამოიყენოს Google ინტერნეტის საშუალებით საიტების წინააღმდეგ. ამ მიზეზით, ზოგიერთ სერვერზე იწყებს CDN– ებს და ჰოსტინგის სხვა პროვაიდერებს, შეიძლება შემოგთავაზონ გარკვეული ჩამონტაჟებული ფუნქციები, რომლებიც აჩერებენ Googlebot– ის გაყალბებას, როდესაც მათი ნამდვილი განზრახვაა შეაჩერონ spammy crawlers საიტზე წვდომას. ზედმეტი მცდელობით, ამ საიტებმა შეიძლება დაბლოკოს Googlebot- ის საიტზე წვდომის მოპოვება. ზოგჯერ, მომხმარებლები ხედავენ შეტყობინებებს, სადაც წერია "არაავტორიზებული მოთხოვნა დაბლოკილია".

თუ Google- ის SERP- ზე ასეთი შეტყობინებები შეგვხვდება, მაშინვე ვიცით, რომ შეცდომაა გამოწვეული, მიუხედავად იმისა, რომ ბრაუზერი შინაარსს უპრობლემოდ ატვირთავს.

User-Agent გადართვის ფუნქციის გამოყენებით, ვხედავთ, რომ საიტი ემსახურება ამ შეტყობინებას, როგორც კი მომხმარებელი-აგენტი Googlebot სმარტფონს მივაყენებთ.

ძირითადი ვებ – ცხოველების დიაგნოზირება DevTools– ში

შესრულების ჩანართი DevTools– ის ერთ – ერთი ყველაზე მნიშვნელოვანი მახასიათებელია. იგი შესანიშნავი კარიბჭეა პრობლემების გადაჭრის საკითხებისთვის, რომლებიც გავლენას ახდენენ გვერდის სიჩქარეზე და მუშაობაზე. ზოგადი შენიშვნით, DevTools– ს შეუძლია შემოგთავაზოთ ქმედითი ინფორმაცია, როდესაც საქმე ეხება ვებ – მასალების ძირითად საკითხს.

Google- ის Core Web Vital- ების შემქმნელი საზომები გარკვეული დროის განმავლობაში იყო გვერდის სიჩქარისა და მუშაობის ანგარიშების ნაწილი. ძალიან მნიშვნელოვანია, რომ SEO პროფესიონალებმა უნდა იცოდნენ, თუ როგორ უნდა გაიარონ ამ საკითხები. როგორც ვებდიზაინერები, ჩვენ უფრო მწვავედ გავეცანით ძირითადი ვებ ვიტალების მნიშვნელობას ძიების ეფექტურობისთვის.

DevTools- ში შესრულების ჩანართის გამოყენებისას, ჩვენ ვდგამთ ნაბიჯს, რომ უკეთესად გავიგოთ მნიშვნელოვანი ვებ – მეტრიკის გააზრება.

გადაამოწმეთ თქვენი HTTP სათაურები და გადახედეთ გამოუყენებელ კოდს

ოდესმე გსმენიათ 404-იანი წლების შესახებ SEO აუდიტებში? კარგი, რბილი 404 არის ის, როდესაც ბრაუზერმა შეიძლება აჩვენოს 404 გვერდი, მაგრამ ისინი უბრუნებენ 200 კარგი რეაგირების კოდს.
ზოგიერთ შემთხვევაში, შინაარსი შეიძლება ჩატვირთოს ზუსტად ისე, როგორც მოსალოდნელია ბრაუზერში; ამასთან, HTTP საპასუხო კოდმა შეიძლება აჩვენოს 404 ან 302 შეცდომა. ეს შეიძლება ასევე იყოს ზოგადად არასწორი ან არა ის, რასაც ელოდით. ასეა თუ ისე, გამოსადეგია HTTP პასუხის კოდის ნახვა თითოეული გვერდისა და რესურსისთვის.

მართალია, არსებობს უამრავი საოცარი Chrome Extensions, რომლებიც მნიშვნელოვან ინფორმაციას მოგცემთ DevTools– ის გამოყენებით რეაგირების კოდების შესახებ, საშუალებას მოგცემთ პირდაპირ შეამოწმოთ ეს ინფორმაცია.

ამ ეტაპზე, DevTools აჩვენებს ყველა ინდივიდუალურ რესურსს, რომელიც იწურება გვერდის შესადგენად. ეს მოიცავს შესაბამის სტატუსის კოდებს და ჩანჩქერის ვიზუალიზაციას.

დასკვნა

Chrome DevTools- ის საშუალებით თქვენ გაქვთ შესაძლებლობა იპოვოთ და გაუმკლავდეთ იმ ძირითად საკითხებს, რომლებიც აჩერებს თქვენს ვებსაიტს რეალური პოტენციალის მიღწევაში. DevTools განსაკუთრებით სასარგებლოა თქვენი ტექნიკური აუდიტისთვის. გარდა ამისა, თქვენ ასევე სარგებლობთ სიჩქარით DevTools– ის გამოყენებისას. ჩვენი ვებ-ბრაუზერებიდან გამოსვლის გარეშე, ჩვენს გუნდს შეუძლია იგრძნოს, რომ შეუძლია შეამოწმოს ვებსაიტის ვებსაიტის გადამოწმების საკითხები, თუ რამდენად კარგად მუშაობს იგი.

Semalt აქ არის, რათა დაგეხმაროთ გამოავლინოთ საუკეთესო ინფორმაცია თქვენს ვებ – გვერდზე და ვიმედოვნებთ, რომ დაუკავშირდებით ჩვენს გუნდს. ჩვენ მოუთმენლად ველოდებით თქვენგან.


mass gmail