📋 محتويات الصفحة
📖 الوصف
Next SEO هي مكتبة شائعة لإدارة SEO في تطبيقات Next.js. توفر مكونات جاهزة لإدارة العلامات الوصفية، Open Graph، JSON-LD، والمزيد. تدعم Next SEO جميع ميزات Next.js بما في ذلك getServerSideProps و Static Generation. تُعد الخيار الأول لإدارة SEO في Next.js مع أكثر من 3 ملايين تحميل أسبوعي.
🎯 يستخدم في
مجالات استخدام هذه الأداة
•
تطبيقات Next.js
•
إدارة العلامات الوصفية
•
JSON-LD
•
Open Graph
•
Canonical URLs
✨ المميزات
أبرز مميزات هذه الأداة
✓
Easy Next.js integration
✓
Easy SSR support
✓
Easy JSON-LD
✓
Easy Open Graph
✓
Easy TypeScript
✓
Easy تصدير
✓
Easy تكامل
⚠️ العيوب
نقاط يجب مراعاتها
×
يعمل فقط في Next.js
×
قد يكون غير ضروري مع Metadata API
×
محدود خارج Next.js
×
قد يكون معقداً
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// npm install next-seo
import { NextSeo } from 'next-seo'
function ProductPage({ product }) {
return (
<>
<NextSeo
title={`${product.name} - متجرنا`}
description={product.description}
canonical={`https://example.com/products/${product.slug}`}
openGraph={{
url: `https://example.com/products/${product.slug}`,
title: product.name,
description: product.description,
images: [{ url: product.image, width: 800, height: 600 }],
siteName: 'متجرنا',
type: 'product'
}}
twitter={{
handle: '@handle',
site: '@site',
cardType: 'summary_large_image'
}}
/>
<h1>{product.name}</h1>
</>
)
}📚 أدوات أخرى في SEO
قد يعجبك أيضاً