كيف تتعلم كيفية الحفاظ على صفحة فكونتاكتي بحيث تبدو جميلة ومحترمة؟ كيف يجب أن تكون صفحة فكونتاكتي وكيف نمنع إغلاق الصفحة على الفور

مرحبا عزيزي القراء!

إذا كنت الآن في هذه الصفحة، فيمكننا أن نفترض أنك مدون مبتدئ، ولديك بالفعل مشروع الإنترنت والمواد الخاصة به.

يبدو أن الأساس قد وُضع، وكتبت المقالات... لكن الأمر لم يكن كذلك!

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

تريد الاحتفاظ بالزائرين على مواردك، أليس كذلك؟

وحتى يصبح المشترك/العميل الخاص بك؟

الجواب واضح.

إن التصميم الصحيح للمقالات الموجودة على الموقع هو الذي سيعطي النتيجة المطلوبة.

حتى لو لم تقم بكتابتها وتصميمها بنفسك، ولكن اتصلت بمؤلفي النصوص من eTXT، فستظل التوصيات الواردة أدناه مفيدة لك.

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

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

أتمنى أن أكون قد تمكنت من تحفيزك قليلاً لقضاء بعض الوقت في إعداد المقالات على الموقع.

والآن سننظر فقط إلى ما يجب القيام به لهذا الغرض.

ما هو محتوى الموقع وكيفية تصميمه؟

محتوى الموقع هو كافة المعلومات التي يتم نشرها عليه وهي:

• المادة النصية للمؤلف؛
• الصور الرسومية والمتحركة؛
• أشرطة فيديو.

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

كل هذه المكونات لها قواعدها الخاصة لتصميمها على الموقع، والتي سيتم مناقشتها بالتفصيل أدناه.

كيفية تنسيق النص على موقع على شبكة الإنترنت بشكل صحيح؟

لنبدأ بالمحتوى الأكثر أهمية على صفحة موقع الويب - النص.

لذلك، ندرج القواعد الأساسية لتنسيق النص على الموقع:

1. حجم خط النص الأمثل لموقع ويب/مدونة هو 14-16 بكسل.
   حجم الخط هذا هو الذي يدركه القارئ العادي جيدًا.
2. خط sans-serif (المثال النموذجي لهذا الخط هو Arial، والخط serif هو Times New Roman).
   "تتراكم" الأرقاب النص، كما لو أنها تجعله أثقل بالنسبة للعين البشرية.
   ولذلك فمن المستحسن التخلي عن هذا الخط.
3. يتم تقسيم المواد الشاملة إلى أجزاء باستخدام عناوين فرعية موضوعية.
4. إبراز العناوين الفرعية للمقالة بعلامات H2...H6 (مع مراعاة بنية المقالة).
5. يجب أن يختلف حجم خط العناوين الفرعية عن خط النص الرئيسي بمقدار 4-6 بكسل (على سبيل المثال، 18-20 بكسل).
6. قد يختلف لون العنوان الفرعي عن لون النص الرئيسي (على سبيل المثال، قد يتم تصميمه بأسلوب الألوان الأساسية لتصميم الموقع).
7. تعد المسافة البادئة بين الفقرات شرطًا أساسيًا لتصميم نص جميل على موقع الويب.
8. كلما كان حجم الفقرة أصغر (عدد الأسطر فيها)، كلما كان ذلك أفضل.
   تعتمد هذه التوصية على الخصائص النفسية للشخص.
   يبدو لنا أنه كلما أسرعت نظرتنا إلى السطر التالي، كلما أسرعنا في الانتهاء من قراءة هذه المادة.
   لذلك لا ينبغي عليك تكديس المقال بفقرات ضخمة تحتوي على سيل لا نهاية له من الأفكار أو الحقائق.
   4-5 أسطر لكل فقرة ستكون أكثر من كافية.
   وسيكون 2-3 أسطر حلاً أفضل (خاصة بالنسبة للمقالات السردية).
9. ينظر المستخدم إلى التمييز بالخط العريض أو المائل أو التأكيد على النقاط المهمة في النص على أنه "مرحى".
   إن هذه الكلمات والعبارات التي تتميز عن بقية النص هي التي تقع عليها أنظار الشخص أولاً.
10. استخدام القوائم في المقال يعتبر من حسن الخلق واحترام القارئ.
    إن إدراج أي عناصر في قوائم مرقمة وتعداد نقطي يجعل من السهل على المستخدم إدراك المعلومات وتذكرها بشكل أفضل.
