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

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

• التصميم التكيفي
• نسخة محمولة منفصلة للموقع؛
• RESS (التصميم المستجيب + جانب الخادم).

كل طريقة لها إيجابياتها وسلبياتها، والتي سأحاول وصفها بالتفصيل.

التصميم التكيفي

تُستخدم استعلامات وسائط CSS3 بشكل شائع لتنفيذ التصميم سريع الاستجابة. اعتمادًا على حجم الشاشة، سيرى المستخدم صورة مختلفة:

شاشة @media و(الحد الأقصى للعرض: 1600 بكسل) ( div.for على سبيل المثال (العرض: 1500 بكسل؛)) ) شاشة @media و (الحد الأقصى للعرض: 1280 بكسل) ( div.for على سبيل المثال (العرض: 1100 بكسل؛)) ) @media الشاشة و (أقصى عرض: 1024 بكسل) ( div.for على سبيل المثال (العرض: 980 بكسل؛))

فوائد التصميم سريع الاستجابة

• سهولة التطوير -باستخدام التخطيط التكيفي، يتم ضبط بنية الموقع بالكامل تلقائيًا حسب عروض الشاشات المختلفة. من أجل الحصول على منتج يعمل، لا تحتاج إلى كتابة كل شيء من الصفر - تحتاج فقط إلى تعديل CSS وHTML... مع الأخذ في الاعتبار توفر أطر عمل مثل Bootstrap، فإن مثل هذا التطوير ليس صعبًا للغاية مع المعيار تطبيق. علاوة على ذلك، فإن دعم مثل هذا المنتج سيكون مهمة بسيطة نسبيًا.
• عنوان URL واحد -يحفظنا من عمليات إعادة التوجيه غير الضرورية وحاجة المستخدم إلى تذكر عنوان إصدار الهاتف المحمول (حتى لو كان مجرد البادئة m.). كما أن وجود عنوان واحد سيكون له تأثير إيجابي على الترويج لموقع الويب، لأنه سيكون "أكثر ملاءمة" لمحركات البحث للعمل.

عيوب التصميم سريع الاستجابة

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

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

نسخة محمولة منفصلة للموقع

لجعل موقع الويب مناسبًا لمستخدمي الأجهزة المحمولة، غالبًا ما يتم إنشاء إصدارات منفصلة من مواقع الويب - تستهدف بشكل خاص المستخدمين الذين لديهم هاتف ذكي/جهاز لوحي. الممارسة الأكثر شيوعًا هي إعادة توجيه مستخدمي الهاتف المحمول إلى نطاق فرعي خاص (m.example.com، mobile.example.com، وما إلى ذلك). ربما، في 99٪ من الحالات، يكون إصدار الهاتف المحمول هو إصدار رئيسي مجرد - فقط مع الوظيفة التي، في رأي المطورين، ستكون ضرورية ومفيدة لمستخدمي الأجهزة المحمولة والأجهزة اللوحية.

مزايا النسخة المحمولة

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

عيوب النسخة المحمولة

• عدة عناوين -
• إزعاج للمستخدم -هناك عناوين مختلفة لإصدارات سطح المكتب والجوال. بالنسبة للبعض، قد يكون هذا زائدا، بالنسبة للآخرين - يمكن أن يكون عاملا مزعجا للغاية عندما تحتاج إلى تذكر عنوان آخر لعرض الموقع بسهولة. هناك أيضًا مشكلات في محركات البحث: لتجنب المحتوى المكرر، يحتاج متخصصو تحسين محركات البحث (SEO) إلى استخدام العلامات الوصفية rel=”alternative” وrel=”canonical”. بالإضافة إلى ذلك، عندما ينقر مستخدم بحث Google للجوال على رابط في النتائج، سيتم نقله إلى إصدار سطح المكتب أو إعادة توجيهه إلى إصدار الجوال. ولكن في حالة عدم وجود النسخة المحمولة من هذه الصفحة، فسوف يتلقى رسالة خطأ.
• محدود -إن إنشاء موقع منفصل للجوال يعني التخلص من بعض المحتوى والوظائف. بالإضافة إلى ذلك، قد يكون لديك مجموعتين مختلفتين من المحتوى، مما قد يؤثر سلبًا على صورة المعلومات الإجمالية.

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

