> ## Documentation Index
> Fetch the complete documentation index at: https://sorank.com/llms.txt
> Use this file to discover all available pages before exploring further.

# إعداد مدوّنتك على Webflow

> Doc Sorank - Setup your Webflow blog

اتّبع هذه الخطوات لإنشاء مجموعة مدوّنة على موقع Webflow الخاص بك وربطها بـ Sorank لكي تُنشر المقالات مباشرة في نظام CMS الخاص بك.

## الخطوة 1: فتح لوحة CMS

افتح Webflow Designer. انقر على **CMS** في شريط التنقّل العلوي. انقر على زر **+** بجانب "CMS Collections". اختر **Create collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/b1811ff01cdc66e3e4f5.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=4d664d2f205d4f0ca932c128c1214dca" alt="الخطوة 1 - فتح CMS والنقر على + لإنشاء مجموعة" width="918" height="298" data-path="images/documentation/b1811ff01cdc66e3e4f5.jpg" />

## الخطوة 2: إنشاء مجموعة مدوّنة

في مربّع حوار "New Collection"، انقر على قالب **Blog Posts**. اضبط اسم المجموعة إلى **Blog**. يصبح الـ URL تلقائيًا **/blog**. انقر على **Create Collection**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/11feaaecf2eff29d0e60.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=53d173e2022e8939ce764eae4197d0a3" alt="الخطوة 2 - تسمية المجموعة Blog والنقر على Create Collection" width="3840" height="1900" data-path="images/documentation/11feaaecf2eff29d0e60.jpg" />

⚠️ يجب أن يكون اسم المجموعة بالضبط **Blog**. يستخدم Sorank هذا الاسم لتحديد مجموعتك.

## الخطوة 3: إضافة الحقول المخصّصة المطلوبة

انقر على **+ Add new field**. تحتاج إلى إنشاء 3 حقول مخصّصة واحدًا تلو الآخر.

### الحقل 1: Post body

انقر على **+ Add new field**. اختر **Rich text**. سمّه **Post body**. انقر على **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/f50a9678310e57590480.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=75e9ac68a056debf4989bb67a5f20b08" alt="الخطوة 3a - اختيار نوع الحقل Rich text لـ Post body" width="3840" height="1900" data-path="images/documentation/f50a9678310e57590480.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e71b147bccea006ac2aa.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=741d63f9f42c2cd0f5d315db59d8e884" alt="الخطوة 3b - تسمية الحقل Post body والحفظ" width="3840" height="1900" data-path="images/documentation/e71b147bccea006ac2aa.jpg" />

### الحقل 2: Image

انقر مرّة أخرى على **+ Add new field**. اختر **Image**. سمّه **Image**. انقر على **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/751efd5493c9cb253a12.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=984592635c70cb673e784f061754911d" alt="الخطوة 3c - اختيار نوع الحقل Image" width="3840" height="1900" data-path="images/documentation/751efd5493c9cb253a12.jpg" />

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5656f10462d9994a5c21.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=1afa6d069ff2c5202bd52577a229da48" alt="الخطوة 3d - تسمية الحقل Image والحفظ" width="3840" height="1900" data-path="images/documentation/5656f10462d9994a5c21.jpg" />

### الحقل 3: Metadescription

انقر مرّة أخرى على **+ Add new field**. اختر **Plain text**. سمّه **Metadescription**. اضبط نوع حقل النص إلى **Multiple line**. انقر على **Save Field**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/e0cb0c57e6a31505af72.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=5d9c36370517f81d05a7ce942c4104c2" alt="الخطوة 3e - اختيار Plain text، تسميته Metadescription، ضبطه على Multiple line" width="3840" height="1900" data-path="images/documentation/e0cb0c57e6a31505af72.jpg" />

انقر على **Save Collection**. يتم إنشاء حقلي **Name** و **Slug** بشكل افتراضي. لا تحذفهما.

## الخطوة 4: ضبط إعدادات SEO على صفحة قالب المدوّنة

انقر على أيقونة **Pages** في الزاوية العلوية اليسرى من Designer. تحت "CMS collection pages"، انقر على **Blog geos Template**. في اللوحة اليمنى، انتقل إلى **Settings**. مرّر لأسفل إلى **SEO settings**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/7c993629c27982500d5f.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=f534bf73620bd63e0ed94eed6f9b1ec2" alt="الخطوة 4a - فتح Pages، اختيار Blog geos Template، الانتقال إلى Settings ثم SEO settings" width="3840" height="1900" data-path="images/documentation/7c993629c27982500d5f.jpg" />

### Title tag

انقر على **+ Add field** واختر **Name**.

### Meta description

انقر على **+ Add field** واختر **META SEO**. انقر على **Save**.

<img src="https://mintcdn.com/sorank/rRyGQ-GqyuxjdZ-r/images/documentation/5633f9d595e34d010143.jpg?fit=max&auto=format&n=rRyGQ-GqyuxjdZ-r&q=85&s=6aa6af37c91189c9e3041be0cb2da016" alt="الخطوة 4b - ربط Name بـ Title tag و META SEO بـ Meta description، ثم Save" width="3840" height="1900" data-path="images/documentation/5633f9d595e34d010143.jpg" />

يضمن ذلك أن يحصل كلّ مقال ينشره Sorank على عنوان ووصف ميتا فريدين في نتائج بحث Google.

## الخطوة 5: نشر موقع Webflow

انقر على **Publish** في الزاوية العلوية اليمنى من Designer. اختر نطاقك المباشر وأكّد. مجموعة مدوّنتك أصبحت الآن مباشرة وجاهزة لاستقبال المقالات من Sorank.

## الخطوة 6: ربط Webflow بـ Sorank

انتقل إلى حساب Sorank الخاص بك. انقر على **Publish** على أي مقال، أو انتقل إلى **Settings > Integration**. انقر على **Webflow** ثم **Connect your CMS**. امنح Sorank إذنًا للوصول إلى حساب Webflow الخاص بك. اختر مجموعة **Blog**. اربط كل حقل في Sorank بالحقل الموافق في Webflow. انقر على **Confirm setup**.

كلّ مقال تنشئه في Sorank يمكن الآن نشره مباشرة في مدوّنة Webflow الخاصة بك بنقرة واحدة، مع الصور ووسوم الميتا والـ slug.