سئوی فارسی در Next.js: از متا تا JSON-LD

چرا سئوی فارسی قلق خاص خودش را دارد؟

گوگل فارسی را می‌فهمد، اما خیلی از سایت‌ها با سه اشتباه ساده می‌سوزند: lang اشتباه، توضیحات تکراری، و تصاویر بدون alt فارسی. خبر خوب: در Next.js همه این‌ها با چند الگو حل می‌شود.

۱. اسکلت درست هر صفحه

export async function generateMetadata(): Promise<Metadata> {
  return {
    title: 'عنوان یکتا — حداکثر ۶۰ نویسه',
    description: 'توضیح یکتا — ۱۲۰ تا ۱۵۵ نویسه، با فعل.',
    alternates: { canonical: 'https://skillora.ir/blog/my-post' },
    openGraph: {
      title: 'عنوان یکتا',
      description: 'توضیح یکتا',
      locale: 'fa_IR',
      type: 'article',
    },
  };
}

و در layout.tsx: <html lang="fa" dir="rtl"> — همین یک خط، نیمی از مشکل راست‌چین است.

۲. Article JSON-LD بدون خطای سرچ کنسول

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "عنوان مقاله",
  "datePublished": "2026-09-27",
  "dateModified": "2026-09-30",
  "author": { "@type": "Person", "name": "نام نویسنده" },
  "inLanguage": "fa-IR"
}

dateModified را همیشه واقعی نگه دار — تاریخ فیک، اعتماد گوگل را کم می‌کند.

۳. تصاویر و سرعت

• نام فایل انگلیسی، alt فارسی توصیفی
• next/image با sizes واقعی، نه کپی‌پیست
• کاور ۱۶:۹ و زیر ۲۰۰KB برای موبایل ایران

چک‌لیست انتشار

• عنوان و توضیح یکتا (بدون کپی از صفحه دیگر)
• کنونیکال مطلق، نه نسبی
• یک H1، سلسله‌مراتب H2/H3 تمیز
• لینک داخلی به ۲ مقاله مرتبط

قدم بعدی در اسکیلورا

راهنمای React برای نمونه‌کار را بخوان و بعد در /practice یک صفحه واقعی با متای کامل بساز.