ريس

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

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) . $DS . "libraries" . $DS . "browser.php"); $device = BBrowser::detectDevice(); إذا($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) وإلا إذا($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) آخر( $tmpl = "قالب .php"; ) include(dirname(__FILE__) . $DS . "templates" . $DS . $tmpl);

إيجابيات ريس

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

• تقليل حركة المرور -يمكن إزالة JavaScript غير الضرورية من HTML، مما يحرر وحدة المعالجة المركزية والذاكرة وذاكرة التخزين المؤقت على الجهاز المحمول. يمكن أيضًا تحسين HTML وCSS بشكل خاص.
• من الممكن استخدام الاستهداف -على سبيل المثال، بالنسبة لأجهزة Android، يُقترح تنزيل التطبيق من GooglePlay، ولأجهزة Apple - من iTunes. يمكنك إنشاء التصميم الخاص بك لكل جهاز.

سلبيات RESS

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

بشكل عام، يعد RESS هو الأفضل من بين الخيارات الثلاثة المقترحة، ولكنه يتطلب المزيد من العمل أثناء التطوير.

ملخص

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

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

إلى الإشارات المرجعية

أخبر ديمتري مراتشكوفسكي، مُحسِّن من شركة Ashmanov and Partners، كيفية الاختيار بين موقع متكيف ومتنقل وما هي المشكلات غير الواضحة التي ستواجهها.

فوائد مواقع الويب سريعة الاستجابة والمتنقلة

من الصعب الإجابة بشكل قاطع على سؤال ما هي تقنية التكيف للهواتف الذكية والأجهزة اللوحية الأكثر فعالية من وجهة نظر تحسين محركات البحث. وحتى بين اللاعبين الكبار، لم ألاحظ رجحاناً لصالح أي حل. تستخدم M.Video وDNS وWildberry وAviasales التخطيط التكيفي، بينما تستخدم Lamoda و220 Volt وYulmart وYandex.Market مواقع الهاتف المحمول. لكن دعونا نلقي نظرة على الفوائد التي يحصل عليها الأول والثاني.

تخطيط متكيف لموقع M.Video ونسخة الهاتف المحمول لموقع 220 فولت

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

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

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

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

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

مشاكل مع التخطيط التكيفي

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

تفسير خاطئ للتكيف

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

1. يتم تحميل جميع عناصر المحتوى مرتين: النصوص والصور وعناوين H1 وH6 ومسارات التنقل والمنتجات ذات الصلة والموصى بها وما إلى ذلك. ومحركات البحث لا تحب التكرارات حقًا.
2. يتم إخفاء الأجزاء غير المستخدمة من المحتوى باستخدام CSS. رأي محركات البحث حول هذه المسألة غامض. وذكرت جوجل أنها تتجاهل محتوى الكتل المخفية، وذكرت ياندكس أنها تأخذ في الاعتبار محتوى الصفحة بأكملها. يتفق معظم المتخصصين في تحسين محركات البحث (SEO) على أن مثل هذا المخطط يخلق خطر الوقوع تحت العقوبات.
3. يتم تكرار الكود ويتم تحميل الموقع بشكل أبطأ.

مثل هذا التنفيذ هو النهج الخاطئ لتكنولوجيا RESS.

إخفاء العناصر غير الضرورية

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

الاستخدام غير الصحيح لجافا سكريبت

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

لماذا لا يزال الناس يستخدمون التصميم سريع الاستجابة؟

عادةً ما يرجع اختيار الموقع التكيفي إلى ميزتين رئيسيتين: تطوير نسخة واحدة فقط من الموقع وعدم وجود مشاكل مع عناوين URL المتعددة.

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

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

يمكنك الذهاب في الاتجاه الآخر - استخدم النطاقات الجغرافية الفرعية لزيادة الصلة النصية للصفحات. في هذه الحالة، يتم تعيين مناطق فرعية مثل spb.site.ru وsamara.site.ru وkazan.site.ru من خلال Yandex.Webmaster ثم تتم كتابة الرؤوس والعلامات الوصفية للإشارة إلى الأسماء الجغرافية. ميزة أخرى هي أنه من السهل إعداد تحليلات منفصلة للنطاقات الجغرافية الفرعية لتتبع النتائج حسب المنطقة. تمارس MediaMarkt طريقة الترويج هذه.

