Nuxt

چک‌لیست سئو تکنیکال برای پروژه Nuxt

یک مسیر اجرایی برای کنترل HTML اولیه، metadata، canonical، داده ساختاریافته، تصاویر و خروجی generate در پروژه‌های Nuxt.

نویسنده
پویان قاسمی
انتشار
۱۷ مرداد ۱۴۰۵
به‌روزرسانی
۱۷ مرداد ۱۴۰۵
زمان مطالعه
حدود 2 دقیقه

مدل رندر را برای هر مسیر انتخاب کنید

SSR، prerender و رندر کلاینت سه برچسب کیفیت نیستند؛ هرکدام پاسخ یک نیازند. صفحه محتوایی پایدار معمولاً برای generate مناسب است، در حالی که بخش شخصی‌سازی‌شده ممکن است به سرور یا کلاینت نیاز داشته باشد. مهم این است که ربات و کاربر در پاسخ اولیه محتوای اصلی را ببینند.

در پروژه استاتیک، فهرست مسیرهای پویا باید از همان دیتاست محتوایی تولید شود. اتکا به crawlLinks برای کشف همه ترکیب‌ها می‌تواند مسیرهای ناخواسته یا لینک‌های کم‌کیفیت را وارد خروجی کند.

  • HTML اولیه دارای H1 و محتوای اصلی
  • فهرست صریح prerender
  • صفحه 404 واقعی برای slug نامعتبر
  • عدم وابستگی محتوای SEO به onMounted

قرارداد metadata را متمرکز کنید

وقتی هر صفحه canonical و Open Graph را با روش جدا بسازد، تفاوت کوچک مسیر یا دامنه به‌سرعت مشکل ایجاد می‌کند. یک composable مشترک می‌تواند URL را نرمال، query را حذف و تصویر را به نشانی مطلق تبدیل کند.

عنوان و توضیح باید از مدل همان صفحه بیایند و در build با بقیه صفحات مقایسه شوند. title یکتا تضمین کیفیت محتوا نیست، اما تکرار آن یک هشدار روشن معماری است.

  • useSeoMeta برای تگ‌های typed
  • canonical خودارجاع
  • Open Graph image مطلق
  • robots مطابق وضعیت ایندکس

Schema را با داده واقعی محدود کنید

BreadcrumbList، Service، Article و CreativeWork زمانی مفیدند که دقیقاً محتوای قابل مشاهده صفحه را توصیف کنند. افزودن review، rating، قیمت یا نشانی ساختگی نه‌تنها کمکی نمی‌کند بلکه اعتماد داده را از بین می‌برد.

JSON-LD باید در HTML تولیدشده قابل مشاهده و از داده‌های همان صفحه ساخته شود. پرسش‌های FAQ فقط وقتی وارد FAQPage شوند که واقعاً در صفحه نمایش داده می‌شوند.

  • یک WebPage برای هویت صفحه
  • Breadcrumb هماهنگ با رابط
  • FAQPage فقط برای FAQ قابل مشاهده
  • عدم ادعای LocalBusiness بدون مکان واقعی

دارایی و خروجی نهایی را بررسی کنید

Nuxt Image زمانی مفید است که تصویر محلی، ابعاد اصلی، sizes و فرمت مناسب داشته باشد. تعیین width و height فضای تصویر را رزرو می‌کند و از جابه‌جایی ناگهانی صفحه جلوگیری می‌شود.

پس از generate باید فایل‌های HTML، sitemap و robots از داخل خروجی استاتیک بررسی شوند. موفق بودن dev server تضمین نمی‌کند که hosting ساده تمام مسیرهای پویا و تصاویر تبدیل‌شده را در اختیار داشته باشد.

  • NuxtPicture با AVIF و WebP
  • alt توصیفی و غیرانبوه
  • بررسی URLهای sitemap در خروجی
  • اجرای مرورگر روی static preview
ادامه مسیر

صفحات مرتبط با این راهنما.

پرسش‌های رایج

پرسش‌های مرتبط

آیا Nuxt generate برای SEO مناسب است؟

برای محتوای پایدار بله؛ اگر همه مسیرهای معتبر prerender، metadata کامل و فایل‌های استاتیک قابل دسترسی باشند.

canonical در سایت استاتیک چگونه ساخته می‌شود؟

از دامنه ثابت production و مسیر نرمال هر صفحه؛ query و تفاوت trailing slash نباید canonicalهای متعدد بسازند.

آیا Nuxt Image در خروجی استاتیک کار می‌کند؟

بله؛ provider استاتیک تصاویر قابل کشف را هنگام generate می‌سازد، بنابراین مسیرها و اندازه‌های مورد استفاده باید در فرایند prerender دیده شوند.

ارتباط مستقیم

برای پروژه بعدی تماس بگیرید.

درباره هدف، محدودیت و مرحله فعلی پروژه صحبت می‌کنیم تا مسیر بعدی روشن شود.

تماس با من09130084329