حالت نقشه‌ی فنی فعال است — تصمیم‌های طراحی این سایت را ببینید

سئوی فنی برای سایت‌های Next.js و React: چک‌لیست عملی

بسیاری از سایت‌های مدرن خوب طراحی شده‌اند ولی برای موتور جستجو نامرئی‌اند. اینجا چک‌لیست فنی را می‌بینید: رندر سمت سرور، متادیتا، نقشه‌ی سایت، canonical، سرعت و داده‌ی ساختاریافته.

یک سایت می‌تواند زیبا و سریع باشد و باز هم در گوگل نیاید. علتش معمولاً محتوا نیست؛ مشکل فنی است که موتور جستجو را از دیدن یا فهمیدن صفحه بازمی‌دارد. این چک‌لیست همان چیزی است که برای همین سایت هم اجرا شده است.

۱. محتوا در HTML اولیه باشد

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

  • از رندر سمت سرور یا تولید استاتیک استفاده کنید.
  • با «نمایش سورس صفحه» بررسی کنید متن اصلی در پاسخ اولیه هست.
  • محتوای مهم را پشت کلیک، اسکرول بی‌نهایت یا لاگین قفل نکنید.

۲. هر صفحه عنوان و توضیح یکتا دارد

  • title حدود شصت نویسه و شامل موضوع اصلی.
  • description حدود صد و پنجاه نویسه و خلاصه‌ی واقعی، نه تبلیغ.
  • عنوان تکراری در چند صفحه نداشته باشید.

۳. آدرس‌ها پایدار و canonical مشخص

  • هر صفحه یک آدرس اصلی دارد و با تگ canonical اعلام می‌شود.
  • نسخه‌های http/https و www/بدون‌www به یک آدرس ریدایرکت شوند.
  • پارامترهای فیلتر و پیگیری آدرس تازه‌ی ایندکس‌شدنی نسازند.

۴. نقشه‌ی سایت و robots

  • sitemap.xml شامل همه‌ی صفحه‌های قابل‌ایندکس، با lastmod درست.
  • در robots.txt به نقشه‌ی سایت اشاره کنید و مسیرهای خصوصی را ببندید.
  • صفحه‌ی ادمین و API را noindex یا ممنوع کنید.

۵. سایت چندزبانه: hreflang

برای هر صفحه‌ای که ترجمه دارد، نسخه‌های جایگزین را معرفی کنید و یک x-default بدهید. نکته‌ی مهم: فقط میان ترجمه‌هایی که واقعاً وجود دارند hreflang بگذارید. اشاره به صفحه‌ی ناموجود خطا می‌دهد. این نکته در سئوی سایت فارسی هم مهم است.

۶. داده‌ی ساختاریافته

نشانه‌گذاری Schema.org به ماشین می‌گوید هر چیز چیست: شخص، مقاله، سازمان، پرسش و پاسخ. توضیح کامل در داده‌ی ساختاریافته چیست آمده است.

۷. سرعت و تجربه‌ی کاربری

گوگل Core Web Vitals را به‌عنوان بخشی از تجربه‌ی صفحه می‌سنجد:

  • تصویر اصلی را بهینه و با ابعاد مشخص بارگذاری کنید.
  • فونت را زیرمجموعه‌سازی کنید و font-display درست بگذارید.
  • از جابه‌جایی ناگهانی چیدمان جلوگیری کنید.
  • جاوااسکریپت غیرضروری را کنار بگذارید.

۸. پیوند داخلی

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

۹. اشتراک‌گذاری و تصویر

  • og:title, og:description, og:image برای هر صفحه.
  • تصویر ۱۲۰۰×۶۳۰ با متن خوانا.
  • alt توصیفی برای تصویرهای محتوایی.

۱۰. بررسی و اندازه‌گیری

  1. سایت را در Search Console ثبت و تأیید کنید.
  2. نقشه‌ی سایت را ارسال کنید و صفحه‌های مهم را بازرسی کنید.
  3. در بخش Pages ببینید چه چیزی ایندکس نشده و چرا.
  4. در Bing Webmaster هم ثبت کنید؛ چند دستیار هوشمند از ایندکس آن استفاده می‌کنند، چنان‌که در GEO توضیح داده‌ام.

جمع‌بندی

سئوی فنی یعنی هیچ مانعی میان خزنده و محتوای شما نباشد: HTML کامل، آدرس پایدار، متادیتای یکتا، نقشه‌ی سایت، hreflang درست، داده‌ی ساختاریافته و سرعت. بعد از آن، نوبت محتوای خوب است.

اگر سایت یا محصولتان به بازبینی فنی نیاز دارد، با من صحبت کنید.

نویسنده

محمد علی اسلامی‌پور

محمد علی اسلامی‌پور معمار محصول دیجیتال است؛ محصولات هوش مصنوعی، SaaS و اپ‌های وب را از تعریف مسئله و معماری سامانه تا انتشار، همراه تیم توسعه‌ی خودش هدایت می‌کند.