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

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

أساسيات صداقة محركات البحث أو SEO

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

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

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

لذا فإن أساسيات صداقة محركات البحث هي التالية:

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

خوارزمية E-A-T أو EAT أو الأكل من غوغل.

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

ما هو EAT و ما فائدته في صداقة محركات البحث؟

EAT تختصر طريقة عمل محركات البحث أو ما يبحث عنه محرك البحث إلى 3 أساسيات و هي

Expertise الإحترافية: يجب أن تكون محترفاً في المجال الذي تتحدث فيه.

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

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

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

فهرسة المحتوى و صفحات و مقالات موقعك

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

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

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

   مثال عن كيفية تحسين صداقة محركات البحث عند استخدام الصور

على اليمين صفحة كما يراها محرك البحث جوجل وعلى اليسار نفس الصفحة كما تراها أنت من خلال مستعرض

بناء الروابط بطريقة قابلة للإيجاد من محركات البحث

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

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

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

لاحظ كيف أن محرك البحث لن يجد الصفحات التي ليس لها روابط تدل عليها.

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

كيف تتغلب على هذه المشكلة و تضمن الأرشفة؟

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

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

<a href=”X”>Y</a>

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

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

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

بعض حالات عدم وضع محرك البحث الصفحات في فهارسه

1. نماذج تقديم طلبات أو تسجيل دخول أو الاتصال.

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

2. محركات البحث تتجاهل روابط جافا سكريبت

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

3. علامات تشير إلى أن الصفحات محظورة

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

4. لا تستخدم برامج الزحف محركات بحث المواقع

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

5. الصفحات التي تحتوي على آلاف الروابط

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

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

Rel =” nofollow”

تستخدم rel =” nofollow” بهذا الشكل:

<a href=”https://saitat.com” rel=”nofollow”> Lousy Punks! </a>

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

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

هل روابط nofollow سيئة؟

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

استخدام الكلمات المفتاحية

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

هيمنة الكلمات المفتاحية

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

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

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

إساءة استخدام الكلمات المفتاحية

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

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

الاستخدام الأمثل للكلمة المفتاحية

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

1. استخدم الكلمة الرئيسية مرة واحدة على الأقل في وسم العنوان title في لغة ال HTML، واجعل الكلمة الرئيسية قريبة قدر الإمكان إلى بداية وسم العنوان هذا.
2. ضع الكلمة الرئيسية مرة واحدة في أعلى الصفحة، وبشكل واضح.
3. عليك استخدام الكلمة الرئيسية مرة واحدة على الأقل في خاصية alt في وسوم الصور. هذا لا يساعدك فقط على جلب زيارات من البحث عن النصوص فقط، وإنما أيضا على جلب زيارات من عمليات البحث عن الصور وباستخدام الصور.
4. اذكر الكلمة الرئيسية مرة واحدة في عنوان الصفحة URL.
5. ضع الكلمة الرئيسية مرة واحدة على الأقل في وصف الصفحة. تجدر الإشارة هنا إلى أن وصف الصفحة لا يؤثر على تصنيف الموقع في محركات البحث، لأنها لا تدخله في معايير التصنيف، لكن ذكر الكلمة الرئيسية في وصف الصفحة يفيد بشكل عام في جعل الزائرين يضغطون على نتيجة البحث الخاصة بموقعك.
6. عليك أيضا أن تذكر الكلمة الرئيسية عدة مرات ضمن جسم الصفحة.

عنوان الصفحة

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

1. لا يجب أن يكون عنوان الصفحة طويلا جدا

تعرض محركات البحث أول 65-75 حرفا من عنوان الصفحة في نتائج البحث، ثم تتبع هذه الأحرف بعلامة الحذف “…”، للإشارة إلى أنه قد تم قطع العنوان. لذلك من الحكمة أن تلتزم بهذا الحد لعناوين صفحات موقعك. لكن انتبه، إذا رأيت أنه من الضروري أن تجعل العنوان طويلا، اجعله كذلك.

