Live · status OK
Back to blog
SEO و AEO13 min

SEO تقني لموقع ثابت Next.js: قائمة مرجعية كاملة 2026

TL;DR

موقع Next.js static export يحقق درجة SEO 100/100 بوضع علامة على 8 نقاط: metadataBase، generateMetadata لكل صفحة، sitemap.ts + robots.ts، hreflang متعدد اللغات، JSON-LD @graph موحد، BreadcrumbList، schemas FAQPage/HowTo، و llms.txt لـ LLMs.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
لوحة تحكم Google Search Console مع منحنيات الأداء

Next.js App Router يجعل SEO التقني أبسط جذرياً مما كان في 2020. مع Metadata API، sitemap.ts و robots.ts الأصليين، لا حاجة لإضافات. لكن تحقيق 100/100 في Lighthouse SEO لا يزال يتطلب معرفة النقاط الثماني أدناه.

1. Metadata API لـ Next.js

الأساس. منذ Next.js 13، API الأصلي يغطي 100% من احتياجات SEO على الصفحة. كائنان: metadata (ثابت) و generateMetadata (ديناميكي).

app/layout.tsxtsx
export const metadata: Metadata = {
  metadataBase: new URL('https://optionweb.dev'),
};

2. sitemap.ts و robots.ts أصليين

3. Hreflang متعدد اللغات

حرج لموقع متعدد اللغات. كل URL يجب أن يسرد كل نسخه اللغوية وبالعكس (مجموعات متبادلة). تحقق باستخدام Hreflang Tags Testing Tool (Merkle).

4. JSON-LD @graph موحد

واحد فقط <script type="application/ld+json"> مع @graph يجمع Organization، LocalBusiness، WebSite، WebPage، Person، Article، مرتبطة بـ @id. sameAs حرج — يربط الكيان بـ Knowledge Graph.

إصدار على كل صفحة محتوى. يحسن SERP وسياق استخراج LLM.

6. FAQPage و HowTo لـ AEO

Google قلل عرض rich في 2023، لكن LLMs تستهلكها بكثرة. قاعدة صارمة: الأسئلة والأجوبة مرئية على الشاشة. لـ HowTo، هيكل كل خطوة بـ name، text.

7. Speakable للبحث الصوتي

Schema في بيتا عند Google لكن مستخدم من Siri (iOS 18.2 مع ChatGPT) و Alexa. أضف سمة HTML data-speakable="true" على TL;DR والإجابات الرئيسية.

8. llms.txt لـ LLMs

معيار ناشئ (Jeremy Howard، سبتمبر 2024) اعتمده Anthropic، Mintlify، Stripe، Cloudflare، Vercel. ملف Markdown في جذر public/ يلخص الموقع لـ LLMs.

كيفية التحقق من النتيجة

  • Lighthouse SEO scoreهدف 100/100 عبر Chrome DevTools أو PageSpeed Insights.
  • Google Rich Results Testيتحقق من جميع schemas.
  • Schema.org Validatorتحقق JSON-LD كامل.
  • Hreflang Tags Testing Toolيتحقق من تبادلية المجموعات.
  • Google Search Console'التغطية'، 'Rich Results'، 'Core Web Vitals' CrUX.
  • Bing Webmaster Toolsمصدر retrieval لـ ChatGPT Search عبر OAI-SearchBot.
Tags#seo#nextjs#json-ld#schema#aeo