كيفية تصميم صفحة حول (دليل 2025)

غالبًا ما يمنح موقع الويب الخاص بك العملاء المحتملين الانطباع الأول عن عملك. على الرغم من أن صفحتك الرئيسية مهمة ، فإن صفحتك حول قلب وروح علامتك التجارية. إنه أكثر من مجرد سرد الحقائق ، على الرغم من. إنها فرصة للتواصل مع جمهورك ، وبناء الثقة ، وتبرز. في هذا المنشور ، سنستكشف العناصر الرئيسية وأفضل الممارسات ونظهر لك كيفية تصميم صفحة حول Divi.

دعنا نغوص.

لماذا تعتبر صفحة حول مهمة؟

موقع الويب الخاص بك حول الصفحة أكثر من مجرد صفحة ثابتة ؛ إنه جزء أساسي من موقع الويب الخاص بك. إنه المكان الذي يمكنك فيه التواصل مع العملاء المحتملين على مستوى أعمق ، وبناء الثقة والمصداقية ، وتمييز عملك عن المنافسة. مع وضع ذلك في الاعتبار ، دعنا ندرس سبب أهمية فعالية الصفحة.

إنه يبني الثقة والمصداقية لعلامتك التجارية

في عالم اليوم الرقمي ، لدى المستهلكين العديد من الخيارات. تتيح لك صفحة حول تقاسم قصة شركتك وقيمها ومهمكها عرض خدماتك وبناء الثقة والمصداقية. يمكنك بناء أساس قوي للعلاقات الدائمة مع جمهورك المستهدف من خلال إظهار خبرتك والتزامك برضا العملاء.

يمكنك التواصل مع العملاء على المستوى العاطفي

إلى جانب ذكر الحقائق حول عملك ، يجب أن تحكي الصفحة حول قصة صداها مع العملاء المحتملين. شارك شغفك وقيمك والسبب وراء عملك للتواصل معهم عاطفياً. يمكن أن يؤدي إنشاء اتصال بشري إلى تطوير شعور أعمق بالولاء وتشجيعهم على اختيار علامتك التجارية.

سوف تبرز من بين الحشد

الإنترنت تنافسية للغاية ، لذلك من الضروري أن تفعل شيئًا لتبرز. تتيح لك صفحة فعالة حول عرض ما يجعل علامتك التجارية مختلفة. قم بتمييز عرض البيع الفريد وثقافة الشركة والقيم التي توجه قرارات عملك. إن إظهار خلافاتك يمكن أن يجذب العملاء الذين يتماشون مع ما تبيعه.

يوفر معلومات قيمة عن علامتك التجارية

تعمل الصفحة الخاصة بك كمحور للحصول على معلومات قيمة حول علامتك التجارية. إنه أفضل مكان لتبادل التفاصيل حول فريقك والخدمات وتاريخ الشركة والالتزام بها لعملائك. يتيح إعطاء الأشخاص للمعلومات التي يحتاجونها لهم اتخاذ قرارات مستنيرة بثقة واختيار علامتك التجارية.

إنه لأمر رائع لكبار المسئولين الاقتصاديين

يمكن أن تؤثر الصفحة المكتوبة جيدًا حول الصفحة بشكل إيجابي على تحسين محرك البحث في موقع الويب الخاص بك (SEO). قم بإجراء أبحاث الكلمات الرئيسية وتوفير محتوى قيمة لتحسين وضع موقع الويب الخاص بك في صفحات ترتيب محرك البحث (SERPs). زيادة الرؤية يمكن أن تدفع المزيد من حركة المرور العضوية إلى موقعك وزيادة المشاركة.

العناصر الرئيسية للصفحة الفعالة

حول الصفحة أكثر من مجرد سيرة ذاتية بسيطة ؛ إنه جزء حاسم من موقع الويب الخاص بك يربط زوار موقعك وعلامتك التجارية. لبناء واحدة فعالة ، هناك بعض العناصر الرئيسية التي يجب عليك تضمينها:

ابدأ بقصتك

تبدأ صفحات الويب الأكثر إقناعًا بسرد جيد. إن مشاركة قصتك مع العملاء المحتملين تبني اتصالًا عاطفيًا ويساعدهم على فهم هوية علامتك التجارية الفريدة.

هناك ثلاثة مكونات رئيسية يجب مراعاتها عند الكتابة عن عملك: أصلك ، ومهمتك ، وقيم ، ومقترح البيع الفريد (USP). ابدأ بالحديث عن كيفية بدء شركتك. هل ولدت من شغف شخصي ، أو الرغبة في حل مشكلة ، أو لقاء فرصة؟

