🚀 بینگ؛ رقیب دیرینه‌ای که می‌خواهد از گوگل پیشی بگیرد ‎‎

«Martin Splitt»، پشتیبان توسعه‌دهندگان گوگل، اخیرا در ویدئویی نحوه استفاده از ابزار DeVtools کروم را برای پیداکردن مشکلات سئو، آموزش داده است. او در این ویدئو بیان می‌کند که DeVtool کروم در کنار سرچ کنسول (Google Search Console)، قدرتمندترین ابزارهای شناسایی مشکلات سئویی سایت‌ها هستند.

در بخش دیگری از این ویدئو هم ویژگی‌های خاص و منحصر به فرد Google Chrome Devtools و سرچ کنسول مثل تست موبایل فرندلی، المان‌های Tabو… آموزش داده می‌شود که در ادامه توضیح مختصری در مورد آن‌ها داده‌ایم.

تست موبایل فرندلی

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

زمانی که URL یک صفحه از محیط Staging را وارد می‌کنید، می‌توانید المان‌هایی که در فرایند رندرینگ HTML مشکل به وجود می‌آورند را مشاهده کنید.

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

استفاده از المان‌های Tab در کروم Devtools

این ویژگی پیش نمایشی از ساختار HTML صفحه به شما نشان می‌دهد که می‌تواند به شما کمک کند راحت‌تر محتوای موجود در ساختار را جستجو کنید. اگر محتوایی در HTML شما وجود نداشته باشد، در این صفحه هم نمایش داده نمی‌شود.

ویژگی Network Tab در کروم Devtools

این ویژگی به شما اجازه می‌دهد فرایندی که بین سرور و مرورگر اتفاق می‌افتد را بررسی کنید. زمانی که صفحه را مجدد بارگیری کنید، امکان مشاهده هر درخواست و پاسخی که سرور به آن داده است را خواهید داشت و اینکه هر درخواست چقدر طول می‌کشد پاسخ داده شود و در هر مرحله چقدر زمان صرف شده نیز، قابل مشاهده است.

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

تنظیم شرایط Network

تب Network در DevTools دارای ویژگی‌های دیگری مانند غیرفعال کردن حافظه پنهان، تنظیم سرعت انتقال شبکه و تغییر User Agent است.