سئوی چندزبانه در Next.js با next-intl
راهنمای عملی برای ساخت سایتی کاملاً چندزبانه و سئو-فرندلی با next-intl — شامل روتینگ زبان، تگهای hreflang و پشتیبانی از راستبهچپ.
Mehran Hatami3 دقیقه مطالعهسئوی چندزبانه چیزی فراتر از ترجمه رشتههاست. موتورهای جستوجو باید بدانند صفحات فارسی، انگلیسی و آلمانی شما همان محتوا به زبانهای مختلف هستند — نه محتوای تکراری که با هم رقابت میکنند.
مسیرهای پیشوند-زبان و hreflang، از یک پیکربندی
سئوی چندزبانه واقعی یعنی هر زبان مسیر، چیدمان و hreflang مخصوص به خودش را دارد؛ نه یک ترجمه ساده روی یک ساختار ثابت.
next-intl روتینگ آگاه از زبان را ساده میکند: هر مسیر با پیشوند زبان خودش شروع میشود، و یک فایل پیکربندی routing.ts زبانهای پشتیبانیشده و زبان پیشفرض را مشخص میکند. از همانجا، ساخت hreflangهای محلیشده و متادیتای هر زبان با فراخوانی getTranslations داخل generateMetadata هر صفحه انجام میشود.
بخشی که راحت از قلم میافتد، مقدار x-default است — نشانهای که موتورهای جستوجو وقتی نمیتوانند بازدیدکننده را با اطمینان به یکی از زبانهای مشخصشده شما تطبیق دهند از آن استفاده میکنند. آن را به زبان پیشفرض سایت اشاره بده، نه اینکه اصلاً حذفش کنی.
راستبهچپ یک موضوع چیدمانی است، نه یک سوییچ CSS
پشتیبانی از راستبهچپ توجه ویژهای میطلبد. کافی نیست فقط direction: rtl را برعکس کنیم — فاصلهگذاری، آیکونها و انیمیشنهایی که از مقادیر فیزیکی left و right استفاده میکنند باید با ویژگیهای منطقی مثل start و end بازنویسی شوند، تا چیدمان واقعاً برای خواننده فارسیزبان درست باشد، نه فقط برعکسشده.
وقتی درست انجام شود، سئوی چندزبانه یعنی هر زبان با شرایط خودش، به زبان خودش رتبه میگیرد، با چیدمانی که واقعاً برای خوانندهاش بومی حس میشود، نه یک ترجمه دستوپاگیر.