مشاكل مع الإصدارات المحمولة من المواقع

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

عمل ترويج مزدوج

يتم تحسين موقع الهاتف المحمول والترويج له بشكل منفصل عن الموقع الرئيسي، وهذا يتطلب موارد أكثر مما هو الحال في الموقع التكيفي. تحتاج إلى البدء في التحسين من خلال التأكد من فهرسة إصدار الهاتف المحمول بشكل صحيح وعدم منافسته لإصدار سطح المكتب. للقيام بذلك، قم بربطها في Yandex.Webmaster وSearch Console، وحدد سمات rel = "alternate" الصحيحة، وقم بتكوين الفهرسة وإنشاء خرائط XML.

الفوضى بسبب الروابط المطلقة في المحتوى

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

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

وفي هذه الحالة قد يكون عصير الارتباط الداخلي للموقع معطلاً. لتجنب هذه المشكلة، استخدم الروابط النسبية في المحتوى الخاص بك. أي بالنسبة للسمة href، حدد /page/ بدلاً من https://site.ru/page/ .

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

إن Yandex واضح في هذا الصدد - فهو يقوم بفهرسة محتوى صفحات الهاتف المحمول وسطح المكتب بشكل منفصل. للقيام بذلك، ما عليك سوى تعيين السمة rel = "alternate" من الإصدار الرئيسي إلى إصدار الهاتف المحمول، ويمكنك أيضًا إعداد عمليات إعادة التوجيه 301 من إصدار سطح المكتب إلى إصدار الهاتف المحمول، مع مراعاة وكيل المستخدم للجهاز.

غموض متطلبات فهرس الهاتف المحمول الأول

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

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

مقتطف من دليل Google لفهرسة مواقع الجوال

مقتطف من تقرير Google حول تنفيذ فهرس الهاتف المحمول أولاً

الاستخدام الطائش لصفحات توربو

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

تقليل تأثير الروابط الخارجية

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

ميزات الترويج في المناطق

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

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

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

تقديم لاختبار مدى ملاءمة المحمول

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

جزء من التواصل مع الدعم الفني لـ Yandex حول تخصيص منطقة لنسخة الهاتف المحمول من الموقع

لماذا استخدام الإصدارات المحمولة؟

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

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

الخيار الذي تختاره

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

يكتب

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

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

الطريقة الأولى - التصميم سريع الاستجابة

تتضمن القوالب التكيفية تغيير صورة موقع الويب وفقًا لحجم الشاشة. كقاعدة عامة، يتم ضبطها على 1600 و1500 و1280 و1100 و1024 و980 بكسل. يتم استخدام الاستعلامات للتنفيذ. لا يغير نفسه.

تشمل مزايا هذه الطريقة ما يلي:

• تطوير مناسب، نظرًا لأن الهيكل نفسه يتكيف مع معلمات الشاشة، وأي تحديث لا يتطلب تطوير تصميم من الصفر، فهو يكفي لتصحيح CSS وHTML؛
• عنوان URL واحد - لا يحتاج المستخدم إلى تذكر عدة أسماء، وليست هناك حاجة لإعادة التوجيه (إعادة التوجيه من عنوان إلى آخر)، مما قد يؤدي إلى تعقيد عمل مشرف الموقع، كما أنه من الأسهل على محرك البحث الفرز والفرز تصنيف مورد بعنوان واحد.

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

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

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

الطريقة الثانية - نسخة منفصلة من الموقع

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

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

ولكن هناك بعض العيوب هنا أيضًا:

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

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

الطريقة الثالثة هي تصميم RESS

يدعم محرك بحث Google هذا الاتجاه في تصميم الأجهزة المحمولة بشكل نشط. هذه هي الطريقة الأكثر صعوبة وتكلفة ولكنها فعالة لتكييف موقع الويب مع الهاتف أو الجهاز اللوحي. يطلق عليه ريس. يستهدف هذا أحد الموارد في تطبيق جوال يمكن تنزيله لكل جهاز على حدة. لنظام Android - من GooglePlay، ولأجهزة Apple - من iTunes.

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

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

أرخص طريقة لإنشاء موقع ويب للجوال

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

