تغییر مسیرهای ایستا در Vercel – DEV Community

Summarize this content to 400 words in Persian Lang
هنگام استقرار برنامه‌ها در Vercel، یکی از ویژگی‌های کلیدی که مفید است، امکان تنظیم تغییر مسیرهای ثابت است. تغییر مسیرها یکی از جنبه‌های ضروری توسعه وب هستند زیرا به شما امکان می‌دهند تغییرات URL را مدیریت کنید، لینک‌های شکسته را مدیریت کنید و از ناوبری روان برای کاربران بدون اختلال اطمینان حاصل کنید.

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

تغییر مسیرهای استاتیک چیست؟

تغییر مسیرهای ایستا قوانین از پیش تعریف شده ای هستند که به یک وب سرور دستور می دهند تا کاربران را از یک URL به URL دیگر ارسال کند. ریدایرکت ها می توانند برای چندین هدف استفاده شوند:

هدایت ترافیک از URL های قدیمی به آدرس های جدید پس از بازسازی سایت.
تغییر مسیر از HTTP به HTTPS برای امنیت بهتر.
رفع لینک های قدیمی یا شکسته با هدایت کاربران به محتوای صحیح.
مدیریت جابجایی های موقت یا دائمی صفحات وب.

با Vercel، می توانید به راحتی تغییر مسیرهای استاتیک را از طریق خود پیکربندی کنید vercel.json فایل پیکربندی، تضمین مدیریت کارآمد و روان URL برای وب سایت یا برنامه وب شما.

چرا از تغییر مسیرهای ثابت استفاده کنیم؟

مزایای SEO: تغییر مسیرها به حفظ رتبه بندی موتورهای جستجو کمک می کند و اطمینان حاصل می کند که کاربران پس از تغییر URL در صفحات مناسب قرار می گیرند.

تجربه کاربری: هدایت کاربران از URL های قدیمی یا خراب به آدرس های کاربردی به بهبود تجربه کاربر کمک می کند.

امنیت: اجرای تغییر مسیرهای HTTPS امنیت سایت شما را بهبود می بخشد.

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

راه اندازی تغییر مسیرهای استاتیک در Vercel

مرحله 1: خود را اصلاح کنید vercel.json فایل

Vercel از vercel.json فایل پیکربندی برای مدیریت تنظیمات مختلف استقرار، از جمله تغییر مسیرهای استاتیک. شما می توانید تغییر مسیرهای خود را در داخل این فایل با استفاده از redirects کلید

در اینجا مثالی از نحوه تنظیم یک تغییر مسیر اصلی در آمده است vercel.json:

{
“redirects”: [
{
“source”: “/old-url”,
“destination”: “/new-url”,
“permanent”: true
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

توضیح:

منبع: مسیر URL اصلی که می خواهید تغییر مسیر دهید.

مقصد: مسیر URL که می خواهید کاربر را در آن بفرستید.

دائمی: یک مقدار بولی که تعیین می کند آیا تغییر مسیر دائمی است (true برای 301) یا موقت (false برای 302).

مثال 1: تغییر مسیر از HTTP به HTTPS

برای اطمینان از اینکه کاربران همیشه از طریق HTTPS به سایت شما دسترسی دارند، می‌توانید تغییر مسیری را مانند این تنظیم کنید:

{
“redirects”: [
{
“source”: “http://yourdomain.com/:path*”,
“destination”: “https://yourdomain.com/:path*”,
“permanent”: true
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

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

مثال 2: همه 404 ها را به یک صفحه سفارشی هدایت کنید

گاهی اوقات، ممکن است بخواهید کاربرانی که در صفحاتی که وجود ندارند (خطاهای 404) را به یک صفحه سفارشی هدایت کنید. در اینجا نحوه تنظیم آن آمده است:

{
“redirects”: [
{
“source”: “/:path*”,
“destination”: “/custom-404”,
“permanent”: false,
“statusCode”: 404
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این تنظیمات تمام صفحات موجود را به یک صفحه سفارشی 404 هدایت می کند و تجربه کلی کاربر را بهبود می بخشد.

مثال 3: تغییر مسیر به یک URL خارجی

در برخی موارد، ممکن است بخواهید ترافیک را به یک سایت خارجی هدایت کنید. در اینجا نحوه انجام این کار آمده است:

{
“redirects”: [
{
“source”: “/blog”,
“destination”: “https://external-blogsite.com”,
“permanent”: true
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

مرحله 2: استقرار در Vercel

هنگامی که تغییر مسیرهای خود را در قسمت پیکربندی کردید vercel.json فایل، می توانید پروژه خود را در Vercel مستقر کنید. هنگامی که استقرار شما فعال شود، تغییر مسیرها به طور خودکار اعمال می شوند.

برای استقرار، می توانید از دستور زیر در ترمینال خود استفاده کنید:

vercel –prod

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

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

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

1. در صورت لزوم از تغییر مسیرهای دائمی استفاده کنید

وقتی مطمئن شدید که یک URL برای همیشه تغییر کرده است، از تغییر مسیر دائمی (301) استفاده کنید تا به موتورهای جستجو اطلاع دهید که URL قدیمی باید در فهرست آنها جایگزین شود. برای تغییر مسیرهای موقت، از کد وضعیت 302 استفاده کنید.

2. اطمینان حاصل کنید که آدرس منبع و مقصد شما صحیح است

مسیرها را دوبار بررسی کنید source و destination فیلدهایی برای جلوگیری از تغییر مسیرهای شکسته یا نادرست.

3. زنجیره های تغییر مسیر را به حداقل برسانید

تغییر مسیرهای متوالی زیاد (زنجیره های تغییر مسیر) می تواند منجر به کاهش سرعت بارگذاری و عملکرد ضعیف سئو شود. از زنجیره‌ای کردن چندین تغییر مسیر متوالی خودداری کنید.

4. از Wildcards و Placeholders استفاده کنید

Vercel از الگوهای wildcard و placeholder پشتیبانی می کند، مانند :path*، برای اعمال تغییر مسیر به چندین URL به طور همزمان. این می تواند پیکربندی شما را ساده کرده و افزونگی را کاهش دهد.

به عنوان مثال، تنظیمات زیر همه URL های موجود در آدرس را هدایت می کند /docs دایرکتوری به /documentation دایرکتوری:

{
“redirects”: [
{
“source”: “/docs/:path*”,
“destination”: “/documentation/:path*”,
“permanent”: true
}
] }

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5. ریدایرکت های خود را رصد کنید

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

نتیجه گیری

تغییر مسیرهای استاتیک یک ابزار ضروری در مدیریت جریان ترافیک در وب سایت شما و بهبود تجربه کاربر و سئو است. Vercel تنظیم تغییر مسیرهای استاتیک را با استفاده از vercel.json فایل پیکربندی با پیروی از بهترین روش‌ها مانند به حداقل رساندن زنجیره‌های تغییر مسیر، استفاده از کدهای وضعیت صحیح، و نظارت بر تغییر مسیرهای خود، می‌توانید از ناوبری روان برای کاربران خود و انتقال بدون درز با تکامل سایت خود اطمینان حاصل کنید.

اگر برنامه خود را در Vercel پیاده‌سازی می‌کنید، راه‌اندازی تغییر مسیرهای ثابت را برای مدیریت تغییرات URL، مدیریت لینک‌های شکسته و اطمینان از بهترین تجربه ممکن برای کاربران خود در نظر بگیرید.

{
  "redirects": [
    {
      "source": "/old-url",
      "destination": "/new-url",
      "permanent": true
    }
  ]
}

{
  "redirects": [
    {
      "source": "http://yourdomain.com/:path*",
      "destination": "https://yourdomain.com/:path*",
      "permanent": true
    }
  ]
}

{
  "redirects": [
    {
      "source": "/:path*",
      "destination": "/custom-404",
      "permanent": false,
      "statusCode": 404
    }
  ]
}

{
  "redirects": [
    {
      "source": "/blog",
      "destination": "https://external-blogsite.com",
      "permanent": true
    }
  ]
}

vercel --prod

{
  "redirects": [
    {
      "source": "/docs/:path*",
      "destination": "/documentation/:path*",
      "permanent": true
    }
  ]
}