2. ضع كلمات رئيسية مهمة في بداية العنوان

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

3. يجب أن يكون العنوان جذابا

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

أوسمة Meta

تم إنشاء أوسمة ميتا بالأساس للحصول على معلومات حول محتوى موقع الويب.

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

Meta Robots

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

يمكنك عن طريق استخدام noarchive منع محركات البحث من حفظ نسخة مخبأة من الصفحة.

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

Meta Description

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

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

بناء العناوين URL للصفحات

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

1. ضع مشاعر الزائرين والأعضاء بالحسبان

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

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

2. اجعل الرابط مختصرا قدر الإمكان

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

3. ضع الكلمات الرئيسية في عناوين الصفحات

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

4. اجعل رابط الصفحة خاليا من الرموز والأرقام

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

5. استخدم الرمز “-” لفصل الكلمات في العناوين عن بعضها

لن نشرح لماذا من المفضل أن تستخدم “-” بدلا من “_” و “+” وغيرها من الرموز للفصل بين الكلمات، لكن كن على يقين أن هذا أفضل لموقعك.

ملاحظة: يختلف معنى كلمة عناوين الواردة في هذه الفقرة عن معنى كلمة عناوين الواردة في الفقرات السابقة.

نصائح أخرى مفيدة في بناء وتصميم موقع الويب

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

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

إلى هنا عزيزي القارئ، نكون قد انتهينا من شرح كل أساسيات تصميم المواقع وتأليف المحتوى، آملين أن تكون نصائحنا قد أفادتكم.

سنتحدث في المستقبل عن خوارزميات محركات البحث أو SEO Algorithms و سيكون موضوعاً متوجهاً للمحترفين في صداقة محركات البحث.

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

يقدم موقع Theme forest أو غابة الثيمات ملفاً مجانياً يحوي ستايل وورد بريس إحترافي كل شهر.

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

ملف الشهر المجاني من ثيم فورست هو ملف ستايل Uncle hummer المتوافق مع كافة الأجهزة و الذي يقدم ميزات كثيرة أذكر منها التالي:

3 خيارات للصفحة الرئيسية، 4 خيارات للمدونة، 20 كود مختصر، إمكانية بناء الصفحات بالسحب و الإفلات.

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

و الآن نأتي للمهم.

للحصول على هذا الستايل يجب التسجيل مجاناً في ثيم فورست.

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

إذا كنت مسجلاً مسبقاً في ثيم فورست يمكن تحميل الستايل مباشرةً من هذا الرابط.

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

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

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

الدرس موجود على موقعي الجديد موقع إربح من ضمن سلسلة دروس المهارات.

إضغط الرابط التالي للوصول إلى صفحة الدرس مباشرةً:

طريقة إنشاء موقع إلكتروني بخطوات عملية

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

فكرت و بعد هذه المدة لماذا لا أشارك هذه المهارات التي اكتسبتها معكم و مع سائر زوار الموقع علها تكون سبباً في الرزق لكم و علها تكون عوناً لكم في هذه الأيام العصيبة التي تمر على الوطن العربي.

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

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

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

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

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

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

للوصول إلى الموقع يرجى الدخول إلى الرابط التالي:

إربح، إحترف الربح من الإنترنت

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

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

و الكثير منها يدعم اللغة العربية، و أغلبها قابل للترجمة.

إذاً موقع غابة الثيمات يعتبر منبعاً للستايلات و مصدراً للرزق أيضاً.

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

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

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

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

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

إبدأ بإيداع مبلغاً بين 100-500$ و بهذا ستوفر حوالي 4-20$ من العمولات التي ستدفع للموقع لاحقاً على كل عملية شراء.

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

الهدية المجانية:

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

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

أتمنى لكم النجاح و التوفيق.

الموقع سيكون بالمواصفات التالية:

1- موقع ديناميكي بإمكانك إضافة تدويناتك و مواضيعك و أخبارك.

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

التكاليف المتوقعة:

أولاً عن طريق الإشتراك في wordpress.com مباشرةً:

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

– الدومين: هو إسم النطاق أو إسم الموقع على الشبكة و الذي يتيح لك الوصول لموقع معين بنظام ربط معين، مثلاً google.com و microsoft.com و mbc.net و غيرها و تنتهي هذه الأسماء بـ .com أو .net أو غيرها.

– الدومين الفرعي هو جزء من هذه الدومينات مثلاً reader.google.com أو google.com/reader إذاً يعطيك الغوغل مجلداً فرعياً تستطيع الوصول إليه عبر كتابة الإسم التابع للإسم الرئيسي.

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

2- بين 18-25$ سنوياً (هذه الخدمة تحتاج إلى الدفع الإلكتروني): و هذا عن طريق التسجيل في موقع وورد بريس و شراء دومين خاص بك كما في الصورة رقم 1. و لكن هذا الخيار لن يتيح لك التخلص من الإعلانات المجانية التي يضعونها في موقعك، كما أنه لن يتيح لك تخصيص تصميم الموقع , و لن تحصل على Web mail أي إيميل تابع لإسم دومين موقعك مثلاً name@domain.com

3- بدفع 99$ سنوياً (هذه الخدمة تحتاج إلى الدفع الإلكتروني): و هذا الخيار يتيح لك الحصول على 10 غيغا حجم إضافي تستطيع رفع ملفاتك الصوتية إليه و يحذف هذ الخيار الإعلانات و يتيح لك تخصيص التصميم، تجد مقارنة في الصورة رقم 2. و هذا الخيار لا يتيح لك أيضاً الحصول على Web mail و لا يتيح لك الدخول إلى لوحة تحكم الإستضافة و الحصول على التحكم الكامل بملفاتك و معلومات استضافتك.

ثانياً: خدمات بديلة (هذه الخدمة تحتاج إلى الدفع الإلكتروني):

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

الصورة رقم 1

صورة رقم 2

و لهذا قررت كتابة هذا الموضوع لتوضيح مهمات المبرمج و المصمم و اعطاء رؤوس أقلام و منهج يجب اتباعه لتعلم البرمجة و التصميم.

تصميم موقع الويب:

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

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

السيرفر:

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

البدء في تصميم الموقع:

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

نأتي لطريقة البدء في تصميم الموقع، عند استلام المطور فكرة الموقع من الزبون يجب دراستها بشكل استراتيجي كما كتبت بهذا الموضوع:

خطوات تصميم موقع إلكتروني متكامل

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

نأتي الآن لمهمات المصمم:

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

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

إذاً من مهام المصمم أن يتعلم:

1. تصميم الشعارات
2. تصميم القوالب
3. تقطيع القوالب
4. تحويل القوالب إلى html
5. استخدام لغة css كأفضل طريقة لتحويل القالب المصمم إلى html.
6. استخدام برنامج الفلاش الذي قد يضطر المصمم استخدامه في بعض المواقع علماً أنه من الممكن أن يكون لوحده إختصاص تصميمي و مهنة مهمة.

و يمكنكم البحث عن كل ما سبق في الغوغل لتعلمه و هذه رؤوس الأقلام المهمة التي تلخص مهنة تصميم المواقع.

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

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

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

لماذا هذا التركيز على موارد السيرفر؟

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

إذاً مهمات المبرمج هي التالية:

1- و أهم مهمة: تعلم لغة html

2- تعلم لغة php أو asp أو كلاهما و التان تتيحان للمبرمج القيام بالعمليات الرياضية و عملية التخزين و استحضار البيانات من قواعد البيانات.

3- تعلم لغة java script و هذا لإضافة التأثيرات و القيام بالعمليات البرمجية المهمة.