قم بتنزيل قوالب خاصة (مكونات إضافية) للتصميم سريع الاستجابة. على سبيل المثال، WP Mobile Detector، وWordPress Mobile Pack، وWPSmart Mobile وغيرها. سيساعدونك على عرض الموقع بشكل أكثر صحة على هاتفك، وستتلقى عدة نصائح حول ما يجب تصحيحه لتكييف الصفحة بشكل أفضل مع إصدار الهاتف المحمول.

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

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

مبادئ إنشاء الإصدارات المحمولة

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

نقوم بإزالة كل ما هو غير ضروري

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

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

تنسيق

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

جمعية

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

والانقطاع

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

القوائم

بالمناسبة، حول القوائم. هناك اثنان منهم - ثابتان حسب الترتيب الأبجدي أو أي ترتيب آخر ومع الاستبدال. يعتمد اختيارهم على ما سيتم إدراجه.

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

الملء التلقائي

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

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

كل شيء يُقرأ، كل شيء يُشاهد

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

بعض الإحصائيات

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

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

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

أين النسخة المحمولة المطلوبة؟

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

لا يمكن أن يوجد ما يلي بدون إصدار الهاتف المحمول:

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

بدلا من الاستنتاج

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

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

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

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

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

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

هناك خياران متبقيان: التخطيط التكيفي أو إصدار الهاتف المحمول. أولاً، دعونا نحدد الفرق بين هاتين الطريقتين.

تخطيط التكيف.

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

اصدار المحمول.

تم على نطاق فرعي. الخيارات الأكثر شيوعًا هي m..site، pda..ru/mobile/.

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

ما هو الأفضل: نسخة الجوال أم التخطيط التكيفي؟

لفهم هذه المشكلة، فكر في إيجابيات وسلبيات كل خيار.

هناك مزايا عامة:

العرض الصحيح على الأجهزة المحمولة؛

مصممة للأجهزة المحمولة.

اصدار المحمول:

القدرة على "قطع" الوظائف غير الضرورية

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

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

مجال منفصل، مما سيجعل متخصصي تحسين محركات البحث (SEO) يبكون، لأنه بالنسبة لمحركات البحث سيكون هناك موقعين مختلفين.

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

التخطيط التكيفي:

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

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

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

سيستغرق المشروع المعقد عالي التحميل وقتًا طويلاً لفتحه على جهاز محمول. سواء كان 4G أو 24G، فإن الإنترنت عبر الهاتف المحمول هو الإنترنت عبر الهاتف المحمول.

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

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

هل يجب عليك اختيار تخطيط متكيف أم إصدار محمول؟

كما نرى، على الرغم من أن هذه المفاهيم متشابهة تمامًا، إلا أن هناك اختلافات.

ماذا تختار لصالح.

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

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

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

الموقع السريع هو موقع جيد.

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

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

• بالنسبة لمُحسِّني تحسين محركات البحث (SEO)، انخفاض في نتائج بحث الهاتف المحمول، وبالتالي انخفاض في عدد الزيارات من الأجهزة المحمولة (وهذا عدد كبير ومتزايد باستمرار من الأشخاص)؛
• قضى المبرمجون وقتًا في جعل الموقع يبدو "بطريقة ما على الأقل" على الهواتف الذكية، ثم قاموا لاحقًا بإعادة التصميم المتكيف أو إنشاء نسخة محمولة
• أصحاب المواقع العملاء المفقودون,الذي سيذهب إلى المنافسين الذين يؤدي موقعهم على الهاتف وظائفه ويبدو صحيحًا.

يتحدث كل من ليس كسولًا جدًا عن التنقل: من وكالات التسويق الصغيرة إلى الشركات العملاقة مثل Yandex و Google.

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

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

لماذا؟ لماذا؟ لماذا؟

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

ولكن على مستوى العالم، هناك سببان وجيهان لإنشاء نسخة محمولة من الموقع - المستخدم والتقني.

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

سهولة الاستخدام

في عام 2016، كان المحللون من StatCounter أول من لاحظ أن حصة حركة مرور الهاتف المحمول تجاوزت حصة سطح المكتب: 51.3% مقابل 48.7.

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

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

إحصائيات