11. يجب تمييز الارتباطات التشعبية في النص بلون أو تسطير مختلف.
    عند إنشاء رابط داخلي، يجب أن تتذكر قاعدة الثلاثة ألوان في تصميم الموقع، أي تصميم رابط لمقال على الموقع بأحد هذه الألوان الثلاثة.
12. العدد الموصى به من الروابط (الارتباطات التشعبية) لمقالة واحدة تحتوي على 8-10 آلاف حرف بدون مسافات هو 5 قطع.
    بالنسبة لعدد أكبر من التحولات من خلالها، يجب توزيعها بالتساوي في جميع أنحاء النص، وليس "محشوة" كلها في فقرة واحدة.
13. إذا كانت المادة تحتوي على خصائص مقارنة لمواضع كائنين أو أكثر قيد النظر، فمن المنطقي ترتيب هذه البيانات في شكل جدول.
    سيؤدي ذلك إلى تبسيط وتسريع فهم القارئ للمعلومات المقدمة.
14. من المناسب تعزيز اللحظات الفكاهية أو العبارات الساخرة في المقالة باستخدام رمز مبتسم/غامز.
    هذا سوف يخفف النص ويعطيه مزاجًا.
    لكن بالنسبة للمواد العلمية فإن استخدام "الوجوه" غير مقبول.
15. باستخدام علامة

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

يمكن أن تكون هذه المقالة بمثابة مثال واضح لتصميم النص على موقع الويب.

من المؤكد أن مؤلفي النصوص ذوي الخبرة والمدونين ذوي الخبرة يجب أن يكونوا على دراية بما يجب أن يكون عليه نص المقالة ومحتواه.

ولكن، إذا كنت قد بدأت للتو في تجربة التدوين، فإليك بعض النصائح حول كيفية كتابة مقالات تحسين محركات البحث (SEO) بشكل صحيح من أجل الترويج الناجح لها على الإنترنت:

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

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

كيف تصمم مقالًا بشكل جميل على موقع ويب باستخدام الصور؟

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

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

1. قواعد نشر وتصميم الصور في الموقع

إذا كنت تخطط لإرفاق صورة واحدة فقط بمقالك، فمن المستحسن وضعها:

• في بداية المقال أو في وسطه؛
• على طول الحافة اليسرى مع التفاف النص أو عبر عرض صفحة النص بالكامل.

لماذا على الحافة اليسرى؟

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

إذا وضعت الصورة في بداية المقال على الجانب الأيمن فسيحدث فشل دماغي أساسي 😀

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

لكن قلة من الناس يستخدمون مجرد صورة في مقال، وهم محقون في ذلك.

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

يمكنك وضع الصور حسب النص الموجود في المقال:

• من الحافة اليسرى ومن الحافة اليمنى، بالتناوب، كما هو الحال على رقعة الشطرنج (ولكن ابدأ دائمًا من اليسار)
• فقط من الحافة اليسرى.
• فقط عبر عرض الصفحة؛
• عبر عرض الصفحة ومع صور صغيرة متناوبة على اليسار واليمين.

أحد الحلول المثيرة للاهتمام للتصميم الملون لمقالة تحتوي على جداول هو وضع الصور في خلاياها.

قد يبدو مثل هذا:

2. تفرد الصور

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

كيف تفعل ذلك إذا لم يكن من الممكن إنشاء صورة واحدة فقط (صورة) بيديك؟

الطريقة الأولى— فوتوشوب يأتي للإنقاذ. 🙂

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

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

1. قم بإنشاء ملف جديد في Photoshop بالحجم والدقة المطلوبين، وحدد خلفية شفافة؛
2. ضع الصورة المطلوبة في هذا الملف الفارغ، وقم بقصها إذا لزم الأمر.
3. تنفيذ عملية “السحر” على الصورة:
   • اقلبها أفقيًا.
   • تحويله بزاوية بضع درجات (أكثر من ذلك ممكن)،
   • إجراء تصحيح الألوان.
   • تغطية النقوش غير الضرورية (إن وجدت).
4. احفظ الصورة الناتجة باستخدام الأمر "ملف - حفظ للويب..." في النافذة التي تفتح، حدد تنسيق jpg والجودة بنسبة 65-80٪ (استنادًا إلى محتويات الصورة، إذا كان هناك الكثير من التفاصيل الصغيرة ، اضبطه على 80٪).
5. اكتب اسم الملف بالأحرف اللاتينية.

الطريقة الثانية- ابحث عن الصور المناسبة في مخزون الصور.

مخزون الصور– هذه هي قواعد بيانات لتخزين الصور الفوتوغرافية لمختلف المصورين الذين ينشرون أعمالهم لتستخدمها مختلف الخدمات والشركات لأغراضهم الخاصة. أنها تأتي في نوعين: مدفوعة ومجانية.

