٢١ نصيحة للمطورين لتصميم موقـع يتصدر نتائج البحث

أصحاب المواقع يهمهم إشهار مواقعهم على العديد من محركات البحث الموجودة على الإنترنت، وبالتالي جلب عدد كبير من الزوار إليهم، بالإضافة إلى رفع ترتيب Rank تلك المواقع وتحسين مراكزهم على محركات البحث الشهيرة SERP’s ، ومنها جوجل google، وياهوو yahoo، وبينج bing.

نناقش هنا أهم الأساسيات التي ينبغي على مطوري المواقع مراعاتها:

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

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

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

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

لا بد أن تحتوي كل صفحة على Description Tags (وسومات الوصف) والعناوين متضمنة كلمات مفتاحية لوصف محتوى الصفحة. ينبغي ألا تزيد كلمات العنوان عن 9 كلمات، ولا تزيد كلمات الوصف عن 20 كلمة، بذلك يبقى موقعك في حدود المسموح به من قبل أغلب محركات البحث.. إنتبـه جيداً ولا تكرر وصف الصفحـات أبداً.. وأقول لك هذا لان هنـاك بعض برامـج الـ CMS مثل الـ Kentiko تقـوم بتكرارهـا تلقائياً حتى تقوم أنت بتغييرهـا.

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

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

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

استخدم الكلمات المفتاحية في الروابط الداخلية والخارجية. باختصار، اجعل الرابط هو العبارة التي تريد من الزائر الاطلاع على المحتوى الخاص بها. استبدل “انقر هنا” بالموضوع. فبدلاً من استخدام مرساة نص Anchor Text “اضغط هنا” , يجب عليك استخدام شيء بإسم يُعبـتر عن ما الذي سـوف يصل اليه المُتصفح بعد النقر… هذا يعطي معنى واضـح للرابط الذي تشير عليه على موقـعك.

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

فحص وإصلاح خطأ تحويل الآيبي Canonicalization. قرر أي عنوان تريد أن تستخدم، سواء بـ www أو بدونها، وقم بعملية تحويل 301 للانتقال مباشرة إلى موقعك. إذا كنت تفضل صيغة http://www.domain.com، فسوف يأخذك هذا الدومين مباشرة إلى الموقع المقصود.

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

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

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

استخدم ملفات Cascading Style Sheets و جافا سكريبت Java Script منفصلة، فهذا يقلل حجم الصفحة ويجعل معدل ظهورها أسرع. كما أنه يسمح لمحركات البحث بفهرسة موقعك وتحسين ترتيبه في البحث. هنـاك العديد من الـ plugins التي قد تساعدك في ذلك أوتوماتيكياً.

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

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

تعرف على إرشادات Google webmaster،.. لأ أطلب منك أن تتعمـق بالـ .. SEO فقط “خـُد فكرة” 🙂 لأنها تحتوي على نصائح مفيدة لضمان تجربة مستخدم جيدة.. اربط الموقـع عن طريق وضع الكود الخـاص بالـ webmaster وإمضـى هنـاك بعد الوقت.. ساعة كافية لتكون على دراية وعلم بصحـة موقعـك من وجهة نظر جوجل.

تأكد من المواصفات التي تصلح للغة المستخدمة، بعض اللغات لها مواصفات خاصة بها، لذا إذا كنت تقوم بتطوير موقع بلغات متعددة، لا بد أن تراعي اعتبارات كل لغة، سـواء الـمحاذاة Alignments أو اتجاهات النصوص Text direction أو أماكن الصور والـ Contact Forms وهكذا..

تأكد من توفير مساحة للبانرات الإعلانية banners، سـواء طُلبت منـك أم لا.. يجب أن تكون مستعداً حتى لا تهدم تصميمك من أجل إضـافة مربـع ما فيم كـان ما!! ولا تنسى استخدام المساحات القياسية لمواصفات الإعلان والتي سـوف تجد أشهرها هنــا Standard ad sizes.

تأكد من موافقة التصميم لـ مستوى الجودة المعيارية للشاشة Standard Screen Resolution ، وهو 1024×768، ويمكنك استخدام تحليلات جوجل للتعرف على مستوى جودة الشاشة الذي يستخدمه أغلب زوار موقعك.