إنشاء موقعك على الويب باستخدام SEMALT إلى حد ما


جدول المحتويات

  1. مقدمة
  2. ماذا يعني أن تكون متوافقًا مع الجوّال؟
  3. كيف تعرف ما إذا كان موقعك متوافق مع الجوّال أم لا
  4. هل التصميم المتجاوب هو نفسه التصميم المتوافق مع الجوّال؟
  5. كيف يمكنك جعل موقعك على الويب متوافقًا مع الجوّال
  6. الخلاصة

مقدمة

تأتي أكثر من 50٪ من زيارات الويب في العالم من أجهزة الجوال و يستمر هذا العدد في النمو كل عام. كما أن 80٪ من جميع مستخدمي الإنترنت يمتلكون هاتفًا ذكيًا. إذا لم يكن موقعك على الويب ومحتواه متوافقًا مع الجوّال ، فأنت بالتأكيد تخسر الكثير من الزيارات وقد يؤدي ذلك إلى منع تدفق حركة المرور وكذلك ترتيبك على Google TOP.

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

ماذا يعني أن تكون متوافقًا مع الجوّال؟

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

كيفية معرفة ما إذا كان موقعك متوافقًا مع الجوّال أم لا

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

تمتلك Google أداة اختبار مناسبة للجوّال يمكنك استخدامها بسهولة لاختبار موقعك للتأكد من ملاءمته للجوّال. بمجرد الانتهاء من الاختبار ، سيعطي موقعك درجة وفقًا لمستوى التوافق مع الجوّال.

هل التصميم المتجاوب هو نفسه التصميم المتوافق مع الجوّال؟

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

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

كيف يمكنك جعل موقعك على الويب متوافقًا مع الجوّال

إذا كان موقعك على الويب قيد التشغيل بالفعل أو إذا كنت على وشك إنشاء موقع ، يجب أن تكون متوافقة مع الجوّال أولوية قصوى.

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

    قد تخيف الزوار إذا كانت فقراتك طويلة جدًا. تأكد من أن تكون الجمل والفقرات قصيرة قدر الإمكان لتشجيع القراء.

  2. استخدم الخط (الخطوط) الصحيحة: تأكد من استخدام الخطوط الواضحة وسهلة القراءة على موقع الجوال الخاص بك. أنت لا تريد خطًا يجعل الزوار يجهدون أعينهم لقراءة المحتوى الخاص بك. تحديد الخط الصحيح مهم في عملية تصميم الويب.

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

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

  3. < ب> زيادة سرعتك: تُظهر الدراسات أن حوالي 53٪ من الأشخاص سيتخلون عن موقع ويب للجوال يستغرق تحميله أكثر من 3 ثوانٍ. كلما استغرق تحميل موقع الويب للجوال الخاص بك وقتًا أطول ، كلما ارتفع معدل الارتداد الخاص بك ، وفي النهاية انخفض ترتيبك على Google TOP.

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

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

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

    لا تريد أن يقوم زوارك بالتمرير أو التكبير والتصغير دائمًا فقط لاتخاذ الخيارات في خيارات القائمة الخاصة بك.

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

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

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

    في الواقع ، السبب الرئيسي لمعظم التخلي عن سلة التسوق هو عملية سحب ممتدة ومعقدة.

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

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

    بهذه الطريقة ستتفوق على منافسيك لأن الأبحاث تظهر أن 53٪ من مواقع الويب بها أزرار CTA لا يمكن التعرف عليها بسهولة في 3 ثوانٍ أو أقل.

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

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

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

  5. تأكد من دعم العملاء يمكن رؤيته بوضوح: إذا لم يتمكن زوار الجوّال من الاتصال بك بسهولة للمساعدة عندما يواجهون مشكلات ، فهذا يمنح نشاطك التجاري سمعة سيئة.

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

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

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

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

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

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

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

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

  1. تأكد من أن" العرض "دائمًا من حيث النسب: حان الوقت للحصول على بعض التقنية. إذا نقرت بزر الماوس الأيمن على أي عنصر صفحة ويب واخترت "فحص العنصر" (بالنسبة إلى Google Chrome) ، فستظهر لوحة.

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

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

  2. استخدام استعلامات الوسائط: يمكنك لا تزال تستخدم وحدات البكسل لعرض العناصر إذا كنت تعرف كيفية استخدام استعلامات الوسائط. واستخدام استعلامات الوسائط هو مفتاح التصميمات سريعة الاستجابة.

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

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

الخلاصة

سيساعدك الحصول على موقع متوافق مع الجوّال في الحصول على أكبر عدد من الزيارات يمكنك الحصول عليه وتحسين تصنيفاتك الشاملة لـ Google TOP. وهذا يعني المزيد من معدلات التحويل لعملك. اتبع النصائح الواردة في هذه المقالة لجعل موقعك متوافقًا مع الجوّال والاستمتاع بالمزايا الكاملة التي يقدمها موقعك على الويب.

mass gmail