لا يستطيع جميع المدونين المبتدئين استخدام خدمات مخزون الصور المدفوعة لاختيار المواد اللازمة، ولكن هناك حاجة إلى الصور.

لذلك، نقدم لك قائمة بقواعد بيانات الصور المجانية:

1. firestock.ru
2. pixabay.com
3. freerangestock.com
4. flickr.com
5. Stockvault.net
6. pexels.com
7. lifeofpix.com
8. morguefile.com
9. photogen.com
10. Stocksnap.io

شكرا لنا عن طريق النقر على الأزرار الاجتماعية. الشبكات تحت المقال 😉

تصميم محتوى موقع – فيديو

أصبح الآن وجود مقطع فيديو في نص المقال شرطًا إلزاميًا تقريبًا لإعداده.

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

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

وإذا وثق المستخدمون، فسوف يثق Google وYandex في موقعك ويروجون له في أعلى التصنيف.

هذه هي الفائدة التي لا تقدر بثمن من إدخال مشغل فيديو في المقالات على موقع الويب الخاص بك! وسيكون من الخطيئة عدم الاستفادة من هذا!

بالإضافة إلى ذلك، لا يجب أن يكون الفيديو المرفق بمقالك فريدًا على الإطلاق.

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

بشكل عام، اتضح أن تكون المدينة الفاضلة :)

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

دعونا نلقي نظرة على كيفية وضع مقطع فيديو خاص بشخص آخر من موقع استضافة الفيديو الأكثر شهرة اليوم - YouTube - على موقع الويب الخاص بك. للقيام بذلك تحتاج:

ستحتاج أيضًا إلى ضبط الأبعاد المطلوبة (العرض والارتفاع) لمشغل الفيديو. للقيام بذلك، ما عليك سوى تغيير الأرقام في معلمات العرض والارتفاع.

لعكس مشغل الفيديو عبر عرض الصفحة بالكامل، قم بتعيين معلمة العرض على 100%، وقم بتجربة معلمة الارتفاع.

وإليك مقطع فيديو حول كيفية وضع مقطع فيديو على YouTube على موقع الويب الخاص بك :)

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

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

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

ولماذا حاولت بعد ذلك اختيار المواد المقدمة وتحليلها بعناية؟

لذلك، عند إنشاء مقال على مدونة، فكر 100 مرة قبل نشر مقطع فيديو في أي مكان. تريد أقصى عائد منه!

اقتباسات في تصميم مقال على شبكة الإنترنت

عادةً ما يتم تنسيق عنصر مثل عرض الأسعار على موقع ويب باستخدام العلامة

.

وكما ذكرنا أعلاه، فإن هذه العلامة لا تشمل بالضرورة التعبيرات المعروفة للعامة فقط.

مثال على اقتباس مثير للاهتمام ومصمم مع عبارة مخفية تحث المستخدم على اتخاذ إجراء:

بطاقة شعار

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

يمكن أن يكون:

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

هذه ليست قائمة الخيارات بأكملها، يمكن لخيالك أن يخبرك بطرق أخرى لاستخدام هذه العلامة.

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

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

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

ما هي المعلومات التي يبحث عنها الزائر عند زيارته للموقع لأول مرة؟ لقد قمنا بصياغة 5 أسئلة رئيسية يجب أن تجيب عليها صفحتك الرئيسية. خذها كأساس، ولن تفوت أي عميل محتمل.

من أنت؟

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

ماذا تفعل؟

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

ماذا سأجد هنا؟

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

كيف حالك مختلفا عن الآخرين؟

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

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

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

ما الذي يجعل تصميم الصفحة الرئيسية لموقع الويب جيدًا

1) تصميم الصفحة الرئيسية يجيب بوضوح على سؤال "من أنا؟"، "ماذا أقدم؟" و/أو "ماذا يمكن للمستخدم أن يفعل هنا؟"

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

2) الصدى مع الجمهور المستهدف

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

3) رسالة حول عرض القيمة

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

4) سهولة الاستخدام

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

5) يتضمن عبارة تحث المستخدم على اتخاذ إجراء (عنصر CTA)

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

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

6) التغيير المستمر

أفضل الصفحات الرئيسية ليست ثابتة دائمًا. وبعضها، مثل WhiteHouse.gov، يتغير باستمرار بناءً على احتياجات المستخدم واهتماماته وأسئلته.

7) يستخدم التصميم العام الممتاز

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

