كيف تضيف مدونة إلى موقعك: الخيارات وتحسين محركات البحث والإعداد

لإضافة مدونة إلى موقعك، اختر طريقة كتابة المقالات: ملفات Markdown داخل مشروعك إذا كنت أنت أو مطوّر من يكتبها، أو قاعدة بيانات مع محرر إدارة إذا كان غير التقنيين سيكتبون، أو CMS إذا أردت أداة تحرير كاملة. ثم ضع المدونة على /blog في نطاقك الرئيسي، مع صفحة قائمة، وصفحة لكل مقال، وخلاصة RSS. ولمحركات البحث، تأكد من أن كل مقال يُقدَّم كـ HTML حقيقي بعنوانه ووصفه وصورة مشاركته الخاصة، وأنه يظهر في خريطة موقعك (sitemap). يستطيع منشئ تطبيقات بالذكاء الاصطناعي بناء أي من هذه الخيارات من تعليمة واحدة؛ والاختيار يعتمد في الغالب على من سيكتب.

اختر كيف تُكتب المقالات

هذا هو القرار الأهم، والتقنية تتبعه.

قاعدة مفيدة: إذا كنت مرتاحاً للكتابة في ملف نصي عادي، فإن Markdown هو الأبسط والأسرع في التقديم. وإذا كانت كلمتا "commit" و"redeploy" ستمنعانك أنت أو فريقك من النشر، فاختر محرراً.

مجلد فرعي أم نطاق فرعي؟

• مجلد فرعي (example.com/blog): موقع واحد، وتصميم واحد، ومجموعة تحليلات واحدة، والمقالات تقع على النطاق نفسه الذي تريد أن تترتب عليه الصفحات. الأبسط لمعظم الأعمال.
• نطاق فرعي (blog.example.com): ضروري إذا كانت المدونة تعمل على منصة مختلفة لا يمكنك تقديمها تحت موقعك الرئيسي.

إذا كنت ستبني المدونة داخل موقعك على أي حال، فاستخدم المجلد الفرعي.

ما تحتاجه المدونة

• صفحة قائمة للمقالات تعرض العناوين والتواريخ والمقتطفات القصيرة مع الترقيم إلى صفحات.
• صفحة مقال بعرض مريح للقراءة (حوالي 60 إلى 80 حرفاً في السطر)، وعناوين واضحة، وتعامل جيد مع الصور.
• روابط نظيفة: /blog/how-to-choose-a-caterer، لا /blog?id=17.
• عنوان ووصف meta خاصان بكل مقال، إضافة إلى وسوم Open Graph حتى تظهر الروابط المشتركة بمعاينة مناسبة.
• مدخلات في خريطة الموقع لكل مقال، وخلاصة RSS للقراء وأدوات النشرات البريدية.
• الكاتب والتاريخ، وتاريخ "آخر تحديث" عندما تراجع المقال.
• التصنيفات أو الوسوم عندما يصبح لديك مقالات كافية تحتاجها.
• المسودات حتى تبقى المقالات غير المكتملة خاصة.

تحسين محركات البحث: اجعل المقالات صفحات حقيقية

كثير من المواقع المبنية بالأدوات الحديثة هي تطبيقات صفحة واحدة: يحمّل المتصفح JavaScript ثم يرسم الصفحة. هذا يعمل للتطبيقات، لكن المدونة تعيش على البحث ومعاينات الروابط، والصفحات المرسومة في المتصفح فقط يصعب على بعض محركات الزحف والمعاينات الاجتماعية قراءتها. بالنسبة للمدونة، اطلب أن تكون المقالات مُعدّة مسبقاً (تتحول إلى HTML وقت بناء الموقع) أو تُعالج على الخادم، حتى يعيد كل رابط مقال محتواه الكامل وعنوانه ووصفه فوراً.

يتعمق دليلنا تحسين محركات البحث للمواقع المبنية بالذكاء الاصطناعي في العناوين وخرائط المواقع والبيانات المنظمة.

أمثلة على التعليمات

مدونة Markdown:

أضف مدونة على المسار /blog. كل مقال ملف Markdown داخل content/blog يحتوي في أعلاه على عنوان ووصف وتاريخ وصورة غلاف اختيارية. ابنِ صفحة قائمة (الأحدث أولاً، 10 مقالات في الصفحة) وصفحة لكل مقال على /blog/[slug]. أعدّ جميع صفحات المدونة مسبقاً كـ HTML ثابت حتى يكون لكل منها عنوانها ووصف meta ووسوم Open Graph الخاصة بها. أضف المقالات إلى sitemap.xml وأنشئ خلاصة RSS على /blog/rss.xml.

مدونة مع محرر:

