Metadata و تصاویر Open Graph (OG Images)
Next.js مجموعه‌ای از APIها را برای مدیریت Metadata در اختیار شما قرار می‌دهد تا بتوانید اطلاعات موردنیاز صفحات را برای موتورهای جستجو (SEO)، شبکه‌های اجتماعی و مرورگرها به‌سادگی تعریف کنید.
با استفاده از این APIها، Next.js به‌صورت خودکار تگ‌های موردنیاز را در بخش <head> صفحات تولید می‌کند و نیازی به مدیریت دستی آن‌ها نخواهید داشت. همچنین می‌توانید نتیجه را از طریق Developer Tools مرورگر مشاهده کنید.
روش‌های تعریف Metadata
Next.js از چندین روش برای مدیریت متادیتا پشتیبانی می‌کند:
-
آبجکت
metadataبرای تعریف متادیتای ثابت (Static Metadata) -
تابع
generateMetadataبرای تولید متادیتای پویا (Dynamic Metadata) -
File Conventions برای افزودن فایل‌هایی مانند favicon و Open Graph Image (OG Image) به‌صورت ثابت یا پویا
مزایای استفاده از Metadata
-
بهبود SEO و نمایش بهتر صفحات در موتورهای جستجو
-
نمایش صحیح عنوان، توضیحات و تصاویر هنگام اشتراک‌گذاری لینک در شبکه‌های اجتماعی
-
مدیریت خودکار تگ‌های
<head> -
پشتیبانی از متادیتای پویا بر اساس داده‌های هر صفحه
-
امکان تعریف favicon و تصاویر Open Graph برای هر مسیر
نکته: APIهای Metadata تنها در Server Components قابل استفاده هستند و در Client Components پشتیبانی نمی‌شوند.
در پایان این بخش، می‌توانید متادیتای صفحات، تصاویر Open Graph و سایر اطلاعات مرتبط را به‌صورت استاندارد مدیریت کنید تا اپلیکیشن شما از نظر سئو، اشتراک‌گذاری و تجربه کاربری عملکرد بهتری داشته باشد.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://nextjs.org/docs/app