استفاده از Chrome DevTools برای عیب یابی - پیام های Semalt



Chrome DevTools چیزی نیست که برای بیشتر متخصصان سئو بیگانه باشد. از طرف دیگر ، ممکن است یکی از مواردی باشد که هنوز یاد نگرفته اید. خوب ، در Semalt ، بخشی از روند ما در تأمین نیازهای مشتری مشتری ما به روش آموزش ما در مورد جنبه های لازم وب سایت شما بستگی دارد.

Chrome Dev Tools برای سئو مهم است زیرا ما از آن در عیب یابی استفاده می کنیم. برای فعال کردن ارتباط آسان بین Semalt و مشتریان ما ، ما می خواهیم به شما نشان دهیم که چگونه از این ابزار برای رفع مشکلات SEO در وب سایت شما استفاده می کنیم.

با استفاده از Chrome Dev Tools ، می توان موضوعات زیربنایی سئو را جستجو کرد ، از Crawlabiltiyy یک وب سایت تا عملکرد آن. در این مقاله ، ما سه روش استفاده از این ابزارها را برای ارائه خدمات بهتر به مشتریان برجسته خواهیم کرد.

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 و کلیک بر روی یک دکمه بازرسی است. به عنوان متخصصان سئو ، باید بیشتر از این دقت کنیم ، اما شما ایده استفاده از آن را دارید. در Semalt ، ما هم از صفحه Element استفاده می کنیم که به ما امکان مشاهده DOM را می دهد و هم از CSS که چند ابزار مختلف دیگر را در کشوی کنسول امکان پذیر می کند.

ما مرحله به مرحله شما را در مورد چگونگی استفاده از این ابزار در عیب یابی SEO جستجو خواهیم کرد.

برای شروع ، باید کلیک راست کنید و سپس inspect را انتخاب کنید. به طور پیش فرض ، پانل عنصر را مشاهده خواهید کرد ، و این یک نگاه اجمالی به DOM و ماهیت صفحه سبک مورد استفاده در ساخت صفحه دارد.

داشتن این دیدگاه موارد زیادی را در اختیار ما قرار می دهد تا در آنها غواصی کنیم. با این وجود ، کشوی کنسول را قادر می سازیم تا از جعبه ابزار کاملاً استفاده کند.

روی نقطه هایی که در کنار نماد تنظیمات ظاهر می شوند کلیک کنید و به پایین بروید تا با گزینه Show console drawer مواجه شویم. روش دیگر ، ما به سادگی بر روی کلید Escape کلیک می کنیم.

با فعال کردن کنسول و صفحه عناصر ، کاربران می توانند نگاهی اجمالی به کدی که در DOM ارائه شده است ، دریافت کنند. همچنین کاربران سبک هایی را که برای رنگ آمیزی کد در مرورگر استفاده شده است ، مشاهده خواهند کرد. همینطور چندین ابزار دیگر که از کشوی کنسول به آنها دسترسی دارید.

برای اولی ها ممکن است کشوی کنسول خود کنسول را نشان ندهد ، اما پس از مدتی استفاده از Chrome DevTools ، کشوی کنسول شروع به نشان دادن خود کنسول می کند. پنل کنسول شما به شما امکان می دهد پیام های وارد شده را مشاهده کنید و همچنین javascript را اجرا کنید. امروز ما در آن غوطه ور نمی شویم.

در عوض ، در اینجا سه ​​ابزار اضافی وجود دارد که ما به آنها می پردازیم:
برای یافتن این ابزارها ، ابزارهای بیشتری را انتخاب کنید و هر یک از این سه مورد را انتخاب کنید تا به عنوان زبانه در کشوی کنسول ظاهر شوند. بعد از فعال کردن این سه پنل ، می توانیم عیب یابی را شروع کنیم.

تغییر عامل کاربری در DevTools

Switching User-Agent یکی از روشهای نادیده گرفته شده برای استفاده از DevTools است. این یک تست ساده است که به ما کمک می کند چندین مسئله مختلف را کشف کنیم زیرا بینشی در مورد مشاهده و پردازش ویژگی های اطلاعاتی Googlebot در یک سایت فراهم می کند.

برای تیم ما از متخصصان تحقیق در زمینه جستجوگرها ، DevTools به عنوان ذره بین شایسته و قابل اعتماد استفاده می شود ، به ما امکان می دهد در یک وب سایت بزرگنمایی کنیم تا علاوه بر جلوگیری از توسعه چنین موضوعاتی ، از ریشه اصلی این موارد نیز مطلع شویم.

چگونه می توان نماینده کاربری خود را در Chrome DevTools روشن کرد؟

هنگام تغییر کاربری عامل خود در Chrome ، باید از زبانه شرایط شبکه در کشوی کنسول خود استفاده کنید. برای این کار ، علامت انتخاب به صورت خودکار را بردارید ، که به شما امکان می دهد محتوا را با استفاده از تلفن هوشمند Googlebot ، Bingbot یا تعداد دیگری از نمایندگان کاربر مشاهده کنید تا نحوه تحویل محتوای خود را ببینید.

در رویدادی که Google برچسب عنوان یا متا توضیحات به روز شده را در SERP نشان نمی دهد ، بدون شک صاحب چنین وب سایتی نگران خواهد شد. درک اینکه چرا Google استفاده از برچسب عنوان کاملاً متفاوتی را انتخاب کرده یا آن را به روز نکرده است ، در اطمینان از اجرای تغییراتی که ایجاد کرده اید مهم است.