أضف مدونة تُخزَّن مقالاتها في قاعدة البيانات: العنوان، والمعرّف المختصر (slug)، والمقتطف، والنص (Markdown)، وصورة الغلاف، والحالة (مسودة أو منشور)، وتاريخ النشر. أضف منطقة إدارة محمية بكلمة مرور لإنشاء المقالات وتحريرها ومعاينتها ونشرها، مع رفع الصور لصورة الغلاف والصور داخل النص. تظهر المقالات المنشورة فقط على /blog. اعرض كل صفحة مقال على الخادم بعنوانها ووصف meta الخاص بها.

التحسين:

حسّن تنسيق صفحة المقال: عرض مريح للقراءة، وارتفاع أسطر أكبر، وعناوين وكتل كود واقتباسات منسقة، وصور متجاوبة، وروابط "المقال التالي / السابق" في الأسفل. حافظ على الألوان والخطوط الحالية للموقع.

خطوة بخطوة

1. حدّد من سيكتب واختر Markdown أو قاعدة بيانات مع محرر أو CMS.
2. اختر بنية الروابط: /blog و/blog/post-slug.
3. ابنِ صفحة القائمة وصفحات المقالات مع أساسيات التخطيط أعلاه.
4. أضف البيانات الوصفية لكل مقال: العنوان والوصف وصورة المشاركة والتواريخ.
5. اجعل المقالات قابلة للزحف: أعدّها مسبقاً أو عالجها على الخادم، ثم تحقق بعرض مصدر صفحة مقال: يجب أن يظهر نص المقال هناك.
6. أضف خريطة موقع وخلاصة RSS.
7. تعامل مع الصور: اضغطها، وحدد أبعادها، وأضف نصاً بديلاً (alt). في حال وجود محرر، خزّن الملفات المرفوعة في تخزين الملفات (انظر كيف تضيف رفع الملفات إلى تطبيقك).
8. اكتب مقالين أو ثلاثة قبل الإطلاق حتى لا تبدو المدونة فارغة.
9. انشر، ثم أرسل خريطة الموقع في Google Search Console.

أخطاء شائعة

• اختيار إعداد لن يستخدمه أحد. مدونة Markdown لفريق لن يلمس الملفات ستبقى فارغة.
• مقالات تُعرض في المتصفح فقط. المشاركات تُظهر معاينة فارغة، وقد يرى محركات البحث محتوى أقل.
• العنوان والوصف نفسهما في كل مقال. كل مقال يحتاج إلى عنوان ووصف خاصين به.
• تغيير المعرّفات المختصرة (slugs) بعد النشر. يكسر الروابط؛ وإذا كان لا بد من ذلك، فأضف إعادة توجيه.
• صور ضخمة غير مضغوطة. تبطئ كل مقال.
• عدم وجود مسودات. المقالات غير المكتملة تُنشر بالخطأ.
• الكتابة عن نفسك بدل أسئلة عملائك. الإجابات المفيدة تجلب الزيارات؛ والإعلانات نادراً ما تفعل ذلك.

قائمة التحقق

• طريقة الكتابة تطابق من سيكتب فعلاً
• المدونة تعيش على /blog في نطاقك الرئيسي
• روابط نظيفة وثابتة لكل مقال
• عنوان ووصف وصورة مشاركة فريدة لكل مقال
• HTML المقال يحتوي النص الكامل (تحقق من مصدر الصفحة)
• خريطة الموقع وخلاصة RSS تتضمن كل المقالات المنشورة
• المسودات تبقى خاصة
• صور مضغوطة مع نص بديل
• بعض المقالات مكتوبة قبل الإطلاق

إضافة مدونة مع Mythex

في Mythex يمكنك إضافة أي نوع من المدونات من الدردشة. بالنسبة لمدونة تعتمد على محرر، تُحفظ المقالات في قاعدة بيانات المشروع، والصور في تخزين الملفات، وكلاهما يفعّلهما Mythex عندما يحتاجهما التطبيق. وتشير توثيقات Mythex إلى أن التطبيقات الجديدة الافتراضية غالباً ما تكون تطبيقات Vite من نوع الصفحة الواحدة، وتحسين محركات البحث فيها أضعف من صفحات HTML المُعالجة على الخادم أو الثابتة؛ لذا بالنسبة للمدونة، اطلب صفحات مقالات مُعدّة مسبقاً أو ثابتة، أو إعداداً بـ Next.js. انظر تحسين محركات البحث لتطبيقك المنشور، وانشر من جديد بعد أي تغيير.

إذا كنت تبدأ من الصفر، فانظر كيف تبني موقعاً بالذكاء الاصطناعي وكيف تبني موقعاً لنشاط تجاري صغير.

الأسئلة