نحوه ردیابی مسیر تغییر مسیر URL در DevTools

به روز رسانی: 29 سپتامبر 2024.

در این راهنمای سریع، نحوه ردیابی مسیر تغییر مسیر URL را با استفاده از ابزار توسعه کروم توضیح خواهم داد. این روش سریع است و به ابزار یا افزونه اضافی فراتر از خود کروم نیاز ندارد.

اگر بیشتر یک یادگیرنده بصری هستید، شما را نیز دعوت می کنم ویدیوی من را تماشا کنید جایی که من این مراحل را در زمان واقعی نشان می دهم. با توضیح نحوه بازرسی تغییر مسیرها در Chrome DevTools، می توانید ادامه دهید.

مراحل ردیابی تغییر مسیرها با استفاده از ابزار توسعه کروم

این هم نسخه ویدیویی:

در اینجا نسخه نوشته شده است:

1. Chrome DevTools را باز کنید. برای شروع، Chrome DevTools را باز کنید. دو راه برای این کار وجود دارد:
   • در هر نقطه از صفحه کلیک راست کرده و "Inspect" را از منوی بازشو انتخاب کنید. همچنین، فشار دهید Ctrl+Shift+I در ویندوز (یا Cmd+Option+I در مک).
   با این کار پانل DevTools باز می شود که شامل تمام ابزارهایی است که برای تجزیه و تحلیل درخواست های شبکه برای صفحه نیاز دارید.
2. به تب Network بروید. پس از باز شدن DevTools، آن را پیدا کنید شبکه زبانه در بالا. این تب به شما امکان می دهد تمام فعالیت های شبکه، از جمله درخواست های HTTP، پاسخ ها و تغییر مسیرها را مشاهده کنید. اگر هیچ داده ای نمی بینید، مطمئن شوید که دکمه ضبط فعالیت شبکه روشن است (نقطه قرمز).
3. صفحه را بارگیری مجدد کنید. پس از باز کردن تب Network، باید صفحه را مجدداً بارگیری کنید تا همه درخواست ها ثبت شوند. را فشار دهید F5 یا Ctrl+R (در مک، فشار دهید Cmd+R) برای تازه کردن صفحه. این باعث می شود که مرورگر مجموعه جدیدی از درخواست های شبکه، از جمله هرگونه تغییر مسیری که ممکن است رخ دهد، ارسال کند.
4. تغییر مسیرها را در گزارش شبکه پیدا کنید. در فهرست درخواست های شبکه که ظاهر می شوند، به دنبال ورودی های متعددی باشید که با یک منبع مطابقت دارند. درخواست اول معمولاً URL اولیه را نشان می دهد، و اگر تغییر مسیر وجود داشته باشد، درخواست های بعدی دنبال می شود. تغییر مسیرها به عنوان ردیف های جداگانه نمایش داده می شوند و نشان می دهند که مرورگر چگونه زنجیره را دنبال می کند.
5. هدرها را برای جزئیات ریدایرکت بررسی کنید. برای اینکه ببینید تغییر مسیر مرورگر را به کجا می فرستد، روی یکی از درخواست ها کلیک کنید. سپس، به سرصفحه ها زبانه سمت راست به پایین اسکرول کنید سرصفحه های پاسخ بخش به دنبال مکان هدر—این جایی است که شما URL مقصد را برای تغییر مسیر خواهید دید. شما می توانید در هر مرحله از زنجیره کلیک کنید تا همه URL های درگیر در فرآیند تغییر مسیر را بررسی کنید.
6. کد وضعیت نهایی را بررسی کنید. پس از رسیدن به آخرین درخواست، کد وضعیت را بررسی کنید. الف 200 OK وضعیت نشان می دهد که صفحه نهایی با موفقیت بارگذاری شده است. با این حال، اگر صفحه با یک خاتمه یابد 404 یا وضعیت خطای دیگری، ممکن است مشکلاتی در زنجیره تغییر مسیر وجود داشته باشد که نیاز به بررسی بیشتر دارد.

ابزارهای دیگری که می توانید برای ردیابی تغییر مسیرها استفاده کنید

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

• ردیابی تغییر مسیر پیوند (Chrome Extension) یک ابزار سبک وزن برای بررسی زنجیره های تغییر مسیر مستقیماً در مرورگر شما است.
• Screaming Frog SEO Spider می تواند کل سایت شما را بخزد و به شما کمک کند تا هرگونه تغییر مسیر مشکل دار را پیدا کنید. این به ویژه برای وب سایت های بزرگ با URL های زیاد مفید است.