تصميم الويب الملهم: 16 أفضل تصميم للصفحة الرئيسية

1) الكتب الطازجة

هذا التصميم عبقري لأنه:

• سهل الاستخدام. هناك الكثير من الجدل حول ما إذا كانت الصفحات الرئيسية القصيرة أو الطويلة هي الأفضل. إذا اخترت الخيار الأخير، فيجب عليك التأكد من سهولة التمرير والقراءة. تبدو هذه الصفحة وكأنها قصة تقريبًا؛
• تم استخدام مجموعة الألوان وموضع عناصر CTA الأساسية بنجاح. عندما تذهب إلى الصفحة الرئيسية، يصبح من الواضح على الفور أن الشركة تريد جذب انتباهك؛
• نص مغري للغاية حول عنصر CTA: " جرب مجانًا لمدة 30 يومًا»;
• العنوان الفرعي الفعال: " بالنسبة لأكثر من 5 ملايين شخص يستخدمون FreshBooks، أصبح إرسال الفواتير وتتبع النفقات أمرًا سهلاً الآن" وهذا البيان يجذب الجمهور المستهدف لأن إتقان برامج المحاسبة يميل إلى " صعبة للغاية» للمستقلين وأصحاب الأعمال الصغيرة.

2) إير بي إن بي

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

3) النعناع

• إنه تصميم بسيط للغاية مع عنوان قوي وعنوان فرعي بدون أي لغة عامية؛
• توفر الصفحة الرئيسية بيئة آمنة ومريحة، وهو أمر مهم جدًا بالنسبة للمنتج الذي يتعامل مع المعلومات المالية؛
• كما يحتوي أيضًا على عبارة بسيطة ومقنعة تحث المستخدم على اتخاذ إجراء: " سجل مجانا". يعد تصميم CTA رائعًا أيضًا - حيث تصل أيقونة القفل إلى العلامة لتوصيل رسالة السلامة مرة أخرى.

4) دروببوإكس (المستهلك)

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

5) دروببوإكس (الأعمال)

• يعد هذا مثالًا رئيسيًا على تقديم الدعم لموقع ما لجماهير مختلفة. وهذا يختلف عن الصفحة الرئيسية، التي تم إنشاؤها في الأصل للمستهلك (انظر أعلاه). يطالب مستخدمو الأعمال بمزيد من المعلومات، بالإضافة إلى مزيد من التأكيد على أن Dropbox(Business) هو حل آمن وقابل للتطوير للشركات ( يعالج Dropbox مشكلة الإدراك مباشرة على صفحته الرئيسية);
• يواصل Dropbox استخدام التصميم البسيط والعلامات التجارية. فهو يتضمن فقط ما هو مهم: صورة كبيرة مدعومة بالإعلانات و" جرب نسخة تجريبية مجانية مدتها 30 يومًا"، دعوة إلى اتخاذ إجراء.

6) Whitehouse.gov

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

7) 4 ريفرز سموك هاوس

• مع صورة كبيرة لتصميم الموقع، العنوان “ صدر. 18 عاما من الحرفية. من أجل متعتك"يبدو مغريا؛
• سيمنحك التمرير المنظر عرضًا سريعًا للخدمات والقوائم والأشخاص الذين يقضون وقتًا ممتعًا - وهو استخدام رائع لاتجاه التصميم الشائع.

8) خدمات علاج كوب للأطفال

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

9) جيل كونراث

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

10) إيفرنوت

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

11) Telerik بالتقدم

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

12) بوكس ​​بي

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

يشير Cap إلى أن الرقم المكتوب في منتصف الصفحة ويكون كبيرًا يكون أكثر وضوحًا. قم بذلك إذا كنت تريد أن يتمكن أكبر عدد ممكن من العملاء من الاتصال والتحدث مع موظفي الشركة.

إعطاء اتصالات من الإدارات المختلفة

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

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

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

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

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

ستساعد صور لافتات المتاجر غير المتصلة بالإنترنت على الموقع الإلكتروني للعلامة التجارية لملابس الشوارع "BatNorton" العملاء على التنقل في مركز التسوق والعثور على القسم المناسب.

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

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

كتابة جهات اتصال الموظف

يثق الشخص بشخص آخر أكثر من الاسم غير الشخصي للشركة. لذلك، أخبرنا عن المتخصصين لديك. أظهر أن أشخاصًا محددين مسؤولون عن كل مجال من مجالات عمل الشركة.

حاول نشر صور موظفيك. فكر في الصور التي ستلهم أكبر قدر من الثقة بين العملاء؟ ربما ستكون هذه صورًا في مكان العمل أو صورًا ببدلات عمل في استوديو احترافي.