ثانياً ، توضيح بيان مهمة شركتك - الغرض الذي يدفع عملك. أيضًا ، قم بتضمين القيم الأساسية لعملك ، والتي تساعد في توجيه قراراتك وإجراءاتك.

أخيرًا ، تأكد من تضمين سبب اختلاف عملك عن الآخرين. ما هي الصفات الفريدة أو الميزات أو المزايا التي تقدمها لا يفعلها الآخرون؟

من خلال نسج هذه العناصر في صفحتك المتعلقة ، يمكنك إنشاء رواية مقنعة يتردد صداها مع جمهورك وتترك انطباعًا دائم.

تمييز منتجاتك أو خدماتك

مكون آخر حاسم في صفحة فعالة في الصفحة هو تسليط الضوء على منتجاتك أو خدماتك. يجب أن يفسر بوضوح ما تحضره إلى الطاولة. أولاً وقبل كل شيء ، ركز على الفوائد ، وليس فقط الميزات. بدلاً من إدراج تفاصيل ممل حول خدماتك ، التأكيد على فوائدها. فكر في كيفية تحسين عروضك حياة العميل ، أو حل مشاكلهم ، أو جعل حياتهم أسهل.

نسعى جاهدين لاستخدام لغة واضحة وموجزة على صفحتك. تجنب المصطلحات الصناعية و terse التقنية التي تخلط بين القراء. بدلاً من ذلك ، استخدم نصًا بسيطًا وسهل الفهم يتردد صداً.

أخيرًا ، فكر في تضمين الدليل الاجتماعي ، مثل الشهادات ودراسات الحالة. تواصل مع العملاء الحاليين للحصول على ملاحظاتهم ، وإرسال الاستطلاعات ، ومشاركة القصص المتعمقة حول كيفية ساعد منتجاتك أو خدماتك العملاء في الماضي.

يمكن أن يساعدك التركيز على الفوائد والإثبات الاجتماعي في توصيل قيمة خدماتك بشكل فعال وتشجيع العملاء المحتملين على اتخاذ الخطوة التالية.

ضع وجهًا لعلامتك التجارية

تعتبر صفحة About About فرصة رائعة لإضافة وجه إلى علامتك التجارية. فكر في عرض أعضاء الفريق (إذا كان لديك) مع headshots و bio قصيرة. إذا كانت ذات صلة ، يمكنك أيضًا وصف الثقافة في شركتك وما الذي يجعلها فريدة من نوعها.

استهدف جمهورك

أنت تفتقد العلامة إذا كنت لا تغتنم فرصًا للتواصل مع العملاء المحتملين. يجب أن يتردد صدى للصفحة فعالة مع الأشخاص الذين تحاول الوصول إليه. أفضل طريقة للقيام بذلك هي إنشاء شخصية عميل. ستحتاج إلى تطوير ملفات تعريف تفصيلية لعميلك المثالي ، بما في ذلك التركيبة السكانية واهتماماتهم ودوافعها.

بمجرد إنشاء جمهورك المستهدف ، استخدم اللغة والنغمة التي يتردد صداها معهم. على سبيل المثال ، لنفترض أنك تستهدف حشدًا أصغر سناً وأكثر ذكاءً. في هذه الحالة ، يجب عليك استخدام المزيد من لغة غير رسمية ومحادثة.

تصميم للتأثير

إن الانطباعات الأولى مهمة ، وكذلك كيف تصمم صفحة حول. لإنشاء تأثير إيجابي ودائم ، هناك بعض الاعتبارات التي يجب عملها:

مرئيات لافتة للنظر:

• الصور عالية الجودة: فكر في استخدام الصور ومقاطع الفيديو عالية الدقة من موقع صور مثل Shutterstock (أو غير مصممة إذا كنت على ميزانية) جذابة بصريًا وذات صلة بعلامتك التجارية.
• التصوير الفوتوغرافي الاحترافي: فكر في الاستثمار في التصوير الفوتوغرافي المهني أو مولد Headshot AI لعرض فريقك في أفضل ضوء ممكن.
• المساحة البيضاء: استخدم المساحة البيضاء بشكل فعال لتحسين قابلية القراءة وإنشاء مظهر نظيف ومرتب.

قالب الصفحة:

• اختر تصميمًا نظيفًا: اختر تصميمًا نظيفًا ومهنيًا يسهل التنقل والجذاب بصريًا.
• استجابة الأجهزة المحمولة: تأكد من أن صفحتك حول الاستجابة بالكامل وتبدو رائعة على جميع الأجهزة ، بما في ذلك الهواتف الذكية والأجهزة اللوحية.
• ضع في اعتبارك منشئ الصفحة: استخدم منشئ الصفحة مثل Divi لإنشاء تخطيطات مخصصة وعناصر التصميم بسهولة دون أي معرفة ترميز.

