الصفحة الرئيسية هي أول ما يفتحه كثير ممن يسمعون باسم نشاطك أو يبحثون عنه، وفيها يقرر الزائر خلال ثوانٍ: هل يكمل أم يعود إلى نتائج البحث؟ لذلك لا يبدأ تصميم الصفحة الرئيسية للموقع باختيار الألوان، بل بقرارين: ماذا تقول في أعلى الصفحة، وبأي ترتيب تأتي الأقسام بعده. في هذا الدليل مخطط جاهز من تسعة أقسام، مع ما تكتبه في كل قسم وأمثلة عربية، وقواعد الشاشة الأولى على الجوال، وأساسيات ظهور الصفحة في جوجل، وقائمة تراجع بها صفحتك في عشر دقائق.
باختصار:
- وظيفة الصفحة الرئيسية أن تجيب في ثوانٍ عن أربعة أسئلة: من أنت، وماذا تقدم، وأين، وكيف يتواصل الزائر معك.
- رتّب الأقسام بترتيب أسئلة الزائر: الواجهة، ثم الخدمات، ثم الدليل، ثم طريقة العمل، ثم المناطق، ثم الأسئلة، ثم دعوة أخيرة وتذييل كامل.
- سطر الواجهة يصف خدمتك ولمن وأين، والسطر الذي تحته يذكر ما يميزك بتفصيل يمكن التحقق منه، والزر يقول ما سيحدث بعد الضغط.
- على الجوال يظهر العنوان والزر وطريقة التواصل قبل أي تمرير، وصورة الواجهة واحدة ثابتة لا يُؤجَّل تحميلها.
- عنوان H1 واحد، وعنوان صفحة ووصف يتحدثان عن النشاط كله، وروابط واضحة من الرئيسية إلى كل صفحة خدمة.
في هذا الدليل
ما وظيفة الصفحة الرئيسية؟ أربعة أسئلة قبل أي تصميم
الصفحة الرئيسية ليست صفحة «من نحن»، ولا كتالوجًا يُعرض فيه كل شيء. هي مفترق الطرق في موقعك: يصل إليها من بحث باسمك، ومن مسح رمز QR على بطاقتك أو على سيارة الشركة، ومن رابط في حسابك على منصات التواصل، ثم توجّه كل واحد منهم إلى ما جاء من أجله. وقبل أن يذهب إلى أي مكان، يحتاج أن يعرف في الثواني الأولى أربعة أمور:
- من أنت: اسم النشاط وشعاره، وما يكفي ليطمئن إلى أنه وصل إلى الجهة الصحيحة لا إلى جهة أخرى بالاسم نفسه.
- ماذا تقدم: الخدمة أو المنتج بالكلمات التي يستخدمها العميل، لا بوصف عام يصلح لأي نشاط.
- أين: المدينة أو الأحياء أو المناطق التي تخدمها، أو «توصيل لكل مدن المملكة» إن كان ذلك صحيحًا.
- كيف يتواصل: اتصال أو واتساب أو حجز أو طلب عرض سعر، بخطوة واحدة واضحة.
هنا سنحوّل هذه الأسئلة إلى صفحة فعلية: أي قسم يجيب عن أي سؤال، وبأي صياغة. أما الأساس النظري ففي مبادئ تصميم المواقع ورحلة الزائر.
من يزور صفحتك الرئيسية؟
ليس كل زوار الرئيسية عملاء جددًا. فكّر في أربعة أنواع على الأقل، وتأكد أن لكل منهم طريقًا قصيرًا إلى ما يريد:
- عميل جديد يقارن: يحتاج الواجهة والخدمات والدليل على جودة عملك.
- عميل سابق: يريد رقمك أو موقعك على الخريطة فقط، فيحتاج زر اتصال ظاهرًا وعنوانًا في التذييل.
- شركة أو مورد: يبحث عن الاسم الرسمي للمنشأة ورقم السجل التجاري في التذييل.
- باحث عن وظيفة: يكفيه رابط صغير في التذييل، لا مكان في القائمة الرئيسية.
صمّم الصفحة للنوع الأول، واحرص ألا تُتعب الثلاثة الآخرين.
الصفحة الرئيسية ليست صفحة هبوط
يخلط بعض أصحاب الأعمال بين الاثنتين فيرسلون إعلاناتهم إلى الرئيسية. الرئيسية تخدم كل الزوار، وفيها قائمة وروابط إلى أقسام الموقع كلها. أما صفحة الهبوط فتُبنى لحملة واحدة وعرض واحد وإجراء واحد، وغالبًا بلا قائمة. إن كنت تعلن عن عرض محدد فاقرأ دليل تصميم صفحة الهبوط، واترك الرئيسية لوظيفتها العامة. وإن كان موقعك كله صفحة واحدة، فالرئيسية هي الموقع نفسه، ويصبح المخطط التالي ترتيب أقسامها من الأعلى إلى الأسفل؛ ومتى يكفي ذلك تجده في دليل موقع الصفحة الواحدة.
ترتيب الأقسام في تصميم الصفحة الرئيسية للموقع: مخطط من 9 أقسام
الترتيب التالي يصلح لأغلب مواقع الشركات والمحلات والعيادات والمكاتب. ليس قانونًا ثابتًا، لكنه يتبع ترتيب الأسئلة في ذهن الزائر: يفهم أولًا، ثم يتحقق، ثم يطمئن، ثم يتواصل. احذف القسم الذي لا ينطبق عليك، ولا تضف قسمًا لا يجيب عن سؤال حقيقي.
وحتى ترى الصفحة تتكوّن أمامك، سنكتب أمثلة كل قسم لنشاط افتراضي واحد: ورشة لصيانة السيارات في الدمام سميناها «ورشة المسار». الاسم والتفاصيل توضيحية، فاستبدلها ببيانات نشاطك.
الترويسة والقائمة
الشعار في أعلى اليمين ويعيد إلى الرئيسية عند الضغط عليه، ثم قائمة من أربعة إلى ستة عناصر بأسماء يفهمها العميل، وفي الطرف المقابل زر تواصل واحد مميز. على الجوال تُطوى القائمة في أيقونة، ويبقى زر الاتصال أو واتساب ظاهرًا بجانبها.
مثال: «الخدمات، الأسعار، أعمالنا، من نحن، تواصل معنا»، وزر «احجز موعد صيانة».
الواجهة: وعد واحد وزر واحد
عنوان رئيسي يقول ماذا تقدم ولمن وأين، وسطر شارح تحته يذكر ما يميزك بتفصيل يمكن التحقق منه، ثم زر رئيسي وبجانبه بديل أهدأ. لا أكثر من ذلك. وسنفصّل كتابة هذا السطر في القسم التالي.
مثال: العنوان «صيانة السيارات اليابانية والكورية في الدمام»، وتحته «فحص بالكمبيوتر، وتكلفة مكتوبة قبل أي إصلاح»، والزر «احجز موعد فحص»، والبديل «راسلنا على واتساب».
الخدمات
من ثلاث إلى ست بطاقات، لكل خدمة اسم واضح وسطر واحد عما تشمله، والبطاقة كلها رابط إلى صفحة الخدمة. إن كانت خدماتك أكثر فاجمعها في فئات. ورتّب البطاقات حسب ما يطلبه العملاء أكثر، لا حسب ما تحب أن تبيعه.
مثال: «الصيانة الدورية: تغيير الزيت والفلاتر وفحص السوائل والفرامل حسب جدول الشركة المصنعة».
الدليل وعلامات الثقة
هنا يتحول الكلام إلى إثبات: صور أعمال حقيقية، أو أرقام تستطيع إثباتها، أو شهادات واعتمادات بأرقامها، أو تقييمات حقيقية بإذن أصحابها. يكفي في الرئيسية قسم واحد مختصر، ورابط إلى صفحة الأعمال لمن يريد المزيد. والقائمة الكاملة لعناصر الثقة وأماكنها في دليل علامات الثقة في الموقع.
مثال: ثلاث صور من داخل الورشة، تحت كل صورة سطر يصف ما نُفّذ: «إصلاح تسريب في نظام التبريد واستبدال الخرطوم في اليوم نفسه».
طريقة العمل
ثلاث أو أربع خطوات قصيرة تجيب عن سؤال: ماذا يحدث بعد أن أتواصل؟ قسم قصير يزيل تردد من لم يتعامل معك من قبل.
مثال: «احجز موعدك من واتساب، ثم نفحص السيارة ونرسل لك التكلفة مكتوبة، ثم نبدأ الإصلاح بعد موافقتك، ثم تستلم سيارتك مع فاتورة مفصلة».
المناطق والفروع وساعات العمل
سطر أو بطاقة تذكر المدن أو الأحياء التي تخدمها أو عناوين الفروع، مع ساعات العمل ورابط الخريطة. يبحث الزائر عن هذه المعلومة بعينها، فاكتبها نصًا لا داخل صورة، ليقرأها هو ومحركات البحث معًا.
مثال: «نستقبل السيارات في حي الفيصلية بالدمام، ونخدم عملاء الخبر والظهران. من السبت إلى الخميس، من 8 صباحًا حتى 10 مساءً».
الأسئلة الشائعة
من أربعة إلى ستة أسئلة يطرحها العملاء فعلًا: المدة، والتكلفة أو ما يحددها، والضمان، وطرق الدفع، والمناطق. اجمعها من آخر محادثات واتساب، فهي أصدق مصدر.
مثال: «هل أستطيع الانتظار في الورشة؟ نعم، في الصيانة الدورية، ولدينا مكان انتظار مكيّف».
الدعوة الأخيرة
من وصل إلى هنا مهتم فعلًا. أعطه سطرًا يلخص العرض، وزرًا واحدًا، وبديلًا للتواصل.
مثال: «سيارتك تحتاج فحصًا؟ احجز موعدك، واعرف التكلفة قبل أن نبدأ»، وزر «احجز موعد فحص».
التذييل
الاسم الرسمي للمنشأة ورقم السجل التجاري، والعنوان والهاتف والبريد، وروابط الصفحات المهمة والسياسات وحساباتك، كاملة ومحدّثة.
مثال: «ورشة المسار لصيانة السيارات، سجل تجاري رقم (رقم منشأتك)، الدمام، حي الفيصلية، هاتف وواتساب، سياسة الخصوصية، الشروط والأحكام».
كم يجب أن يكون طول الصفحة؟ قد تمتد هذه الأقسام على الجوال إلى ثماني شاشات أو أكثر، وهذا مقبول ما دام كل قسم يجيب عن سؤال، وما دام الزائر يعرف من الشاشة الأولى أين هو وماذا يفعل. الطول وحده لا يطرد الزائر، الحشو هو الذي يطرده. أما بقية صفحات الموقع وما تقوله كل صفحة، فتجدها في دليل تصميم موقع تعريفي للشركات.
كتابة سطر الواجهة: صيغة بسيطة وأمثلة قبل وبعد
سطر الواجهة هو أكثر ما يُقرأ في الموقع كله، ومع ذلك يُكتب كثيرًا في آخر لحظة. استخدم هذه الصيغة: الخدمة + لمن أو أين في العنوان، ثم تفصيل يميزك ويمكن التحقق منه في السطر الذي تحته. وثلاث قواعد تحكم الصياغة:
- ابدأ بالكلمة التي يبحث بها العميل. العين في الصفحة العربية تبدأ من اليمين، فأول كلمتين في العنوان تحددان إن كان الزائر سيكمل القراءة.
- اترك الكلمات التي يملكها الجميع: «متكاملة» و«متميزة» و«بأعلى جودة» لا تصف شيئًا، لأن أي منافس يستطيع كتابتها.
- لا تعد بما لا تلتزم به دائمًا: عبارة «نصلك خلال ساعة» تجلب العميل مرة، ثم تخسره إن لم تكن صحيحة كل يوم.
وهذه أمثلة من أنشطة مختلفة، كلها توضيحية:
| النشاط | قبل | بعد | ماذا تغيّر؟ |
|---|---|---|---|
| مكتب ترجمة في الرياض | جسرك إلى العالم | ترجمة معتمدة للوثائق والعقود في الرياض، باستلام وتسليم إلكتروني | الخدمة والمدينة وطريقة التعامل |
| مطبعة في جدة | نطبع أفكارك | طباعة بطاقات العمل والمطبوعات التجارية في جدة، مع نسخة تجريبية قبل الطباعة الكاملة | نوع المطبوعات وتفصيل يطمئن العميل |
| مكافحة حشرات في المدينة المنورة | بيئة صحية لحياة أفضل | مكافحة الحشرات للمنازل والمطاعم في المدينة المنورة، مع زيارة متابعة بعد المعالجة | الفئة المستهدفة وما يحصل عليه العميل |
| مركز علاج طبيعي في الخبر | صحتك أولويتنا | علاج طبيعي لآلام الظهر وإصابات الملاعب في الخبر، بخطة جلسات مكتوبة بعد أول تقييم | الحالات التي يعالجها وما يحدث في البداية |
الزر تحت السطر: فعل ونتيجة
الزر الرئيسي يكمل الجملة التي بدأها العنوان. مكتب الترجمة يكتب «أرسل وثيقتك واعرف السعر»، والمطبعة «اطلب نسخة تجريبية»، ومركز العلاج الطبيعي «احجز جلسة التقييم». أما «تواصل معنا» و«المزيد» فلا تقولان للزائر ماذا سيحدث. وأساليب الصياغة المقنعة لبقية نصوص الموقع مشروحة في دليل كتابة محتوى الموقع.
متى يكون الشعار التسويقي مقبولًا؟
إن كان لنشاطك شعار تحبه فلا تحذفه، بل ضعه سطرًا صغيرًا فوق العنوان أو في صفحة «من نحن». ولا يصلح وحده عنوانًا إلا حين يكون اسمك معروفًا بما يكفي ليُفهم نشاطك دون شرح، وهذا نادر في المنشآت الصغيرة.
العنوان يصف، والسطر الذي تحته يميّز، والزر يدعو؛ ولا يصلح أحدها مكان الآخر.
الشاشة الأولى على الجوال: المساحة والصورة والسرعة
الناس يمررون الصفحات أكثر من قبل، لكن انتباههم ما زال يتركز في أعلاها. في دراسة لتتبع العين نشرتها مجموعة نيلسن نورمان عام 2018، قضى المشاركون نحو 57% من وقت المشاهدة في الجزء الظاهر قبل التمرير، ونحو 74% في أول شاشتين. وتوصي الدراسة بأن يُحجز أعلى الصفحة للمحتوى الأهم وللدعوات الرئيسية. وعلى الجوال تكون هذه المساحة أصغر بكثير، فيصبح كل سطر فيها أثمن.
ميزانية الشاشة الأولى
تعامل مع الشاشة الأولى على الجوال كأنها ميزانية محدودة. هذا ما يجب أن يظهر فيها قبل أي تمرير، بالترتيب:
- شريط علوي رفيع: الشعار بحجم معقول، وأيقونة القائمة، وأيقونة اتصال.
- العنوان الرئيسي في سطرين أو ثلاثة على الأكثر.
- السطر الشارح في سطرين.
- الزر الرئيسي بعرض مريح للإبهام، وتحته أو بجانبه رابط واتساب.
- طرف القسم التالي، ولو بداية عنوانه أو صورته، ليعرف الزائر أن تحت الشاشة محتوى يستحق التمرير.
البند الأخير يعالج ما تسميه الدراسة «الأرضية الزائفة»: صفحة تبدو مكتملة فلا يخطر للزائر أن تحتها شيئًا. ولا تنفق هذه الميزانية على شعار ضخم، أو صورة بطول الشاشة تدفع العنوان إلى الأسفل، أو شريط ملفات تعريف الارتباط فوق الزر. ويفيد على الجوال شريط سفلي ثابت فيه «اتصل» و«واتساب»، وتفاصيل مكانه وحجمه في دليل التصميم للجوال أولًا.
صورة الواجهة: واحدة، حقيقية، لا تتأخر
اختر صورة واحدة من نشاطك الحقيقي: مكانك، أو عملك المنجز، أو منتجك. لا تكتب نصًا داخلها، واقصصها بحيث يبقى الجزء المهم ظاهرًا على شاشة الجوال الضيقة، وإن وضعت العنوان فوقها فأضف تحته طبقة داكنة شبه شفافة حتى يُقرأ.
وتبقى السرعة. صورة الواجهة هي في الغالب أكبر عنصر في الشاشة الأولى، أي العنصر الذي يقيس به مؤشر LCP سرعة ظهور الصفحة. ويحذّر موقع web.dev صراحةً من التحميل المؤجل (lazy loading) لهذه الصورة، لأنه يؤخر ظهورها دون داعٍ، وينصح بإضافة الخاصية fetchpriority="high" إليها، وبأن تكون موجودة في كود الصفحة نفسه لا تُضاف لاحقًا بالسكربتات. وبعض القوالب والإضافات تؤجل تحميل كل الصور تلقائيًا، فاطلب استثناء صورة الواجهة، وضغطها بصيغة حديثة مثل WebP. وللعلاقة بين السرعة والطلبات تفاصيل أوسع في مقال سرعة الموقع والمبيعات.
الشرائح المتحركة والفيديو
شريط الصور الذي يتبدل وحده يبدو حلًا وسطًا لمن لم يقرر رسالته الأولى، لكنه يعرض كل رسالة جزءًا من الوقت فقط، ويحرك المحتوى قبل أن يكمل الزائر قراءته. وتشترط إرشادات WCAG 2.2 في المعيار 2.2.2 (المستوى A) أن أي محتوى يتحرك تلقائيًا لأكثر من خمس ثوانٍ ويُعرض مع محتوى آخر يجب أن تكون فيه وسيلة لإيقافه مؤقتًا أو إيقافه أو إخفائه. والحل الأبسط ألا يتحرك أصلًا: صورة ثابتة واحدة ورسالة واحدة.
والفيديو كذلك: لا يعمل تلقائيًا بصوت، وتظهر مكانه صورة ثابتة حتى يضغط الزائر تشغيل. وإن كان يشرح خدمتك فعلًا، فمكانه غالبًا قسم طريقة العمل لا الشاشة الأولى.
أساسيات السيو في الصفحة الرئيسية: H1 والعنوان والوصف والروابط
الرئيسية صفحة نشاطك كله، تظهر عادةً لمن يبحث باسمك أو بنوع نشاطك ومدينتك، أما صفحات الخدمات فلمن يبحث عن خدمة بعينها. وعلى هذا الفرق يقوم الجدول التالي، فلا تحاول أن تجعل الرئيسية تتصدر البحث عن كل خدمة:
| العنصر | القاعدة في الرئيسية | مثال لورشة المسار |
|---|---|---|
| عنوان H1 | عنوان واحد فقط، وهو في الغالب سطر الواجهة نفسه، لا الشعار ولا عبارة ترحيب | صيانة السيارات اليابانية والكورية في الدمام |
| عنوان الصفحة (title) | اسم النشاط ووصف موجز له، دون تكرار الكلمات | ورشة المسار | صيانة السيارات اليابانية والكورية في الدمام |
| وصف الصفحة (meta description) | ملخص للنشاط كله لا لخدمة واحدة | ورشة لصيانة وإصلاح السيارات اليابانية والكورية في الدمام: فحص بالكمبيوتر وتكلفة مكتوبة قبل الإصلاح، وحجز عبر واتساب. |
| الروابط الداخلية | رابط واضح من كل بطاقة خدمة إلى صفحتها، بنص يحمل اسم الخدمة | «الصيانة الدورية» تقود إلى صفحة الصيانة الدورية |
| بيانات النشاط | الاسم والعنوان والهاتف وساعات العمل نصًا، ومطابقة لملفك في خرائط جوجل | الدمام، حي الفيصلية، والرقم نفسه في الموقع وفي الملف |
ولكل بند سند في إرشادات جوجل نفسها:
- العنوان: تقول إرشادات Google Search Central إن وسم العنوان في الصفحة الرئيسية مكان مناسب لإضافة معلومات أكثر عن موقعك، وتقترح وضع اسم الموقع في بداية العنوان أو نهايته مع فاصل، وتنصح بتجنب العناوين الطويلة وتكرار الكلمات نفسها. وتذكر أن جوجل قد يستعين بعنوان H1 وبالعنوان الأبرز في الصفحة عند صياغة رابط العنوان في النتائج، وهذا سبب آخر ليكون عنوانك الرئيسي واضحًا.
- الوصف: تنصح الإرشادات بوصف على مستوى الموقع كله في الصفحة الرئيسية، وبوصف خاص بكل صفحة فيما سواها، وتنبه إلى أن جوجل لا يستخدم الوصف دائمًا، بل يصوغ المقتطف من محتوى الصفحة في الغالب. أي أن الوصف الجيد لا يغني عن نص واضح في الصفحة نفسها.
ولا يستطيع أحد أن يعدك بمركز معين في نتائج البحث. ما تستطيعه هو صفحة واضحة وسريعة وصادقة البيانات، ثم ربط الموقع بأدوات جوجل وملفك التجاري كما يشرح دليل ظهور نشاطك في جوجل.
الصفحة الرئيسية حسب نوع النشاط: عيادة ومقاول ومطعم ومتجر
المخطط نفسه يصلح لكل الأنشطة، لكن ما يوضع في كل قسم يتغير. يلخص الجدول ما يختلف في أربعة أنواع شائعة:
| القسم | عيادة | مقاول | مطعم | متجر إلكتروني |
|---|---|---|---|---|
| سطر الواجهة يركز على | التخصصات والحي | نوع المشاريع والمدينة | نوع المطبخ والحي وطريقة الطلب | الفئة الرئيسية وميزة التوصيل أو الدفع |
| الزر الرئيسي | احجز موعدًا | اطلب زيارة معاينة | اطلب الآن أو احجز طاولة | تسوّق الفئة الأكثر طلبًا |
| الدليل الأقوى | ترخيص المنشأة وتخصصات الأطباء | صور مشاريع منفذة مع وصف موجز | صور حقيقية للأطباق والمكان | تقييمات المشترين وسياسة الاستبدال |
| قسم لا تستغني عنه | ساعات العمل وشركات التأمين المقبولة | طريقة العمل من المعاينة إلى التسليم | قائمة الطعام نصًا، وساعات العمل والموقع | الشحن والإرجاع وطرق الدفع |
| ما تتجنبه | وعود بنتائج علاجية | صور جاهزة لمبانٍ ليست من أعمالك | قائمة طعام في ملف ثقيل أو صورة لا تُقرأ | شريط عروض متحرك يغطي المنتجات |
لاحظ أن الزر الرئيسي يتبع طريقة الشراء في كل نشاط: المراجع يحجز، وصاحب المشروع يطلب معاينة قبل أي سعر، وعميل المطعم يريد الطلب فورًا، والمشتري يريد رؤية المنتجات. وفي المتاجر المبنية على منصات جاهزة يحدد القالب جزءًا من شكل الرئيسية، لكن ترتيب الأقسام وصياغتها يبقيان قرارك.
وللتفاصيل الكاملة لكل نشاط: تصميم موقع عيادة أو مجمع طبي، وتصميم موقع شركة مقاولات، وإنشاء متجر إلكتروني في السعودية. ولترى المخطط مطبقًا في تصميم كامل، تصفّح نماذج التصميم.
أخطاء شائعة في تصميم الصفحة الرئيسية
هذه أخطاء خاصة بالصفحة الرئيسية تحديدًا. أما الأخطاء العامة في الموقع، كالنموذج المعطل والمعلومات القديمة، فتجدها في أخطاء تصميم المواقع التي تكلفك عملاء.
ثلاث رسائل في شريط متحرك
حين لا تستطيع أن تختار رسالتك الأولى، يختار الشريط عنك عشوائيًا. اختر رسالة واحدة، وانقل الباقي إلى قسم الخدمات.
صفحة اختيار اللغة قبل الدخول
شاشة تسأل «عربي أم English» تضيف نقرة لا داعي لها. افتح الموقع بلغة جمهورك الأساسية، وضع زر تبديل اللغة في الترويسة.
الرؤية والرسالة في الأعلى
الرؤية والرسالة وكلمة المدير تهم من قرر التعامل معك، لا من وصل للتو. مكانها صفحة «من نحن».
أكثر من دعوة رئيسية
«اطلب» و«حمّل الملف التعريفي» و«تابعنا» و«اشترك» في شاشة واحدة تشتت القرار. زر رئيسي واحد وبديل واحد يكفيان.
قسم أخبار لا يتحدث
«آخر الأخبار» وأحدث خبر فيه من سنوات يوحي بأن النشاط توقف. إن لم تكن ستحدّثه بانتظام فاحذفه من الرئيسية.
نافذة منبثقة عند الوصول
نافذة اشتراك أو خصم تغطي الواجهة قبل أن يقرأ الزائر سطرًا واحدًا تقطع أول انطباع. إن احتجت إليها فأظهرها لاحقًا.
وخطأ أخير: نسخ محتوى الصفحات الداخلية إلى الرئيسية. الرئيسية تلخص وتوجّه، وصفحة الخدمة تشرح وتقنع؛ ففقرة من خمسة أسطر عن خدمة واحدة مكانها سطر ورابط.
راجع صفحتك الرئيسية في 10 دقائق
خذ جوالك وحاسوبك، وامشِ على هذه الخطوات بالترتيب، ودوّن كل ما يحتاج إصلاحًا:
- الدقيقتان 1 و2: ابحث في جوجل من جوالك باسم نشاطك. اقرأ العنوان والوصف الظاهرين في النتيجة: هل يذكران ماذا تقدم وأين؟ ثم افتح الصفحة من النتيجة.
- الدقيقة 3: دون تمرير، أجب عن الأسئلة الأربعة: من، وماذا، وأين، وكيف أتواصل. هل يظهر زر تواصل؟ وهل يظهر طرف القسم التالي؟
- الدقيقة 4: اضغط زر الاتصال ثم زر واتساب. هل يفتح كل منهما من أول لمسة؟ وهل تصل رسالة واتساب الأولى جاهزة؟
- الدقيقة 5: مرّر الصفحة كلها ببطء وعدّ أقسامها. اسأل عن كل قسم: عن أي سؤال يجيب؟ ضع علامة على كل قسم لا جواب له.
- الدقيقة 6: اضغط كل بطاقة خدمة. هل تفتح صفحة تلك الخدمة تحديدًا، لا صفحة عامة أو صفحة التواصل؟
- الدقيقة 7: قارن الاسم والعنوان والهاتف وساعات العمل في التذييل بما في ملفك على خرائط جوجل. أي اختلاف يُصحَّح في المكانين.
- الدقيقة 8: على الحاسوب، افتح مصدر الصفحة (Ctrl+U في أغلب المتصفحات) وابحث عن
<h1. يجب أن يظهر مرة واحدة، وأن يكون نصه سطر الواجهة لا الشعار. - الدقيقة 9: أعد تحميل الصفحة وراقب: هل تتأخر صورة الواجهة في الظهور بعد النص؟ هل يتحرك شيء وحده؟ هل تظهر نافذة تغطي المحتوى؟
- الدقيقة 10: رتّب ما دوّنته: ما يمس التواصل أولًا، ثم سطر الواجهة، ثم ترتيب الأقسام، ثم الباقي.
وأغلب هذه الإصلاحات كتابة وترتيب وحذف، لا إعادة بناء.
الصفحة الرئيسية لموقعك مع ويبنا
في ويبنا، وهي شركة تصميم مواقع مقرها الرياض، نبني الصفحة الرئيسية بالمنطق الذي قرأته هنا: الأسئلة الأربعة أولًا، ثم الأقسام بترتيب أسئلة عميلك. وما تحصل عليه في كل موقع:
- نكتب محتوى موقعك نحن، بدءًا من سطر الواجهة، من معلومات نشاطك التي ترسلها.
- نرسل لك التصميم على رابط معاينة خلال 24 ساعة من اكتمال معلوماتك، قبل إطلاقه على دومينك، ولك 3 جولات مراجعة قبل الإطلاق.
- موقع سريع ومتوافق مع الجوال، فيه زر واتساب ورقم اتصال مباشر، مع تهيئة لمحركات البحث وربط بجوجل، ورمز QR للطباعة.
- لا رسوم تأسيس، وتلغي التجديد متى شئت دون رسوم إلغاء.
تبدأ الأسعار من 39 ريالًا سعوديًا شهريًا لصفحة واحدة على نطاق فرعي من ويبنا، وفيها تكون الصفحة الرئيسية هي الموقع كله. أما في المواقع متعددة الصفحات فتكون الرئيسية مفترق الطرق إلى بقية الصفحات، وتحسب سعر موقعك بنوعه وعدد صفحاته ولغاته في حاسبة الأسعار؛ فموقع من 5 صفحات بلغة واحدة مثلًا بـ 139 ريالًا سعوديًا شهريًا، يُدفع مقدمًا كل 6 أشهر أو سنويًا بخصم 10%. تفاصيل الخدمة في صفحة تصميم مواقع إلكترونية للشركات، وإن لم يعجبك التصميم في مرحلة التصميم فلك استرداد المبلغ وفق سياسة الاسترداد.
اختر ما تحتاجه، واعرف سعرك بالضبط
السعر يتغير مباشرة مع كل اختيار. بدون مفاجآت، وبدون رسوم مخفية.
الحاسبة متوقفة. اضغط زر التشغيل لتبدأ
من شركة Zoho العالمية، ومراكز بياناتها داخل المملكة في الرياض وجدة. أكثر من 10 إيميلات بعرض سعر.
صفحة رئيسية مكتوبة ومرتبة لنشاطك
أرسل لنا معلومات نشاطك، ونكتب المحتوى ونرسل لك التصميم على رابط معاينة خلال 24 ساعة من اكتمالها، بلا رسوم تأسيس.
أسئلة شائعة
ماذا يجب أن تحتوي الصفحة الرئيسية للموقع؟
واجهة بعنوان يقول ماذا تقدم ولمن وأين مع زر تواصل، ثم الخدمات، والدليل، وطريقة العمل، والمناطق، والأسئلة الشائعة، ودعوة أخيرة، وتذييل فيه بيانات المنشأة.
ما الفرق بين الصفحة الرئيسية وصفحة الهبوط؟
الرئيسية تخدم كل الزوار وتوجّههم إلى أقسام الموقع، وفيها قائمة وروابط كثيرة. صفحة الهبوط تُبنى لإعلان أو عرض واحد، وتطلب إجراءً واحدًا، وغالبًا بلا قائمة. لا ترسل إعلاناتك إلى الرئيسية إن كان لكل إعلان عرض محدد.
هل أضع الأسعار في الصفحة الرئيسية؟
إن كانت أسعارك ثابتة وبسيطة، فسطر مثل «تبدأ من» مع رابط إلى صفحة الأسعار يوفر على الزائر سؤالًا. وإن كانت تختلف من عميل لآخر، فاذكر ما يحدد التكلفة، واجعل الزر طلب عرض سعر.
هل السلايدر مناسب للصفحة الرئيسية؟
في أغلب الحالات لا. الشريط المتحرك يعرض كل رسالة جزءًا من الوقت، ويثقل الصفحة، وإن تحرك تلقائيًا لأكثر من خمس ثوانٍ فإرشادات إمكانية الوصول تتطلب وسيلة لإيقافه. صورة ثابتة واحدة مع عنوان واضح أبسط وأسرع.
كيف أجعل الصفحة الرئيسية تظهر في جوجل؟
عنوان صفحة ووصف يذكران نشاطك ومدينتك، وعنوان H1 واحد، ونص حقيقي لا صور، وروابط إلى صفحات خدماتك، ثم ربط الموقع بـ Google Search Console وإرسال خريطة الموقع. لا أحد يستطيع أن يعدك بترتيب معين، لكن هذه الأساسيات تجعل جوجل يفهم صفحتك.
كم تكلفة تصميم الصفحة الرئيسية؟
تُصمَّم الرئيسية عادةً ضمن الموقع كله لا وحدها، فتتحدد تكلفتها بعدد الصفحات واللغات ومن يكتب المحتوى. في ويبنا تبدأ الأسعار من 39 ريالًا سعوديًا شهريًا لموقع من صفحة واحدة، وكتابة المحتوى مشمولة في كل المواقع، وتحسب سعر موقعك في حاسبة الأسعار.
الخلاصة
تصميم الصفحة الرئيسية للموقع قرار في الترتيب والكلمات قبل الألوان. ابدأ بالأسئلة الأربعة، واكتب سطر واجهة يصف خدمتك ولمن وأين، وتحته زر يقول ما سيحدث. ثم رتّب الأقسام بترتيب أسئلة عميلك، واجعل الشاشة الأولى على الجوال واضحة وصورتها سريعة. وراجع صفحتك كل بضعة أشهر بقائمة الدقائق العشر، فالرئيسية تتقادم بصمت كلما تغيرت خدماتك أو أرقامك.
المراجع: Google Search Central: التحكم في روابط العناوين في نتائج البحث، وGoogle Search Central: المقتطفات ووصف الصفحة، وweb.dev: تحسين مؤشر LCP، وW3C: فهم المعيار 2.2.2 الإيقاف المؤقت والإيقاف والإخفاء، وNielsen Norman Group: التمرير والانتباه. ومن ويبنا: صفحة الأسعار والشروط والأحكام. الأسماء والأمثلة في المقال توضيحية ولا تخص نشاطًا حقيقيًا.