إظهار الاتجاهات

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

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

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

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

يحتوي موقع Mary Truffle على توجيهات مرسومة باليد لصالونين لحفلات الزفاف.

تُظهر الخريطة المعروضة للطريق إلى متجر الهدايا Presentstar أصغر التفاصيل: من قطة تحت شجرة إلى كائنات فضائية يسرقون سيارة Lada.

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

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

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

على الموقع الإلكتروني لمهرجان السيارات "Unlim 500+"، يتم تبديل ثلاثة مخططات مختلفة - السفر إلى موقع الحدث، وخريطة نطاق القيادة وموقع المقهى والمسرح على سطح المراقبة. قمت بتحديد المخطط المطلوب - يتغير الوصف الموجود على الجانب الأيسر من الصفحة والخريطة الموجودة على الجانب الأيمن.

على موقع Rozovoz، يتم نشر معلومات الاتصال في نافذة منبثقة واحدة. وبالفعل يمكنك تبديل كتلتين من المعلومات داخل النافذة: عناوين مستودعات الزهور ورقم هاتف خدمة التوصيل.

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

استخدم المساحة الموجودة في النافذة المنبثقة داخل الخريطة

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

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

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

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

على موقع بنك Leto، في نافذة منبثقة على الخريطة، يمكنك تقييم عمل الفرع على مقياس مكون من 5 نقاط.

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

يوجد في النوافذ المنبثقة على خريطة الطريق إلى مراكز تعلم اللغات الأجنبية التابعة لـ J&S زر اتصال عبر الإنترنت ورابط لمجموعة VKontakte والعديد من الصور الفوتوغرافية. وأيضًا "المجموعة القياسية" مثل العنوان ورقم الهاتف وساعات العمل.

نشر صورة لمدخل مكتب الشركة

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

اكتب كيفية الوصول إلى المكتب

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

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

يحتوي موقع متجر الهدايا Presentstar على تعليمات للمتنزهين وسائقي السيارات.

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

على موقع Refinish Avtolac، تظهر أوصاف كيفية الوصول إلى الشركة بالسيارة أو وسائل النقل العام من خلال النقر على العنوان المقابل.

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

انتبه إلى النصوص

لا تكن مملاً، اعمل على النصوص والعناوين الموجودة على صفحة الاتصال الخاصة بك. عنوان مشرق سوف يوقف العين من التجول في الموقع في المكان المناسب.

يقول رامبلر أن هناك أسبابًا كثيرة للكتابة إليه. ولكن في هذا المكان قد تكون هناك عبارة باهتة مثل "قائمة عناوين البريد الإلكتروني".

تريد ماركة القبعات المحبوكة "Handy Hat" أن تكون أقرب إلى عملائها. يقول تعال إلينا على فكونتاكتي.

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

ضع رابطًا لجهات الاتصال في أقسام أخرى من الموقع

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

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

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

يوجد في كل صفحة من صفحات موقع قاعدة الزهور "كل شيء في حزمة" رابط مرئي بوضوح لعناوين المستودعات.

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

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

كيف يجب أن يكون تصميم الصفحة الرئيسية للموقع؟

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

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

في الصفحة الرئيسية يجب عليك بالتأكيد الإشارة إلى:

• من أنت وماذا تفعل؟
• ما الذي تعرضه.
• لماذا تختارك عن أي شركة أخرى؟

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

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

كيفية تصميم الصفحة الرئيسية لموقع ويب: دعونا نلقي نظرة عليها بالتفصيل

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

الرأس والملاحة

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

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

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

كتل مع المعلومات

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

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

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

دعوة للعمل

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

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

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

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

قبو

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

لا تضع الكثير من النصوص على صفحتك الرئيسية، حيث سيؤدي ذلك إلى تخويف الزوار. إذا لم يكن بإمكانك الاستغناء عن "قطعة قدم" لـ 10 آلاف حرف، فقم ببناء النص بشكل صحيح: يجب أن يكون لكل فكرة أو وصف للخدمة عنوان، ويجب ألا تكون الفقرات طويلة جدًا.

تسليط الضوء على صفقات كبيرة

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

هذا ما فعله Svyaznoy - العمل مرئي ويجذب الانتباه.

استخدم الصور

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

لا تبالغ في مدح نفسك

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

تحرير الصفحة باستمرار

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

كيفية تصميم الصفحة الرئيسية لموقع ويب من وجهة نظر تحسين محركات البحث (SEO).

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

نتائج

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

يستخدم المقال صوراً لديمتري ميروليوبوف.