استفاده از Chrom DevTool برای مواردی از سایت جایگزین تلفن همراه

در یک مورد مشابه ، پس از تغییر عامل کاربری به تلفن هوشمند Googlebot ، متوجه شدیم که این سایت همچنان در حال سرویس دهی سایت های موبایل جایگزین به Googlebot است. اما از آنجا که گوگل قبلاً به نمایه سازی همراه اول روی آورده است ، تغییرات را در سایت تلفن همراه پردازش و نمایه سازی کرد اما نتوانست به روزرسانی هایی را که در نسخه دسک تاپ دامنه اعمال شده بود ، دریافت کند.

ممکن است تصور کنید که سایت های موبایل از یادگارهایی هستند ، اما در واقع هنوز هم وجود دارند.

استفاده از Chrome DevTools در لکه گیری محافظت بیش از حد از سرور

افراد زیادی با نیت سوicious در وب وجود دارند. بسیاری از هکرها و اشرار مخرب سعی در استفاده از Google علیه سایت های موجود در اینترنت دارند. به همین دلیل ، برخی از سرورها CDN ها و سایر ارائه دهندگان میزبانی را ممكن است از ویژگی های داخلی استفاده كنند كه حقه بازی های Googlebot را متوقف می كنند ، زیرا هدف اصلی آنها جلوگیری از دسترسی خزنده های اسپمی به سایت است. با تلاش بیش از حد ، ممکن است در نهایت این سایت ها از دسترسی Googlebot به سایت جلوگیری کنند. گاهی اوقات ، کاربران پیام هایی را می بینند که حاوی "درخواست غیرمجاز مسدود شده" است.

اگر با چنین پیام هایی در SERP گوگل روبرو شویم ، بلافاصله می دانیم که خطایی رخ داده است حتی اگر مرورگر بدون هیچ مشکلی محتوای مورد نظر را بارگیری کند.

با استفاده از ویژگی سوئیچ User-Agent ، به محض اینکه User-Agent را روی Googlebot Smartphone تنظیم کنیم ، می بینیم که سایت در حال ارسال آن پیام است.

تشخیص حیات وب اصلی در DevTools

برگه عملکرد یکی از مهمترین ویژگی های DevTools است. این به عنوان یک دروازه عالی برای عیب یابی مواردی است که بر سرعت و عملکرد صفحه تأثیر می گذارد. با توجه به یک یادداشت کلی ، DevTools می تواند برخی از اطلاعات عملی را در مورد حیوانات اصلی وب ارائه دهد.

معیارهایی که Core Web Vital های گوگل را تشکیل می دهند مدتی است بخشی از گزارش سرعت و عملکرد صفحه هستند. بسیار مهم است که متخصصان سئو با نحوه تفکیک این مسائل آشنا باشند. ما به عنوان مدیر وب سایت ، به شدت از اهمیت حیوانات اصلی وب برای کارآیی جستجو آگاه شده ایم.

هنگام استفاده از برگه عملکرد در DevTools ، یک قدم به درک بهتر معیارهای مهم وب نزدیک می شویم.

هدرهای HTTP خود را دوباره بررسی کرده و کد استفاده نشده را مرور کنید

آیا تا به حال در ممیزی های SEO خود در مورد نرم 404 شنیده اید؟ خوب ، نرم 404 زمانی است که ممکن است مرورگر صفحه 404 را نشان دهد ، اما 200 کد پاسخ خوب را برمی گرداند.
در بعضی موارد ، ممکن است محتوا دقیقاً مطابق انتظار در مرورگر بارگیری شود. با این حال ، کد پاسخ HTTP ممکن است خطای 404 یا 302 را نشان دهد. همچنین می تواند به طور کلی نادرست باشد یا آن چیزی که انتظار داشتید نباشد. در هر صورت ، دیدن کد پاسخ HTTP برای هر صفحه و منبع مفید است.

در حالی که انبوهی از برنامه های افزودنی شگفت انگیز Chrome وجود دارد که با استفاده از DevTools اطلاعات ارزشمندی در مورد کدهای پاسخ به شما می دهند ، می توانند شما را قادر به بررسی مستقیم این اطلاعات کنند.

در این مرحله ، DevTools تمام منابع منفردی را که برای جمع آوری صفحه فراخوانی شده اند ، نشان می دهد. این شامل کدهای وضعیت مربوطه و تجسم آبشار است.

نتیجه

با Chrome DevTools ، این توانایی را دارید که موارد اساسی را که دسترسی وب سایت شما به پتانسیل های واقعی آن را متوقف می کند ، پیدا کرده و آنها را برطرف کنید. DevTools مخصوصاً در ممیزی های فنی شما مفید است. علاوه بر این ، هنگام استفاده از DevTools از سرعت نیز لذت می برید. بدون خروج از مرورگرهای وب ، تیم ما در Semalt می تواند احساس قدرت کند تا مسائل مربوط به بررسی از خزیدن یک وب سایت تا عملکرد آن را تشخیص دهد.

Semalt برای کمک به شما در ارائه بهترین ها در وب سایت خود اینجا است و امیدواریم با تیم ما در تماس باشید. ما امیدواریم که از تو خبری بشنویم.


mass gmail