استخدم لغة واضحة وموجزة:

• موجز هو المفتاح: حافظ على النص الخاص بك إلى هذه النقطة. استخدم فقرات قصيرة ونقاط رصاصة لتفتيت كتل طويلة من النص.
• العناوين والعناوين الفرعية القوية: استخدم العناوين والعناوين الفرعية المؤثرة لتوجيه القراء من خلال المحتوى الخاص بك.
• قم بتصحيح المحتوى الخاص بك: تأكد من أن صفحتك الخالية من الأخطاء النحوية أو الأخطاء المطبعية.

قم بتضمين دعوة للعمل

يجب أن تبلغ صفحتك حول زوارك وتشجيعهم على التصرف. فكر في استخدام مكالمة إلى Action (CTA) التي توجه المستخدمين إلى النتيجة المرجوة. تتضمن بعض الأمثلة نموذج اتصال ، والتسجيل الإخباري ، وأكثر من ذلك. تأكد من وضع CTAs بشكل استراتيجي طوال الصفحة لأكبر فرصة للنجاح. ومع ذلك ، لا تبالغ. احتفظ بـ CTAs إلى الحد الأدنى حتى تعمل كما هو مقصود.

كيفية تصميم صفحة عن

على الرغم من وجود العديد من الطرق لتصميم صفحة حول موقع الويب الخاص بك ، فإن واحدة من أسرع وأسهل هو استخدام WordPress. إنه نظام قوي لإدارة المحتوى (CMS) مناسب للمستخدمين الذين لديهم أي مستوى مهارة. عند النظر في WordPress لصفحتك الخاصة ، ستحتاج إلى بعض الأشياء لأن WP مستضيف ذاتيًا: موضوع WordPress المتميز مثل Divi ، وهو مزود استضافة جيد ، مثل SiteGround.

مقدمة إلى Divi

Divi هي واحدة من أقوى موضوعات WordPress في السوق ، ويمكن أن تخلق صفحة فعالة وجميلة. ومع ذلك ، فإن Divi هو أكثر من مجرد موضوع WordPress ؛ إنه إطار كامل لجلب رؤيتك إلى الحياة. يوفر Divi منشئ صفحات السحب والإفلات البديهية ، وهو المنشئ المرئي ، والذي يتيح لك بسهولة بناء صفحات مذهلة في الوقت الفعلي. يأتي Builder Visual معبأة بأكثر من 200 وحدة تصميم يمكنك التنقل بسهولة حول الصفحة لإنشاء الصفحة المثالية حول عملك.

بالإضافة إلى منشئ الصفحات البديهي ، يفتخر Divi بباني السمة ، والذي يسمح لك بتصميم كل جانب من جوانب موقع الويب الخاص بك ، بما في ذلك الرؤوس والتذييلات وقوالب النشر وصفحات نتائج البحث والمزيد. Divi يجعل بناء صفحة حول نسيم لأولئك الذين يكافحون بشكل خلاق. يأتي Divi مع 2300+ تخطيط مصمم بشكل احترافي ، بما في ذلك حول الصفحات ، التي يمكنك استيرادها بنقرة واحدة. تتوفر هذه التخطيطات في أكثر من عشرة فئات ، لذلك ستتمكن بسهولة من العثور على تصميم يناسبك.

احصل على ديفي

قم بإنشاء صفحة حول Divi AI

ميزة أخرى مذهلة من Divi هي Divi AI ، والتي تسمح لك بإنشاء صفحة فعالة حول موجه فقط نصي. يمكن لـ Divi AI إنشاء كل جانب من جوانب صفحة الويب (أو موقع ويب كامل) مع وصف نص بسيط وخطوطك المختارة وألوان العلامة التجارية. تستغرق العملية بضع دقائق فقط وهي وسيلة رائعة لبدء الإبداع.

إنشاء صفحتك حول

بالنسبة لهذه المقالة ، سنركز على سهولة استخدام Divi. كما ذكر أعلاه ، يوفر Divi الآلاف من التخطيطات المسبقة التي يمكنك استيرادها للحصول على الكرة. سنمشي بك من خلال إنشاء صفحة جديدة حول واحدة من هذه التخطيطات المبكرة.

ابدأ بتسجيل الدخول إلى موقع WordPress الخاص بك والتنقل إلى الصفحات> إضافة صفحة جديدة .

عند تحديث الصفحة ، أعط صفحتك عنوانًا ثم انقر فوق استخدام Divi Builder .

ستظهر ثلاثة خيارات على شاشتك. حدد اختر تخطيطًا مسبقًا .

سيظهر مربع حوار ، مما يتيح لك البحث عن تخطيط معين أو تصفيةها حسب الفئات.

قم بالتمرير أو ابحث عن حزمة تخطيط CV Business وانقر لتحديدها.

بعد ذلك ، حدد الصفحة حول حزمة التصميم.

أخيرًا ، انقر فوق الزر "استخدم هذا التخطيط هذا" لتحميله في صفحة WordPress الخاصة بك.

كل تصميم Divi له إعدادات مسبقة عالمية مخصصة لها. إذا لم تكن تخطط لتغيير الخطوط والأنماط ، فتأكد من فحص صندوق الاستيراد المسبق.

إضافة نص تم إنشاؤه من الذكاء الاصطناعى إلى الصفحة

بمجرد تثبيت التصميم ، لديك بداية جيدة لصفحتك حول. ومع ذلك ، يجب عليك القيام ببعض العمل لكتابة المحتوى ، وتغيير الصور ، وإجراء تغييرات في التصميم. لحسن الحظ ، يمكن لمستخدمي Divi توظيف Divi AI للمساعدة في بعض المهام (إن لم يكن كلها). تأتي جميع تخطيطات Divi Premade مع نص Lorem Ipsum كصاحب نائب افتراضيًا. دعنا نسير خلال عملية تغيير نص العنصر الناجح إلى محتوى غني بالسيو للصفحة ، وهي خطوة حاسمة في تعلم كيفية تصميم صفحة حول.

لنبدأ بالنص أسفل العنوان الأول للصفحة مباشرة. تحوم فوق وحدة النص للكشف عن إعداداتها. انقر فوق أيقونة الترس لتحرير الوحدة.

بعد ذلك ، انقر فوق زر الذكاء الاصطناعى في منطقة النص لإطلاق Divi AI.

انقر فوق اكتب مع الذكاء الاصطناعي عندما تظهر الخيارات.

سيظهر مربع حوار يحتوي على جميع الخيارات المرتبطة بـ Divi AI. يمكنك اختيار نوع المحتوى ، وإخبار Divi AI بما تكتب عنه ، وتحديد ما إذا كان ينبغي أن يعتمد على سياق صفحتك. منذ البدء من تخطيط مسبق ، سنختار أي سياق . زود Divi AI ببعض المعلومات لمساعدتها على صياغة فقرة ، واختر الإبداع كأنه نغمة الصوت ، وأدخل أي كلمات رئيسية لا بد من الاستخدام. يمكنك أيضًا إخبار Divi AI كم عدد الكلمات التي ترغب في استخدامها وتحديد لغة.

بمجرد إنشاء Divi AI النص الخاص بك ، يمكنك تعديله. يمكنك إطالة أو تقصير أو تبسيط أو إعادة كتابة أو جعلها أكثر تفصيلًا أو وصفية ، من بين خيارات أخرى.

بمجرد أن يكون النص حسب رغبتك ، انقر فوق الزر "استخدام هذا النص" لإدخاله في وحدة النص.

إضافة محتوى إضافي إلى الصفحة

بمجرد إنشاء جميع النص مع Divi AI ، هناك بعض وحدات التصميم التي سنحتاج إلى إضافتها إلى صفحتنا حول جعلها أكثر تأثيرًا. سنضيف قسمًا جديدًا لعرض محفظة تصميم ونموذج اتصال لإغراء المستخدمين للوصول.

ابدأ بالتمرير عبر قسم القصة الخاص بي على صفحتنا. انقر فوق أيقونة Blue + لإضافة قسم جديد.

أضف قسمًا منتظمًا إلى الصفحة عندما يظهر مربع الحوار.

بعد ذلك ، اختر صفًا واحدًا .

أضف وحدة العنوان

حدد وحدة العنوان وأضفها إلى الصف.

من خلال إعدادات وحدة العنوان النشطة ، اكتب محفظتي في حقل العنوان .

أخيرًا ، سنقوم بتطبيق الإعداد المسبق للتخطيط الممتاز على الوحدة النمطية. يتيح لك القيام بذلك إبقاء الأنماط متسقة عبر كل وحدة عنوان تضيفها إلى الصفحة. انقر فوق قائمة المنسدلة المسبقة لاختيار مسبق.

أخيرًا ، اختر محفظة عنوان الإعداد المسبق لتصميم وحدة العنوان الخاصة بك.

إضافة وحدة معرض

