Chrome DevTools یک ابزار عالی برای بررسی سئو سایت است.

همانطور که می دونید اکثر ابزارهای سئو سایت پولی هستند، اما Chrome DevTools یک ابزار رایگان است که برای اهداف سئو می تونید ازش استفاده کنید.

استفاده از Chrome DevTools

از سه طریق می توان به ابزار Chrome DevTools دسترسی پیدا کرد.

یکی اینکه روی سایت راست کلیک کنید و inspect بگیرید.

روش دوم این هست از منوی سه نقطه ای در گوشه سمت راست بالای مرورگر ، گزینه های Tools> Tools Developer را انتخاب کنید.

روش سوم فشردن همزمان کلید های CTRL+SHIFT+m در ویندوز هست.

در ادامه برای شما توضیح می دهم که چگونه از این ابزار برای بهبود سئو سایتتون استفاده کنید.

بررسی در دسترس بودن متن

شما می توانید عناصر محتوا مثل متا تگ ها را ببینید و آنچه در source صفحه است را با محتوای برگه مقایسه کنید.

نکته اساسی که باید در اینجا جستجو کنید تفاوت بین کد منبع و محتوای برگه عناصر است.

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

شبیه سازی در دستگاه ها با ابعاد مختلف

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

مشاهده سایت در حالت موبایل
DevTools مشاهده سایت ریسپانسیو

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

سرعت سایت

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

اگرچه ابزارهای مختلفی برای بررسی سرعت سایت هست اما DevTools  یک ابزار عالی برای بررسی سرعت سایت است.

برای دسترسی به این بخش روی سه نقطه کلیک کنید و از گزینه more tools , network conditions را انتخاب کنید.

در پنل شبکه می تونید موارد زیر را انتخاب کنید:

cache  را غیرفعال کنید.

انتخاب شبکه slow 3G یا fast 3G از قسمت custome می توانید مقدار مورد نظر خود را وارد نمایید.

همچنین می توانید نوع مرورگر و دستگاه را هم از قسمت user agent انتخاب نمایید.

بهتره در این بخش از گوگل آنالیتیکس چک کنید بیشتر با چه دستگاهی و با چه مرورگرهایی سایتتون بازدید شده و آنها را چک کنید.

بعد از اینکه این تنظیمات را انجام دادید، به تب network برید و زمان بارگذاری صفحه را بررسی کنید. زمان DOMContentLoaded نیز در این بخش به شما نمایش داده می شود.

در نهایت برای بررسی دقیق تر سرعت سایتتون می توانید از Google Lighthouse در تب Audits  استفاده کنید.

بررسی منابع مسدود کننده

همانطور که بالاتر گفتم، از تب network می توانید ببینید کدام منابع javascript و css قبل از DOM بارگذاری می شوند.

اگرچه این مشکل در بیشترسایتها وجود ندارد، اما بارگذاری منابع css و js پیش از DOM ممکن است مانع بارگذاری آن شود که تاثیر مستقیم روی سرعت سایت دارد و براحتی قابل حل است.

برای شناسایی این منابع در تب شبکه css و  js را فیلتر کنید.

بررسی کد وضعیت منبع

حتما در تب network وضعیت منابع خود را بررسی کنید و آنهایی که خطای 4xx  و یا 5xx  دارند را مورد  بررسی قرار دهید.

منابعی که کد 200 و 304 را برمی گرداندند، بدون مشکل هستند.

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

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *