عطر الجنه
كاتب محترف
سواء كنت صاحب بيزنس علي ارض الواقع وتريد استخدام قوة الانترنت التسويقية ، او تريد انشاء مشروعك الخاص علي الانترنت، او حتي تريد مشاركة العالم بشغفك. يعد انشاء موقع الكتروني هو النافذة، التي من خلالها يصبح لك وجود علي الانترنت، ويستطيع الاخرين التعرف علي ما تقدم.
من ناحية اخري، ان إنشاء موقع الكتروني هو الركيزة الاساسية التي يعتمد عليها التسويق الالكتروني بشكل عام.
من ناحية اخري، ان إنشاء موقع الكتروني هو الركيزة الاساسية التي يعتمد عليها التسويق الالكتروني بشكل عام.
خلال السنوات السبع الماضية قرأت وتعلمت الكثير عن عالم المواقع الالكترونية، و بكوني مدير موقع الرابحون والقائم عليه، فقد اكتسبت خبرة عملية كبيرة في هذا المجال.
هذا يمكنني اليوم من كتابة مرشد شامل عن كيفية انشاء موقع الكتروني، والذي سوف اغطي فيه الكثير من الجوانب الخاصة بهذا الموضوع.
سواء كنت تعمل في مجال انشاء المواقع الالكترونية ، او تريد انشاء موقعك الخاص بنفسك او بالاستعانة بالمتخصصين. او كنت تعمل في مجال التسويق الالكتروني، او حتي لديك موقع الكتروني بالفعل. فهذا المقال سوف يقدم لك شيئا جديداً ، وسوف تجد به الكثير من المعلومات المهمة والمفيدة حول انشاء موقع الكتروني .
ملحوظة: في بعض الاحيان سوف تجدني اضع لك روابط لبعض الموضوعات ذات العلاقة، والتي تتحدث عن احد النقاط بالتفصيل.
كل شيء عن كيفية انشاء موقع الكتروني (سؤال وجواب)هذا يمكنني اليوم من كتابة مرشد شامل عن كيفية انشاء موقع الكتروني، والذي سوف اغطي فيه الكثير من الجوانب الخاصة بهذا الموضوع.
سواء كنت تعمل في مجال انشاء المواقع الالكترونية ، او تريد انشاء موقعك الخاص بنفسك او بالاستعانة بالمتخصصين. او كنت تعمل في مجال التسويق الالكتروني، او حتي لديك موقع الكتروني بالفعل. فهذا المقال سوف يقدم لك شيئا جديداً ، وسوف تجد به الكثير من المعلومات المهمة والمفيدة حول انشاء موقع الكتروني .
ملحوظة: في بعض الاحيان سوف تجدني اضع لك روابط لبعض الموضوعات ذات العلاقة، والتي تتحدث عن احد النقاط بالتفصيل.
ما هو الموقع الالكتروني (***site)؟
هناك الكثير من التعريفات للموقع الالكتروني، وتختلف هذه التعريفات وفقاً لمنظور من يقوم بالتعريف.
الموقع الالكتروني بالنسبة للزائر: هو عبارة عن عنوان علي شبكة الانترنت يقوم بزيارته من اجل الحصول علي شيء ما، ربما شراء منتج او خدمة، او الحصول علي معلومة ، او حتي من اجل الترفيه.
الموقع الالكتروني بالنسبة لصاحب الموقع والقائمين عليه: هو النافذة التي من خلالها يتم الوصول للعملاء المستهدفين ، بغرض التسويق لمنتج او خدمة، او لمحتوي موجود بالموقع. والهدف في اغلب الاحيان يكون الحصول علي ربح مادي.
الموقع الالكتروني بالنسبة لمطوري ومصممي المواقع: هو عبارة عن مجموعة من الملفات التي يتم كتابتها بلغات برمجية متخصصة، والتي تعمل معاً من اجل تكوين شكل الموقع (التصميم) والوظائف الخاصة به (التطوير).
إن الموقع الالكتروني هو المكون الاول والاساسي في العملية التسويقية علي الانترنت، فلا يوجد تسويق الكتروني بدون موقع الكتروني. فهو يمثل المكان الذي يلتقي به البائع والمشتري والكاتب والقاريء معاً.
الموقع الالكتروني من حيث البنيان الداخلي او طبيعة الملفات المستخدمة، وايضا من حيث كيفية إنشاءه، يتكوين من عنصرين اساسيين وهما:
التصميم
التطوير او البرمجة
ما هو تصميم الموقع الالكتروني ***site Design واهميته ومراحله وعوامل نجاحه ؟الموقع الالكتروني بالنسبة للزائر: هو عبارة عن عنوان علي شبكة الانترنت يقوم بزيارته من اجل الحصول علي شيء ما، ربما شراء منتج او خدمة، او الحصول علي معلومة ، او حتي من اجل الترفيه.
الموقع الالكتروني بالنسبة لصاحب الموقع والقائمين عليه: هو النافذة التي من خلالها يتم الوصول للعملاء المستهدفين ، بغرض التسويق لمنتج او خدمة، او لمحتوي موجود بالموقع. والهدف في اغلب الاحيان يكون الحصول علي ربح مادي.
الموقع الالكتروني بالنسبة لمطوري ومصممي المواقع: هو عبارة عن مجموعة من الملفات التي يتم كتابتها بلغات برمجية متخصصة، والتي تعمل معاً من اجل تكوين شكل الموقع (التصميم) والوظائف الخاصة به (التطوير).
إن الموقع الالكتروني هو المكون الاول والاساسي في العملية التسويقية علي الانترنت، فلا يوجد تسويق الكتروني بدون موقع الكتروني. فهو يمثل المكان الذي يلتقي به البائع والمشتري والكاتب والقاريء معاً.
الموقع الالكتروني من حيث البنيان الداخلي او طبيعة الملفات المستخدمة، وايضا من حيث كيفية إنشاءه، يتكوين من عنصرين اساسيين وهما:
التصميم
التطوير او البرمجة
تصميم موقع الكتروني: يعني عمل شكل وهيكل متكامل للموقع من صفحة رئيسية وصفحات داخلية، وكل جزء ظاهر في الموقع. وهو يتضمن كل مايتعلق بالشكل المرئي الذي يظهر امام الزائر وهذا يشمل:
- حجم صفحات الويب داخل الموقع من حيث انها تكون بملء المتصفح، ام داخل اطار يمثل نسبة من المتصفح.
- شكل الصفحة الرئيسية والصفحات الاخري مثل صفحة عرض المقالات، وصفحة عرض الاقسام.
- حجم ونوع الخط في كل النصوص المستخدمة بالموقع.
- الوان الموقع بكل صفحاته.
- اماكن ظهور شعار الموقع واسمه، وايقونات مواقع التواصل الاجتماعي.
- شكل وحجم رأس الموقع وذيله.
ملحوظة: اتفهم ان هناك نسبة كبيرة من المواقع، يتم إنشاءها من خلال منصات متخصصة مثل ووردبريس.
علي الرغم من ذلك هناك بعض النقاط يتم تناولها لخدمة من يريدون انشاء مواقعهم من الصفر (from scratch)، اي عن طريق مصصمي ومطوري المواقع المحترفين.
ولكن علي اي حال فهمك لهذه النقاط سوف يفيدك اي كانت طريقتك في بناء موقعك. فهدفي ان اجعل هذا الموضوع بمثابة دليل شامل لكل من ينوي إنشاء موقع الكتروني بأي طريقة.
استمر في القراءة وسوف تترابط النقاط معاً.
علي الرغم من ذلك هناك بعض النقاط يتم تناولها لخدمة من يريدون انشاء مواقعهم من الصفر (from scratch)، اي عن طريق مصصمي ومطوري المواقع المحترفين.
ولكن علي اي حال فهمك لهذه النقاط سوف يفيدك اي كانت طريقتك في بناء موقعك. فهدفي ان اجعل هذا الموضوع بمثابة دليل شامل لكل من ينوي إنشاء موقع الكتروني بأي طريقة.
استمر في القراءة وسوف تترابط النقاط معاً.
أهمية التصميم لموقعك الالكتروني
- للتصميم اهمية كبيرة جدا في خبرة زوار موقعك.
البشر بطبيعتهم في كثير من الاحيان، يحكمون علي الاشياء حسب مظهرها. لذلك عليك بعمل تصميم جذاب وفريد لموقعك، يحبه المستخدم ويشعر براحة في التعامل معه. - تصميم موقعك يؤثر علي رؤية جوجل له.
فالموقع السهل في التصميم والذي تتوافر به عوامل التصميم الجيدة، يكون مهيئا للزحف من قبل محركات البحث.
ايضا جوجل يرصد خبرة الزائر الجيدة مع موقعك، ويراها مؤشر جيد لتحسين ظهوره في نتائج البحث الاولي. - تصميم موقعك يترتب عليه أيضا برمجته او تطويره.
فإذا كان تصميم موقعك جيدا ومنظما وبه كل الأدوات التي تريدها كانت مهمة االبرمجة اسهل.
فكل خاصية أو أداة أو ميزة في موقعك يجب أن تبدأ من التصميم.
مراحل عمل تصميم موقع الكتروني
تنقسم خطوات تصميم أي موقع الكتروني إلى ثلاثة خطوات. في أحيان يقوم بها شخص واحد أو شخصان أو حتى ثلاثة أشخاص مختلفين.
وهي على الترتيب:
وهي على الترتيب:
UX Design
في هذه المرحلة يجب أن يتم عمل تصور كامل على الورق لتصميم الموقع الالكتروني، ومكان كل شيء فيه وترتيب المحتوى، مع مراعاة سهولة الإستخدام بالنسبة للمستخدم.
UI Design
في هذه المرحلة يتم نقل التصور من الورقة التي في المرحلة السابقة، لصورة على الكمبيوتر بإحدي برامج تصميم الصور مثل فوتوشوب. في هذه المرحلة يجب تحديد الألوان الخاصة بالموقع وحجم وأنواع الخطوط، وكل شيء ليتم تنفيذه من قبل المطور.
UI Develop
في هذه المرحلة، يتم تحويل صورة الفوتوشوب إلى ملفات بها اكواد، مكتوبة بلغات برمجية متخصصة لعمل التصميم. وهذا يمثل كما اشرنا سابقا كل شيء مرئي امام المستخدم.
في هذه المرحلة يجب أن يتم عمل تصور كامل على الورق لتصميم الموقع الالكتروني، ومكان كل شيء فيه وترتيب المحتوى، مع مراعاة سهولة الإستخدام بالنسبة للمستخدم.
UI Design
في هذه المرحلة يتم نقل التصور من الورقة التي في المرحلة السابقة، لصورة على الكمبيوتر بإحدي برامج تصميم الصور مثل فوتوشوب. في هذه المرحلة يجب تحديد الألوان الخاصة بالموقع وحجم وأنواع الخطوط، وكل شيء ليتم تنفيذه من قبل المطور.
UI Develop
في هذه المرحلة، يتم تحويل صورة الفوتوشوب إلى ملفات بها اكواد، مكتوبة بلغات برمجية متخصصة لعمل التصميم. وهذا يمثل كما اشرنا سابقا كل شيء مرئي امام المستخدم.
عوامل نجاح تصميم موقعك الالكتروني
الملاءمة
طبيعة زوارك هو مفتاحك الأهم الذي يجب أن تنطلق منه فكريا عند التفكير بتصميم موقعك. اختار التصميم الذي يلاءمهم ويتوافق مع طبيعتهم وميولهم. فمثلا في حال كان غالبية زوار موقعك من الاناث، فالالوان هنا يجب ان تكون جذابة ورقيقة لتناسب حس الاناث الراقي.
التفرد والتميز
يجب أن يكون تصميم موقعك فريدا ومميزا، ومختلفاً عن باقي المواقع حتي يستطيع الزوار تمميزه عن باقي المواقع وينطبع في ذاكرتهم بقوة.
لا بأس ان تأخذ بعض المواقع المشهورة في مجالك كملهم لك ، ولكن تجنب استخدام نفس التصميمات بنفس الالوان، فهذا سوف يترك انطباع سيء لدي الزوار.
المهم في المكان الانسب
يجب أن يكون تصميم موقعك معتمدا على إبراز العناصر المهمة، والتي تريد أن يلتفت إليها المستخدم.
على سبيل المثال مكان أيقونات مواقع السوشيال ميديا، يجب أن تكون في مكان واضح وأمام عين المستخدم.
استجابة التصميم مع جميع الأجهزة
في السنوات القليلة الماضية، اتسع حجم مستخدمي الإنترنت من خلال أجهزة المحمول الذكية وأجهزة التابلت. لذلك أصبح اجباراً وليس خياراً على كل صاحب موقع، جعل تصميم موقعه مناسبا لأجهزة المحمول الذكية.
سهولة الانتقال من مكان لمكان في الموقع نفسه
احرص على جعل المستخدم يعرف جيدا المكان أو القسم الذي يوجد به، واجعل إنتقاله من صفحة لصفحة في موقعك سهلا وبسيطا وواضحا.
فيجب أن يحتوي البار العلوي لموقعك على أقسام الموقع والصفحات المهمة، ومن المفضل أيضا أن تقوم بعمل مسارات داخليه توضح أين يوجد المستخدم.
التناسق ويشمل:
طبيعة زوارك هو مفتاحك الأهم الذي يجب أن تنطلق منه فكريا عند التفكير بتصميم موقعك. اختار التصميم الذي يلاءمهم ويتوافق مع طبيعتهم وميولهم. فمثلا في حال كان غالبية زوار موقعك من الاناث، فالالوان هنا يجب ان تكون جذابة ورقيقة لتناسب حس الاناث الراقي.
التفرد والتميز
يجب أن يكون تصميم موقعك فريدا ومميزا، ومختلفاً عن باقي المواقع حتي يستطيع الزوار تمميزه عن باقي المواقع وينطبع في ذاكرتهم بقوة.
لا بأس ان تأخذ بعض المواقع المشهورة في مجالك كملهم لك ، ولكن تجنب استخدام نفس التصميمات بنفس الالوان، فهذا سوف يترك انطباع سيء لدي الزوار.
المهم في المكان الانسب
يجب أن يكون تصميم موقعك معتمدا على إبراز العناصر المهمة، والتي تريد أن يلتفت إليها المستخدم.
على سبيل المثال مكان أيقونات مواقع السوشيال ميديا، يجب أن تكون في مكان واضح وأمام عين المستخدم.
استجابة التصميم مع جميع الأجهزة
في السنوات القليلة الماضية، اتسع حجم مستخدمي الإنترنت من خلال أجهزة المحمول الذكية وأجهزة التابلت. لذلك أصبح اجباراً وليس خياراً على كل صاحب موقع، جعل تصميم موقعه مناسبا لأجهزة المحمول الذكية.
سهولة الانتقال من مكان لمكان في الموقع نفسه
احرص على جعل المستخدم يعرف جيدا المكان أو القسم الذي يوجد به، واجعل إنتقاله من صفحة لصفحة في موقعك سهلا وبسيطا وواضحا.
فيجب أن يحتوي البار العلوي لموقعك على أقسام الموقع والصفحات المهمة، ومن المفضل أيضا أن تقوم بعمل مسارات داخليه توضح أين يوجد المستخدم.
التناسق ويشمل:
- الخطوط
يجب عليك إختيار نوع وحجم الخطوط في موقعك بعناية، ويفضل أن تختار الخطوط العادية التي تستخدمها أغلب المواقع وخصوصا المشهورة منها، والتي يشعر المستخدم بألفة تجاهها.
استخدم ميزة تغيير حجم الخطوط في إبراز أهمية النصوص التي ترى أنها أساسية ومهمة مثل العناوين. أما بخصوص ألوان الخطوط، فيجب أن تكون في الأساس متوافقة مع الألوان التي تستخدمها في موقعك.
الألوان
في اي تصميم موقع الكتروني يجب أن تكون الالوان متسقة مع بعضها وأيضا محدودة (أنصح بعدم إستخدام الكثير من الألوان).
يمكنك أيضا التحكم في درجات الألوان لتسليط الضوء على العناصر المهمة في موقعك.
الصور
كما يقولون في عالم التسويق الالكتروني الصورة تساوي ألف كلمة، الصور عنصر يستحق إستثمارك حيث أنها تفيد جدا في إبراز تصميم موقعك الالكتروني وإعطاءه جمالا خاصا.
المساحات
استخدم عنصر المساحات لابراز الاشياء المهمة في موقعك. لا تجعل موقعك مزدحماً بالمحتوي. المساحات البيضاء الفارغة من الممكن ان تعمل لصالح موقعك لتعطي الزائر شعور بالراحة، وايضاً توجهه للاجزاء المهمة في الصفحة.
البساطة
البساطة هي سر الجمال، احرص على جعل موقعك سهلا وبسيطا للمستخدم، إجعل كل العناصر التي تم ذكرها سابقا تعمل معا في إتجاه البساطة.
ما هو تطوير او برمجة الموقع الالكتروني *** Development ؟البساطة هي سر الجمال، احرص على جعل موقعك سهلا وبسيطا للمستخدم، إجعل كل العناصر التي تم ذكرها سابقا تعمل معا في إتجاه البساطة.
تطوير او برمجة الموقع الالكتروني هو: كل مايختص بأداء الوظائف او الخصائص الموجودة بالموقع. او الاستجابة للاوامر التي يقوم بها الزائر في الموقع. البرمجة هي المسئولة عن الجزء الغير مرئي في الموقع، ويتم التعرف عليها من خلال استخدام الموقع واختبار خواصه.
علي الرغم من أن خيارات التصميم محدودة نوعا ما (فهو يختص بالشكل والالوان والمساحات) ، إلا أن الخيارات البرمجية ليس لها حدود تقريباً. فقد تصل لدرجة في غاية التقدم والتعقيد، مثل برمجة محركات البحث ومواقع التواصل الاجتماعي.
وهذه مجرد امثلة بسيطة للبرمجة المستخدمة في اغلب المواقع الالكترونية:
علي الرغم من أن خيارات التصميم محدودة نوعا ما (فهو يختص بالشكل والالوان والمساحات) ، إلا أن الخيارات البرمجية ليس لها حدود تقريباً. فقد تصل لدرجة في غاية التقدم والتعقيد، مثل برمجة محركات البحث ومواقع التواصل الاجتماعي.
وهذه مجرد امثلة بسيطة للبرمجة المستخدمة في اغلب المواقع الالكترونية:
- خاصية البحث في الموقع، التي تتيح للزائر كتابة كلمة مفتاحية، والبحث عن الموضوعات التي تتحدث عن هذه الكلمة في الموقع.
- خاصية اتصل بنا، التي تتيح للمستخدم ارسال رسالة لإدارة الموقع من خلال صفحة اتصل بنا.
- امكانية المشاركة علي مواقع التواصل الاجتماعي من خلال ايقونات مواقع التواصل الاجتماعي ( امكانية برمجية مرتبطة ببرمجة مواقع التواصل الاجتماعي نفسها)
- تنظيم عرض المقالات في الموقع ، من حيث انتماءها لقسم معين، او اماكن ظهورها في قوائم مخصصة مثل قائمة احدث المقالات بالموقع مثلا.
- عرض اعلانات جوجل ادسنس في الموقع.
الجدير بالذكر هنا ان التصميم والبرمجة يعملان جنباً الي جنب ويرتبطان معاً في كل شيء. فمثلا قلنا بالاعلي ان خاصية البحث في الموقع هي خاصية برمجية، ولكن التصميم هو المسئول عن حجم مربع البحث ولونه ومكانه.
ايضاً البرمجة مسئولة عن تنظيم عرض المقالات بالموقع وانتماءها لقوائم معينة، ولكن التصميم مسئول عن حجم عرض المقالات هذه والوان الخلفيات وحجم الخطوط ..الخ.
ايضاً البرمجة مسئولة عن تنظيم عرض المقالات بالموقع وانتماءها لقوائم معينة، ولكن التصميم مسئول عن حجم عرض المقالات هذه والوان الخلفيات وحجم الخطوط ..الخ.