بعد ذلك ، سنضيف وحدة معرض إلى صفحتنا حول. انقر فوق الرمز الرمادي + أسفل وحدة العنوان عن طريق التحوم بالقرب منه.

مع إعدادات وحدة المعرض النشطة ، انقر فوق أيقونة إضافة معرض الصور .

حدد الصور من معرض الوسائط أو تحميل بعضها على موقع WordPress الخاص بك. يمكنك اختيار عدد الصور التي يجب عرضها عن طريق إدخال رقم في حقل عدد الصور .

بالإضافة إلى الإعدادات المسبقة العالمية ، يأتي كل تصميم Divi بألوان عالمية لمساعدتك على الحفاظ على تصميمك ثابتًا أثناء إجراء تغييرات. تحت علامة التبويب التصميم ، توجه إلى تراكب القائمة المنسدلة. انقر فوق علامة التبويب العالمية تحت لون أيقونة تراكب . بعد ذلك ، حدد اللون الأزرق الداكن كما هو موضح أدناه.

مع مجموعة الألوان ، نحتاج إلى ضبط الصف قليلاً حتى لا تكون الصور متباعدة. تحوم فوق الصف وحدد أيقونة الإعدادات الخضراء .

توجه إلى علامة تبويب التصميم وضبط عرض مزراب الصف إلى 2 .

أضف وحدة CTA

أخيرًا ، سنضيف وحدة CTA لتشجيع الزوار على التواصل. قم بإنشاء قسم جديد مع صف واحد وحدد وحدة CTA.

باستخدام إعدادات وحدة CTA نشطة ، أضف عنوانًا ونصًا للزر ، وقم بتنشيط Divi AI لإنشاء محتوى لـ CTA.

بشكل افتراضي ، تأتي وحدة CTA's Divi مع لون الخلفية. دعونا نزيله. يمكنك إما ضبط اللون على شفاف أو تبديل تبديل لون الخلفية إلى OFF .

قم بالتبديل إلى علامة تبويب التصميم وأدخل الإعدادات التالية لـ CTA:

نص العنوان

• مستوى عنوان العنوان: H2
• خط العنوان: Poppins
• عنوان الخط وزن: متوسط
• محاذاة نص العنوان: المركز
• نص عنوان العنوان: 52 بكسل (سطح المكتب) ، 32 بكسل (جهاز لوحي) ، و 20 بكسل (الهاتف المحمول)

نص الجسم

• خط الجسم: فتح بلا
• وزن خط الجسم: منتظم
• لون نص الجسم: #ffffff
• حجم نص الجسم: 18 بكسل (جميع أحجام الشاشة)

إعدادات الزر

• استخدم أنماط مخصصة للزر: نعم
• زر حجم النص: 16px
• لون نص نص: #16264a
• خلفية زر: #ffffff
• عرض الحدود الزر: 0px
• دائرة نصف قطر الحدود: 0 بكسل
• زر الخط: بوبينز
• زر خط الخط: متوسط
• أيقونة إظهار زر: لا
• زر محاذاة: المركز
• حشو الزر: 12 بكسل (أعلى وأسفل) و 35 بكسل (يسار ومين)

أخيرًا ، افتح القسم الذي يحتوي على وحدة CTA وتغيير لون الخلفية إلى #16264a.

المنتج النهائي

بمجرد إجراء جميع التغييرات ، يمكنك نشر صفحتك حول النقر فوق الزر Green Publish في أسفل يمين البناء المرئي.

هذا مجرد مثال على الصفحات التي يمكنك إنشاؤها باستخدام Divi. يمنحك Divi جميع الأدوات التي تحتاجها لتصميم صفحة حول بفعالية ، من معارض الصور إلى Opt-ins إلى المكالمات إلى الشهادات.

يمكنك إنشاء صفحة لا تنسى حول Divi

تعتبر صفحتك حول عنصر موقع الويب الخاص بك. إنها الطريقة التي تبني بها الثقة ، والتواصل مع جمهورك ، وإظهار العالم ما الذي يجعل علامتك التجارية فريدة من نوعها. من خلال اتباع هذه النصائح ، يمكنك إنشاء صفحة حول تضيء حقًا وتساعدك على الوصول إلى أهدافك.

إذا كنت تبحث عن الأداة المثالية لإحضار رؤيتك إلى الحياة ، فإن Divi هو الحل. إن البناء المرئي السهل الاستخدام والميزات المذهلة يجعل بناء صفحة حول بسرعة وفعالية سهلة. بالإضافة إلى ذلك ، مع Magic of Divi AI على متن الطائرة ، يمكنك إنشاء محتوى رائع على العلامة التجارية التي ستأسر جمهورك.