اگر وب سایت کسب و کار خود را به طور مکرر به روز رسانی می کنید، احتمالاً با ریدایرکت آشنا هستید. ریدایرکت اساساً به مرورگر کاربر می‌گوید: «سلام، محتوایی که به دنبال آن هستید در این URL نیست. اما نگران نباشید، ما شما را به جای مناسب می فرستیم.»
در حالی که بهتر است در صورت امکان از ریدایرکت خودداری کنید، اکثر صاحبان سایت معمولاً در یک مقطع زمانی نیاز دارند، چه تغییر مکان یک صفحه، تنظیم مجدد ساختار وب سایت، انتقال دامنه ها یا به روز رسانی URL ها از HTTP به HTTP. ریدایرکت صحیح تضمین می کند که هم بازدیدکنندگان و هم موتورهای جستجو با صفحات 404 بن بست مواجه نشوند، که می تواند به تجربه کاربری و رتبه بندی SEO شما در یک ضربه آسیب برساند.
دلایل شما برای ریدایرکت هرچه که باشد، چند راه برای انجام آن وجود دارد. در این پست، یک روش رایج، ریدایرکت HTML را یاد خواهید گرفت. ما در مورد اینکه ریدایرکت HTML چیست و چگونه می توان آنها را به وب سایت خود اضافه کرد، بحث خواهیم کرد، حتی اگر دانش عمیقی از HTML نداشته باشید. ما همچنین به چند روش جایگزین برای دسترسی بهتر نگاه خواهیم کرد. بیایید شروع کنیم.
ریدایرکت HTML چیست؟
ریدایرکت HTML (همچنین گاهی اوقات به‌روزرسانی متا یا ریدایرکت متا نیز نامیده می‌شود) راهی برای هدایت یک صفحه HTML به صفحه دیگر در سورس کد HTML است. ریدایرکت HTML شامل دستورالعمل‌هایی در بخشسند می‌شود که به مرورگر وب می‌گوید به طور خودکار صفحه دیگری را با تاخیر زمانی اختیاری قبل از انجام تازه‌سازی بازخوانی کند.ریدایرکت های HTML ساده ترین راه برای ریدایرکت URL هستند. آنها فقط شامل یک تغییر کوچک در سورس کد صفحه HTML قدیمی هستند و می توانند به راحتی و به سرعت انجام شوند. یک ریدایرکت HTML هم کاربران انسانی و هم موتورهای جستجو را به صفحه ای که می خواهید آنها را ببینند ارسال می کند.علاوه بر این، یک ریدایرکت HTML به شما امکان می دهد یک زمان تاخیر (بر حسب ثانیه) قبل از ارسال کاربر یا ربات موتور جستجو به صفحه جدید تعیین کنید. اگر می‌خواهید قبل از ریدایرکت یک پیام کوتاه نمایش دهید، این تاخیر مفید است.
نحوه ریدایرکت به صفحه دیگری در HTML
برای ریدایرکت یک صفحه HTML به صفحه دیگر، شما باید تگ <meta> در قسمت <head> صفحه قدیمی بگذارید. قسمت <head> بخشی از صفحه HTML است که متادیتا هایی که مرورگر ها استفاده میکنند را در خود نگهمیدارند، و برای کاربر نمایش نمی‌دهند.
نحوه استفاده از <meta> به صورت زیر است:
<meta http-equiv="refresh" content="delay_time; URL=new_website_url" />
در ریدایرکت HTML، تگشامل دو ویژگی http-equiv و content است. مقدار http-equiv همیشه refresh است – این به مرورگر می‌گوید که می‌خواهید به طور خودکار صفحه را بازخوانی کنید.
در مرحله بعد، ویژگی content دو مقدار می گیرد:
- delay_time یک مقدار عددی است که تاخیر را قبل از بارگیری صفحه وب جدید توسط مرورگر تعیین می کند. به عنوان مثال، مقدار 3 باعث می شود مرورگر قبل از ریدایرکت، سه ثانیه در صفحه قدیمی منتظر بماند.
- new_website_url URL صفحه وب است که می خواهید به آن ریدایرکت دهید.
مطمئن شوید که این دو مقدار را برای محتوا در یک جفت گیومه دوتایی که با یک نقطه ویرگول از هم جدا شده اند قرار دهید. در غیر این صورت، ریدایرکت کار نخواهد کرد.
اگر می‌خواهید فوراً کاربران را به صفحات وب جدید بفرستید، به سادگی زمان تأخیر خود را روی 0 تنظیم کنید. با این حال، ممکن است مواردی وجود داشته باشد که بخواهید قبل از ریدایرکت یک تأخیر تنظیم کنید. رایج ترین دلیل این است که به کاربران اطلاع دهیم که صفحه فعلی دیگر وجود ندارد و به زودی هدایت خواهند شد. این پیام معمولاً شامل پیوندی برای ارسال کاربران به صفحه جدید در صورت عدم هدایت آنها در مدت زمان تعیین شده است.
اگر بازدیدکننده ای از مرورگر وب قدیمی استفاده می کند، ممکن است تگبه درستی خوانده نشود و ریدایرکت رخ ندهد. اگر این اتفاق بیفتد، تنظیم تاخیر به کاربر این امکان را می دهد که روی لینک صفحه قدیمی کلیک کرده و به صفحه جدید ارسال شود.
ریدایرکت مثال کد HTML
اکنون، بیایید به یک مثال کد برای ریدایرکت HTML نگاهی بیاندازیم تا نحوه عملکرد آنها را بهتر درک کنیم.
در اینجا کد یک صفحه HTML است که کاربران را پس از سه ثانیه تاخیر به hubspot.com هدایت می کند. توجه داشته باشید که تگدر داخلسند قرار می گیرد.
<!DOCTYPE html> <html> <head> <title>Old Page</title> <meta charset="UTF-8" /> <meta http-equiv="refresh" content="3; URL=https://www.hubspot.com/" /> </head> <body> <p>This page has been moved. If you are not redirected within 3 seconds, click <a href="https://www.hubspot.com/">here</a> to go to the HubSpot homepage.</p> </body> </html>
این کد به چند دلیل مثال خوبی از نحوه نوشتن ریدایرکت HTML است. اولاً، تأخیر به اندازه‌ای کوتاه است که باعث اختلال بیش از حد در تجربه کاربر نشود و در عین حال برای اکثر کاربران زمان کافی برای خواندن پیام روی صفحه نمایش داده شود.
دوم، این پیام به کاربران این امکان را می دهد که فوراً به صفحه جدید بروند. همچنین در صورتی که به‌روزرسانی HTML به دلیل ناسازگاری مرورگر کار نمی‌کند، به کاربران اطلاع می‌دهد. این بازدیدکنندگان می‌توانند به سادگی روی پیوند لنگر کلیک کنند تا به صفحه جدید بروند.
مشکلات و جایگزین های ریدایرکت HTML
در حالی که ریدایرکت های HTML ساده ترین راه برای پیاده سازی ریدایرکت هستند، اما مشکلات دسترسی را نیز نشان می دهند. برخی از مرورگرهای قدیمی تگرا به درستی رندر نمی کنند، که باعث می شود صفحه قدیمی قبل از بارگیری صفحه جدید روی صفحه چشمک بزند (حتی اگر تاخیری بیش از 0 تنظیم کنید)، یا صفحه اصلاً به روز نمی شود.
اگر پیش‌بینی می‌کنید که این مشکل برای بسیاری از کاربران است، می‌توانید زمان تأخیر را روی 0 تنظیم کنید و در صورتی که مرورگر به‌طور خودکار صفحه جدید را بارگیری نکرد، یک پیوند لنگر به صفحه جدید در بخشاضافه کنید. مثال بالا
برای جلوگیری از این مشکلات، از روش ریدایرکت دیگری در وب سایت خود استفاده کنید. رایج ترین روش ریدایرکت امروزه، ریدایرکت HTTP است. ریدایرکت های HTTP روی سرور میزبان وب سایت پیکربندی می شوند و می توانند ریدایرکت 301 (دائمی) یا ریدایرکت 302 (موقت) باشند.
فرآیند شما به فناوری‌های خاصی که برای تقویت وب‌سایت خود استفاده می‌کنید بستگی دارد. به عنوان مثال، اگر یک وب‌سایت وردپرسی را اجرا می‌کنید، بهترین گزینه استفاده از افزونه ریدایرکت وردپرس است که از موارد پشتیبان برای شما مراقبت میکند و به شما امکان می‌دهد همه ریدایرکتهای سایت خود را از داشبورد خود مدیریت و پیگیری کنید.
ریدایرکت های جاوا اسکریپت جایگزین رایج دیگری است، اگرچه این امر مستلزم دانش برنامه نویسی جاوا اسکریپت و احتمالاً آزمون و خطای بیشتر برای درست شدن است. برای کسب اطلاعات بیشتر در مورد ریدایرکتهای جاوا اسکریپت، می توانید به این آموزش مبتدی مراجعه کنید.
ریدایرکتهای HTML: کاربران را به مکان مناسب بفرستید
برای موقعیت هایی که نیاز دارید به سرعت کاربران را از یک صفحه به صفحه دیگر هدایت کنید، ریدایرکتهای HTML مفید هستند و ابزاری عالی برای هر صاحب وب سایتی است که در جیب پشتی خود داشته باشد.
با این حال، این نوع ریدایرکت احتمالاً نباید هر بار مورد استفاده شما باشد. اغلب برای همه کاربران بهتر است یک ریدایرکت استاندارد HTTP 301 (دائمی) را پیاده سازی کنند. در صورت شک، با تیم پشتیبانی پلتفرم خود تماس بگیرید تا نظر آنها را در مورد آنچه که برای کاربران و سئوی شما بهترین است را دریافت کنید.
منبع: How to Set Up an HTML Redirect on Your Website