كل عام، تتسع الفجوة أكثر فأكثر - على سبيل المثال، في عام 2018، بلغ النمو 20٪. علاوة على ذلك، يقول المحللون أن هذا ليس الحد الأقصى.

من المؤكد أن هذا الموقف يجب أن يجعلك تفكر في كيفية ظهور موقع الويب الخاص بك على شاشة الهاتف الذكي.

وعلى الأرجح أن الإجابة سيئة. عندما تفتح موقع ويب عاديًا غير مُكيَّف من هاتف محمول، يتحول التصفح إلى مهمة - يتعين عليك توسيع نطاق الصفحات، واستهداف الروابط الصغيرة، والانتظار لفترة طويلة للتحميل.

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

لن يقضي المستخدمون وقتًا طويلاً في البحث عن القسم المطلوب وفهم الواجهة - حيث يكون موقع الويب المنافس المناسب مفتوحًا دائمًا في علامة التبويب التالية.

تفضيلات محرك البحث

كانت Google وYandex تضغطان من أجل إصدارات الأجهزة المحمولة لفترة طويلة. أصدرت الشركة الأولى خوارزمية خاصة لهذا الغرض، وهي Mobile-first Index، والتي من خلالها تقوم بتقييم مدى ملاءمة موقع الهاتف المحمول، وبناءً على ذلك، تحدد موقعه في البحث.

ظهرت الخوارزمية الثانية لاحقًا، ولكن من حيث الأهمية فهي على نفس المستوى تقريبًا. يطلق عليه "فلاديفوستوك".

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

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

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

وهذا يعني أن الخصائص السلوكية سوف تتدهور. نتيجة لذلك، أنت في آخر الصفحات غير المأهولة في Yandex و Google.

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

يمكن القيام بذلك في Google Analytics في تقرير "الجمهور -> الأجهزة المحمولة -> نظرة عامة". إذا كان لديك، فانتقل إلى "التقارير -> التقنيات -> الأجهزة".

التحليلات

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

مهم.هذا الوضع لا يحدث للجميع. وفي بعض المناطق، يُحظر استخدام نسخة الهاتف المحمول، مهما بدا الأمر غريبًا.

أنواع الإصدارات المحمولة

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

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

1. التخطيط التكيفي

من الناحية الفنية، هذا موقع واحد، لكن بنية الصفحة تتكيف مع حجم الجهاز.

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

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

تخطيط التكيف

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

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

قد يكون ذلك إضافة مقال، أو تغيير الفرز، أو لون زر جديد. المزايا الأخرى للتكيف:

• رخيص وبسيط - تم تطويره بسرعة وبتكلفة زهيدة نسبيًا، ويمكنك حتى تنفيذه على موقع ويب موجود؛
• عنوان صفحة واحدة - مناسب للمستخدمين وصحيح من الناحية الفنية (أقل متاعب مع تحسين محرك البحث)؛
• هذا ما توصي به جوجل. توجد على الصفحة للمطورين توصية رسمية لاستخدام التخطيط التكيفي. لا توجد حجج محددة، ولكن هذا هو جوجل نفسه.

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

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

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

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

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

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

2. نسخة محمولة منفصلة

في هذه الحالة، سيكون لديك موقعان مختلفان - لكل منهما عنوانه وتصميمه وإمكانياته. هذا هو الجواب على السؤال: "ما الفرق بين النسخة المحمولة للموقع والنسخة التكيفية؟"

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

في أغلب الأحيان، تكون النسخة المحمولة هي التي تبدأ بالرابط بالحرف m (يُترجم إلى "الجوال").

نسخة محمولة منفصلة

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

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

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

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

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

ولكي نكون منصفين، فإن النسخة المنفصلة من الموقع المخصصة للأجهزة المحمولة لها أيضًا عيوب:

• عناوين مواقع مختلفة للهواتف المحمولة وسطح المكتب. قد يؤدي هذا إلى حدوث مشكلات في تحسين محركات البحث - حيث ترى محركات البحث موقعين مختلفين لهما نفس المحتوى.

  ويخفضون مناصبهم بسبب الازدواجية. للتغلب على المشكلة، سيتعين عليك توصيل موارد إضافية؛

