وسوم تحسين محركات البحث
⚙️ الإعداد¶
1️⃣ افتح ملف config.js وأضف القيم التالية: appName، appDescription، وdomainName.
🧠 سيتم استخدام هذه القيم كعلامات SEO افتراضية.
2️⃣ يستخدم المساعد /libs/seo.js لإضافة جميع علامات SEO الهامة (مع القيم الافتراضية) إلى جميع الصفحات بفضل الملف الرئيسي /app/layout.js.
3️⃣ لإضافة علامات SEO مخصصة لصفحة دون إعادة كتابة جميع العلامات، قم بما يلي:
📄 /app/terms/page.js
import { getSEOTags } from "@/libs/seo";
...
export const metadata = getSEOTags({
title: "Terms and Conditions | SaaSFast",
canonicalUrlRelative: "/tos",
});
export default async function TermsAndConditions() {
...
✅ أنصح بتعيين title و canonicalUrlRelative لكل صفحة.
🧩 عند الحاجة، أضف بيانات منظمة (Structured Data) إلى الصفحة باستخدام دالة renderSchemaTags() في /libs/seo.js.
🔍 يساعد ذلك Google في فهم موقعك بشكل أفضل والحصول على مقتطف غني.
📘 افتح المكوّن لمزيد من المعلومات.
📄 مثال:
/app/page.js
import { renderSchemaTags } from "@/libs/seo";
export default function Page() {
return (
<>
{renderSchemaTags()}
<main className="flex min-h-screen flex-col items-center justify-center text-center gap-12 p-8">
<h1 className="text-3xl font-extrabold">SaaSFast</h1>
...
</main>
</>
);
}
4️⃣ أضف عنوان URL الجذر الخاص بك إلى siteUrl (مثل https://yourdomain.com) في ملف
next-sitemap.config.js داخل المجلد الجذر.
🗺️ سيقوم بإنشاء ملفات sitemap.xml وrobots.txt لجميع صفحاتك أثناء عملية البناء.
5️⃣ قم بإثبات ملكية النطاق الخاص بك على Google Search Console للمساعدة في فهرسة الموقع.
📝 أنشئ مدونة في دقائق¶
📂 في مجلد /app/blog/_assets، ستجد ملف content.js الذي يحتوي على جميع منشورات مدونتك، المؤلفين، الفئات، والأسلوب.
✍️ ما عليك سوى إضافة المحتوى هناك، وستقوم SaasFast بإنشاء مدونة لك تلقائيًا.
📚 لمزيد من التفاصيل، راجع قسم المدونة.
