لصفحة الهبوط (Landing Page) مهمة واحدة: أن توصل الزائر إلى إجراء محدد. تسجيل، أو تنزيل ملف، أو حجز موعد استشارة، أو شراء منتج. وكل ما لا يخدم هذا الإجراء يشتت الانتباه. ولأنها لا تحتاج إلى قائمة معقدة ولا إلى ودجات جانبية فبناؤها بكتل ووردبريس نفسها ممكن تمامًا، ولا حاجة إلى تثبيت إضافة باني صفحات ثقيلة.
إذا لم تكن مطلعًا على المحرر بعد فاقرأ أولًا دليل محرر الكتل جوتنبرج. نفترض هنا أنك تعرف العمل بالكتل.
الورقة أولًا ثم المحرر#
قبل فتح المحرر اكتب ثلاثة أشياء في سطر واحد: من الجمهور، وما عرضك، وما الإجراء المطلوب. مثلًا: «أصحاب المقاهي، برنامج قوائم رقمية، طلب عرض تجريبي». هذه الأسطر الثلاثة تقرر ما يدخل الصفحة وما لا يدخل.
بنية صفحة الهبوط المجرَّبة عادةً هي:
| القسم | وظيفته | الكتلة المناسبة |
|---|---|---|
| القسم الرئيسي (Hero) | الوعد الأساسي وأول زر | Cover أو Group |
| المشكلة والحل | إظهار أنك تفهم المشكلة | Columns وHeading وParagraph |
| المزايا | من ثلاثة إلى ستة أسباب للإقدام | Columns بأيقونة أو صورة |
| بناء الثقة | رأي عميل أو شعارات أو نماذج أعمال | Quote وGallery |
| الأسئلة الشائعة | إزالة التردد | Details |
| الدعوة الأخيرة | تكرار الإجراء الأساسي | Group مع Buttons |
بناء الصفحة خطوة بخطوة#
- أنشئ صفحة جديدة وضع لها عنوانًا داخليًا. وإذا سمح القالب فاختر من إعدادات الصفحة قالبًا بلا ترويسة وتذييل أو بعرض كامل.
- ابنِ القسم الرئيسي بكتلة Cover. ضع صورة خلفية خفيفة، وعنوانًا من سطر واحد، وجملة توضيحية، وكتلة Buttons بالزر الأساسي.
- تحته ضع كتلة Group واكتب فيها قسم المشكلة والحل. أبقِ كل قسم من الصفحة في Group خاص به لتتحكم بلون الخلفية والمسافات في مكان واحد.
- للمزايا ضع كتلة Columns بثلاثة أعمدة. في كل عمود عنوان قصير وجملتان.
- قسم بناء الثقة: Quote باسم العميل ومهنته، أو كتلة Gallery للشعارات. ضع فقط ما هو حقيقي.
- ابنِ الأسئلة بكتلة Details؛ كل سؤال كتلة تنفتح بالنقر.
- في النهاية Group آخر بخلفية ملونة وجملة والزر الأساسي نفسه.
ضع كل قسم من الصفحة داخل Group واضبط اللون والمسافات من لوحة Styles. هكذا إذا بدّلت لاحقًا مكان قسمين فلن يختل شيء.
تفاصيل صغيرة تصنع الفرق#
العنوان والنص#
ليكن في الصفحة عنوان H1 واحد فقط، وعادةً هو عنوان القسم الرئيسي. وليكن الباقي H2. اجعل الفقرات قصيرة والجمل واضحة؛ في صفحة الهبوط لا يقرأ أحد مقالًا، بل يبحث عن جواب.
الزر#
يجب أن يقول نص الزر الإجراء («اطلب عرضًا تجريبيًا») لا حالة عامة («متابعة»). ميّز لون الزر عن باقي الصفحة، وليكن له وجهة واحدة في أعلى الصفحة وأسفلها. وإذا كان الزر يؤدي إلى نموذج فأنشئ نموذج اتصال آمنًا حتى لا تنهال عليك رسائل البريد المزعج.
المسافات#
لكتلتي Group وColumns في لوحة Dimensions مسافات داخلية وخارجية. بدل ترك عدة فقرات أو كتلة Spacer فارغة استخدم هذه المسافات لتبقى الصفحة مرتبة على الجوال أيضًا.
الجوال#
معظم زيارات صفحات الهبوط تأتي من الجوال. في معاينة الجوال بالمحرر تأكد أن الأعمدة تنتقل تحت بعضها، وأن العنوان لا ينكسر على ثلاثة أسطر، وأن الزر ظاهر دون تمرير كثير. وإذا كان القسم الرئيسي يملأ شاشة الجوال كلها ويقع الزر أسفلها فقلّل ارتفاع Cover.
الصورة#
الصور الثقيلة هي أكبر أسباب بطء الصفحة. اضغطها قبل الرفع وأعطها حجمًا مناسبًا؛ والتفاصيل في تحسين صور ووردبريس.
أنشئ نمطًا لإعادة الاستخدام#
إذا كنت ستبني صفحات متشابهة لعدة منتجات فاحفظ أقسامًا مثل الأسئلة أو الدعوة الأخيرة كنمط. وفي أنماط الكتل في ووردبريس شرحنا كيف يحدّث النمط المتزامن (Synced) كل الصفحات بتعديل واحد.
أخطاء شائعة#
- عدة أهداف في صفحة واحدة. إذا كنت تبيع نشرة بريدية ودورة واستشارة معًا فأنشئ ثلاث صفحات منفصلة.
- عنوان غامض. «مرحبًا بكم في عالمنا» لا يقول شيئًا. يجب أن يقول العنوان ماذا تقدم ولمن.
- رأي مختلق. الآراء والشعارات المزيفة تهدم الثقة، وإن انكشفت أضرّت بسمعة نشاطك. وإذا لم يكن لديك عملاء بعد فاشرح بدلًا منها طريقة عملك.
- روابط كثيرة. كل رابط زائد باب هروب. يكفي رابط سياسة الخصوصية في أسفل الصفحة.
- نسيان القياس. بدون عدّ الزيارات والنقرات على الزر لن تعرف أي تغيير أفاد.
ما الذي يجب فحصه قبل النشر#
- لها إجراء رئيسي واحد وزره واضح.
- حُذفت القائمة الرئيسية والروابط التي تُخرج القارئ من الصفحة أو قُلّلت.
- كُتب عنوان الصفحة ووصف الميتا (في إضافة السيو).
- الصفحة مقروءة على الجوال وسطح المكتب وفي وضعَي المتصفح الفاتح والداكن.
- النموذج أو الزر يعمل فعلًا؛ جرّبه بنفسك مرة.
- اختُبرت سرعة الصفحة بأداة قياس (الطريقة في تسريع ووردبريس).
الخلاصة#
- لصفحة الهبوط جمهور واحد وعرض واحد وإجراء رئيسي واحد.
- القسم الرئيسي والمزايا وبناء الثقة والأسئلة والدعوة الأخيرة هي عمود الصفحة الفقري.
- ضع كل قسم داخل Group وتحكم بالمسافات واللون من لوحة Styles.
- ليقل نص الزر الإجراء وليتكرر في أعلى الصفحة وأسفلها.
- قبل النشر اختبر الجوال والسرعة وعمل النموذج.
- حوّل الأقسام المتكررة إلى أنماط ليسرع بناء الصفحات التالية.