• من غير الملائم استخدام جهاز لوحي - فالعناصر الموجودة فيه غير واضحة على الشاشة بأكملها.

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

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

  لذلك، قم بتحديد ميزانية مسبقة لتطوير النسخة المحمولة من الموقع؛

• وقت إضافي للإدارة. هناك موقعان، تحتاج إلى الحفاظ على العمل ومراقبة مدى ملاءمته هناك وهنا.

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

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

موقع المتجر على الانترنت

3. العرض الديناميكي (RESS)

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

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

العيب الرئيسي لـ RESS هو أنها طويلة ومكلفة. يشبه تطوير العرض الديناميكي إنشاء عدة مواقع ويب مختلفة من البداية.

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

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

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

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

المعايير المثالية

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

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

لذلك، بغض النظر عن النهج الذي تختاره، تحتاج إلى الالتزام بقواعد موقع معينة للأجهزة المحمولة. وهنا أهمها:

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

   النماذج الطويلة مخيفة بشكل عام، ناهيك عن الزوار المتنقلين.

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

   تنصح Apple وMicrosoft باستهداف 44 × 44 بكسل. الحد الأدنى هو 24x24، ولكن هذا هو الملاذ الأخير.

4. سرعة تحميل الموقع .لا توجد معايير محددة هنا، ولكن يجب عليك دائمًا السعي لتحقيق المثل الأعلى.

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

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

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

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

6. جهات الاتصال القابلة للنقر.كما هو الحال مع النماذج، تحتوي معلومات الاتصال أيضًا على نوع رابط خاص.

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

7. المعلومات في عمود واحد.لا توجد مخطوطات أو صور أفقية في عدة أعمدة على شاشة واحدة.

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

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

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

شكل قبضة

فحص التنقل

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

اختر من بيئتك الشخص الذي يناسب وصف المشتري المحتمل: حسب العمر والمهنة والاهتمامات.

اطلب من أحد المتطوعين تقديم طلب - ودعه يتابع رحلة المشتري بأكملها. فقط لا تتدخل أو تصححه.

اجعل كل شيء واقعيًا قدر الإمكان - فلن تجلس بجوار كل زائر وتشرح له مكان النقر.

يجب أن يعلق موضوع الاختبار الخاص بك بصوت عالٍ على أي صعوبات أو ارتباك.

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

الفحص الفني

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

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

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

هل تتذكر أننا تحدثنا عن خوارزمية مؤشر Mobile-first؟ الخدمة مبنية على عملها فلا تهمل هذه النقطة.

وحدة تحكم بحث جوجل

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

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

ياندكس مشرف الموقع

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

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

التحقق من بحث Bing

الفحص العيني

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

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

responsinator.com - يعرض جميع الأجهزة الشائعة مرة واحدة على صفحة واحدة. هناك عشرة منها في المجموع: Pixel 2 (وأجهزة Android بشكل عام)، وأجهزة iPhone وiPad.

responsinator.com

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

من بين الأشياء الجيدة الإضافية: يوجد في الزاوية اليمنى العليا مؤشرات أساسية لسرعة تحميل الصفحة.

iloveadaptive.com

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

يوجد في الجزء العلوي مسطرة ملائمة بحجم الشاشة بالبكسل ووظائف إضافية للتدوير والتمرير.

quirktools.com

هناك مشكلة في الخدمات - بغض النظر عن عدد المرات التي جربتها فيها، فإنها لن تمنحك عرضًا كاملاً.

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

بشكل عام، هذا لا يؤثر بشكل كبير على جودة التنقل، ولكن من الأفضل أن تضع ذلك في الاعتبار.

بالمناسبة.يمكنك معرفة حجم الشاشة الذي يستخدمه الزائرون لزيارتك بالضبط باستخدام نفس المقياس. توجد الإحصائيات في "التقارير القياسية -> التقنيات -> دقة العرض".

باختصار عن الشيء الرئيسي

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

ولكن قبل كل هذا، افعل الخير. وفي نهاية المطاف، فإن عرض كل شيء بشكل جيد شيء، وبيع كل شيء شيء آخر. ولهذا، فإن الجزء الفني فقط لا يكفي.

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

أصبح الآن تكييف موقع ويب للهواتف الذكية ميزة افتراضية. نصيحة خبرائنا لك - تخلص من شكوكك وابدأ العمل.