4- طريقة التعامل مع السيرفر و مع لوحات التحكم المختلفة و طريقة رفع الملفات عبر الأف تي بي ftp أو عبر لوحة التحكم و تعلم طريقة إنشاء قواعد البيانات و التعامل معها.

5- تعلم ssh أو الشيل يعتبر ميزة مهمة في حال كان المبرمج يريد إدارة سيرفر و يعمل كويب ماستر.

6- يعتبر تعلم التصميم و تعلم لغة css ميزة إضافية مهمة لأي مبرمج.

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

تلقى جميع مواضيع قسم تعليم و برمجة المواقع عبر الإيميل

إشترك في تغذية تصنيف تعليم برمجة و تعليم المواقع عبر التغذية RSS

هذا درس موجه للمبتدئين في تصميم المواقع أو من يرغب في الدخول في هذا المجال.

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

التطبيق: بناء صفحة ويب مفردة نكتب فيها نصاً أو سيرةً ذاتيةً عنا ببنية شجرية بسيطة للتعريف ببنية صفحة الويب.
الأدوات المطلوبة: محرر نص html أو محرر نص عادي مثل المفكرة (Notepad).
إستضافة مجانية أو إستضافة مدفوعة

لنبدأ:
عندما تحجز إستضافة مجانية أو مدفوعة فإنك إما تحصل على دومين فرعي أي name.domain.com أو أنك تحصل على دومين من مرتبة عالية مثل domain.com و بالتالي يعتبر هذا الدومين بمثابة المجلد الذي تضع فيه ملفاتك التي تشكل الموقع الإلكتروني و عندما يكتب المتصفح إسم الدومين فإنه سيتم توجيهه لفتح هذا المجلد بطريقة ستشرح لاحقاً، و أول ما يعرضه متصفح الإنترنت هو ملف الإندكس أي الأرشيف و على هذا فإن عدم وجود هذا الملف سيجعل المتصفح يفتح المجلد و يعرض الملفات التي تحتويه كقائمة دون تنسيق، و على هذا فإن أول ملف يجب أن نقوم بإنشائه بحيث يكون الصفحة الرئيسية للموقع إسمه index.htm أو index.html

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

ننسخ الكود السابق من الضغط على زر النسخ الذي سيظهر عند وضع مؤشر الفأرة فوق مربع الكود في الزاوية اليمنى من الأعلى و نضعه بصفحة نص كما ذكرت سابقاً و نحفظ الصفحة بإسم أو Save As و من الترميز أو Encoding نختار ترميز utf-8 و نحفظ الصفحة و نستبل الموجودة إذ طلب منا ذلك.

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

مثال:

بدأ موقعي هذا من تاريخ 2005، سيقوم هذا البرنامج بعرض التالي: © 2005-2011 بحيث تظهر سنة البدء في البداية و السنة الحالية بعدها (علماً أن هذا المثال أعلاه لا يستخدم البرمجية، فإذا تغيرت السنة إلى 2012 لن يتغير 2011 إلى 2012)

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

نبدأ العمل على الوظيفة:

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

و لمثال حي عن هذه البرمجية يمكنكم زيارة الرابط التالي
مثال عن برمجية تعديل التاريخ الأوتوماتيكي

حقائق:

1- لن أستطيع وضع منهاج تعليمي كامل و هذا لأن وقتي لا يسمح بهذا.

2- لغات البرمجة التي سأقوم بطرحها: php, mysql, css, js, html, xml و لن تكون المواضيع بالترتيب بل سأقوم بطرح ما يخطر على بالي من برمجيات و أفكار و مستوى هذه البرمجيات سيكون متغيراً من المبتدئ إلى المستوى الإحترافي.

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

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

و لهذا يرجى ممن يرغب المتابعة الضغط على الأزرار التالية أو أحدها:

تلقى جميع مواضيع قسم تعليم و برمجة المواقع عبر الإيميل

إشترك في تغذية تصنيف تعليم برمجة و تعليم المواقع عبر التغذية RSS