كيفية اختبار موقع الويب الخاص بك بشكل صحيح قبل البدء

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

اختبار المتصفح وتوافق الهاتف المحمول

ربما تستخدم متصفحًا واحدًا فقط ، لكن بقية الإنترنت تستخدم مجموعة متنوعة من المتصفحات. يجب عليك اختبار موقعك في Chrome و Firefox و Edge و Safari. تحقق للتأكد من أن موقعك يبدو كما هو ، حيث يمكن لبعض المتصفحات التعامل مع CSS بشكل مختلف. على سبيل المثال ، التحجيم الداخلي والخارجي (

width: fit-content) به بعض الأخطاء في Firefox ، لذلك يجب عليك التأكد من أن لديك احتياطات في حالة عدم معرفة المتصفح بكيفية التعامل هو - هي.

الأمر متروك لك إذا كنت ترغب في دعم 2٪ من المستخدمين العالقين في IE 11 ، حيث قد يتم تعطيل العديد من ميزات CSS و JavaScript الحديثة ، وقد تتطلب حلولاً بديلة أو احتياطيًا لـ IE. يمكنك استخدام CanIUse للتحقق من توافق ميزات اللغة المختلفة. على سبيل المثال ، يتم دعم استعلام الوسائط

preferers-color-schemالمستخدم للسمات الداكنة التلقائية على مواقع الويب في أحدث إصدار من Chrome و Firefox ، ولكنه غير مدعوم في IE أو Opera ، أو على Chrome لنظام Android.

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

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

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

اختبار السرعة

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

يمكنك استخدام أداة اختبار PageSpeed Insights من Google لاختبار سرعة موقع الويب الخاص بك. سيحلل موقعك ، ويعطيك قائمة من التوصيات لسطح المكتب والجوال حول كيفية إصلاح مشكلات السرعة.

تؤثر سرعتك بشكل مباشر على تصنيفاتك في محركات البحث مثل Google ، لذلك من المهم أن تظل على قدم المساواة مع المنافسة.

اجعل Google سعيدًا (SEO)

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

• يمكنك اختبار مُحسنات محركات البحث يدويًا بمساعدة خدمات مثل Moz و Ahrefs و Screaming Frog. سيؤدي ذلك إلى الزحف إلى موقع الويب الخاص بك ومراقبة تحليلاتك لإعلامك بأداءك. يجب عليك أيضًا التحقق من الروابط المعطلة باستخدام أداة العنكبوت ، لأنها يمكن أن تؤثر سلبًا على مُحسنات محركات البحث.
• يجب أن يكون لديك خريطة موقع XML لموقعك. يعمل هذا كدليل لمساعدة Google على فهرسته. ليس عليك القيام بذلك يدويًا ؛ هناك مكونات WordPress الإضافية مثل Google XML Sitemap والعديد من المولدات عبر الإنترنت. بعد ذلك ، يمكنك إرسالها عبر الإنترنت ، أو إتاحتها من خلال
  خريطة الموقع:
  التوجيه في
  الروبوتات. TXTملف.

• عند الحديث عن ، تحقق من ملف
  robots.txt
  للتأكد من أنك لا تعطل محركات البحث من الزحف إلى موقعك. اختياريًا ، يمكنك تعطيل مسارات معينة مثل
  / wp-adminالتي يجب على محركات البحث تجاهلها.

• يجب تعيين البيانات الوصفية الاجتماعية الخاصة بك بشكل صحيح. هذا مهم بشكل خاص لإخبار المواقع الأخرى بكيفية تضمين صفحاتك ، سواء كان ذلك كمقالة أو مقطع فيديو أو موقع ويب عام. يمكنك استخدام أداة عبر الإنترنت لإنشاء هذه.
• يجب أن تنظر في ميزات البيانات المنظمة من Google ، حيث يمكنها تحسين تواجدك في البحث بشكل كبير. على سبيل المثال ، إذا كانت صفحتك عبارة عن مقالة ، فيمكنك تضمين البيانات المنظمة مثل JSON لإخبار Google بما هي الصورة الرئيسية والعنوان والإضاءة ، حتى تتمكن من عرضها في أخبار Google. هناك أنواع مختلفة من المحتوى ، لذا فمن المؤكد أنك ستناسب مكانًا ما.
• إذا كنت تستخدم Accelerated Mobile Pages من Google ، فستحتاج إلى التأكد من صحتها. يمكنك استخدام المختبر عبر الإنترنت لاختبار إصدار AMP لموقعك. الشرط الرئيسي لصفحات AMP هو أن JavaScript غير مسموح به ، بخلاف
  amp-scriptالتجريبي.

• إنها فكرة جيدة للتحقق من صحة HTML للتأكد من عدم وجود مشكلات رئيسية ، على الرغم من أن التحقق المثالي من W3C صارم للغاية ولا يتعين عليك الالتزام به تمامًا (معظم المواقع لا تفعل ذلك)

تأكد من إمكانية الوصول إليها

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

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

تثبيت أداة تحليلات

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

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