تصميم مواقع إلكترونية بتقنية AJAX لتسهيل الاستخدام

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

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

مراعاة تسهيل الاستخدام عند تصميم الموقع الإلكتروني

ننصح مالكي المواقع الإلكترونية بإنشاء صفحات مناسبة للمستخدمين، وليس فقط لمحركات البحث. عند تصميم موقع AJAX، فكّر في احتياجات المستخدمين، بمن فيهم هؤلاء الذين لا يستخدمون متصفحًا متوافقًا مع JavaScript (على سبيل المثال، الأشخاص الذين يستخدمون برامج قراءة الشاشة أو الأجهزة الجوّالة). وكوسيلة سهلة لاختبار مدى سهولة الوصول إلى موقعك الإلكتروني، يمكنك معاينته في متصفحك مع إيقاف JavaScript، أو عرضه في متصفح نصي فقط، مثل Lynx. وقد يساعد عرض موقع إلكتروني كنص فقط في تحديد أنواع المحتوى الأخرى التي قد يصعب على Googlebot رؤيتها، مثل النص المضمّن في الصور أو محتوى Flash.

تجنُّب استخدامإطارات iFrame، أو إضافة روابط منفصلة تؤدي إلى المحتوى الخاص بها

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

التطوير بالتحسين المدرّج

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

وبالطبع، سيكون لديك على الأرجح روابط تتطلّب JavaScript لتفعيل وظائف AJAX. أطلق مطوّر البرامج على الويب "جيريمي كيث" على هذا الأسلوب اسم Hijax، وهو وسيلة لعرض AJAX والروابط الثابتة معًا.

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

<a href="ajax.htm?foo=32" onClick="navigate('ajax.html#foo=32');
 return false">foo 32</a>

يُرجى ملاحظة أنّ عنوان URL للرابط الثابت يحتوي على المعامل (?foo=32) بدلاً من التقسيم (#foo=32) الذي يستخدمه رمز AJAX. ويعتبر هذا الأمر مهمًّا، لأنّ محركات البحث تتعرف على معلَمات URL ولكنها غالبًا ما تتجاهل الأجزاء. ونظرًا لأنك الآن تقدم روابط ثابتة، يمكن للمستخدمين ومحركات البحث إنشاء روابط إلى المحتوى الذي يريدون مشاركته أو الإشارة إليه تحديدًا.

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

اتّباع الإرشادات

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

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

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