ما هو الإصدار المحمول الأفضل تصميمًا سريع الاستجابة؟ ماذا تختار: نسخة الجوال أم التصميم سريع الاستجابة؟ فوائد التصميم سريع الاستجابة للأجهزة المحمولة

13.02.2024 البرامج والخدمات

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

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

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

في هذا الصدد، تم تطوير خوارزميات جديدة لمحركات البحث، وتم تقديم عوامل تصنيف إضافية: الآن تأخذ نتائج البحث في الاعتبار مدى ملاءمة الموقع للجوال (ملاءمته للعرض على الأجهزة المحمولة). في جوجل، تم إطلاق الخوارزمية الصديقة للجوال في 21 أبريل 2015، وفي ياندكس - "فلاديفوستوك" في 2 فبراير 2016.

نسخة سطح المكتب من الموقع ونسخة معدلة للأجهزة المحمولة

كيف تحدد محركات البحث ما إذا كانت صفحة موقع الويب مريحة للعرض على الأجهزة المحمولة:

  • يجب أن تحتوي الصفحات على محتوى لا يتطلب التمرير الأفقي أو التكبير/التصغير لعرضه؛
  • يجب ألا يحتوي الموقع على عناصر لا تعمل على العديد من الأجهزة المحمولة - Flash وتطبيقات Java والمكونات الإضافية Silverlight؛
  • يجب أن تكون النصوص الموجودة على الصفحات قابلة للقراءة دون تغيير حجمها؛
  • يجب أن تكون الروابط متباعدة بشكل كافٍ بحيث يمكن النقر عليها بسهولة.

والأهم من ذلك، أن محركات البحث تقوم بتقييم مواقع الويب بشكل لا لبس فيه - سواء كانت متوافقة مع الهاتف المحمول أم لا.

يمكن أن تساعدك أداة PageSpeed ​​​​Insights من Google (https://developers.google.com/speed/pagespeed/) في تحديد مدى سرعة تحميل صفحات موقعك وسهولة استخدامها. يمكن أن تتراوح نتيجة PageSpeed ​​من 0 إلى 100 نقطة لسرعة تحميل الصفحة وتجربة المستخدم، على سبيل المثال:

نتائج 85 نقطة وما فوق تعتبر جيدة.

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

يمكن استخدام هذه الخدمة للتشخيص الأولي وتحديد المشكلات على الموقع.

ما هي الحالات التي يكون فيها من الضروري تطوير نسخة محمولة أو نسخة متكيفة لمواقع الويب؟

لفهم ما إذا كان الأمر يستحق تكييف موقع ما لجمهور "المتنقل"، من الضروري تحليله في أنظمة تحليلات الويب (Yandex.Metrica أو Google Analytics) حسب حركة المرور حسب الجهاز الذي يصل المستخدمون منه إلى الموقع. إذا كان أكثر من 15% من الجمهور يستخدم الهواتف الذكية أو الأجهزة اللوحية، فمن المستحسن تطوير تصميم قابل للتكيف أو إصدار محمول. من المهم مراعاة حركة مرور الموقع هنا. على سبيل المثال، بالنسبة للمواقع التي لديها عدد كبير من الزوار (من 1000000 وما فوق)، يتم تخفيض هذا الشريط، حيث لا يمكن إهمال مثل هذا الجزء الكبير من حركة مرور الموقع.

النسخة المحمولة من الموقع

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

"ميزة خاصة" لإصدار الهاتف المحمول: عند التبديل إليه، يتغير عنوان URL في شريط عنوان المتصفح - تتم إضافة البادئة "m" إليه، على سبيل المثال: m.example.ru.

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

مثال لموقع ويب به نسخة محمولة معدلة: http://www.lamoda.ru/ (m.lamoda.ru).

المزايا الرئيسية للنسخة المحمولة من الموقع

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

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

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

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

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

مثال لموقع ويب بنسخة تكيفية: http://www.mvideo.ru/.

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

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

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

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

ما هو الأفضل: التصميم التكيفي للأجهزة المحمولة أم نسخة الجوال من الموقع؟

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

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

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

أخبر ديمتري مراتشكوفسكي، أحد المُحسِّنين من 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) زيادة في حركة البحث بعد تقديم موقع للجوال بدلاً من الموقع المتكيف. على الرغم من أنني لا أستبعد أن يكون سبب النمو هو وجود أخطاء في تخطيطهم التكيفي مما أثر سلبًا على الترتيب.

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

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

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

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

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

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

شكرا لمتخصصي SEO

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

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


المزيد من مقاطع الفيديو على قناتنا - تعلم التسويق عبر الإنترنت مع SEMANTICA

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

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

لماذا تحتاج إلى نسخة الجوال من الموقع؟

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

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

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

كيف تعمل

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

كيفية نقل موقع على شبكة الإنترنت إلى نسخة الجوال

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

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

النسخة المحمولة مقابل التخطيط التكيفي

بالتوازي مع النسخة المحمولة المنفصلة للموقع، هناك اختلاف آخر مفسر - التصميم التكيفي.

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

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

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

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

إيجابيات وسلبيات النسخة المحمولة

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

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

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

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

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

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

في نهاية المقال ستجد مكافأة لطيفة :)

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

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

مزايا

راحة

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

سرعة التحميل

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

التعديلات على الموقع

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

التبديل إلى الإصدار الرئيسي

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

عيوب

الازدواجية

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

تحديث

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

حدود الوظيفة

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

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

تخطيط التكيف

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

مزايا

سهولة التنفيذ

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

تحسين محركات البحث

إذا واجهنا في إصدار الهاتف المحمول تكرارًا للمحتوى في نطاقات فرعية مختلفة، فلا توجد مشكلة من هذا القبيل هنا. هل سيكون للصفحة عنوان واحد (URL)؟ وعندما تتغير دقة الشاشة أو الجهاز، لن يتعطل تصميمنا أو لن تتم إعادة توجيهنا إلى إصدار الهاتف المحمول. يحل هذا الخيار مشكلة المحتوى المكرر بشكل أفضل من سمات rel="canonical" أو المحظورات في ملف robots.txt على إصدار الهاتف المحمول.

عيوب

الثقل

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

أغراض الزيارة

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

لا خيار

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

خلاصة القول: تخطيط التكيف أو النسخة المحمولة؟

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

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

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

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

تحسين موقع الويب للأجهزة المحمولة. قواعد .

توقف نمو جمهور الإنترنت المكتبي في عام 2015

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

وفي الوقت نفسه، يتزايد عدد الأشخاص الذين يتصفحون الإنترنت باستخدام الهواتف المحمولة والأجهزة اللوحية بشكل مطرد كل عام. على سبيل المثال، في عام 2013 كان هذا الرقم 56٪، في عام 2014 - 61٪، وفي خمسة أشهر من عام 2015 ارتفع عدد المستخدمين الذين يصلون إلى المواقع من الأجهزة المحمولة مرة أخرى وبلغت حوالي 86٪.

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

لا يمكن تجاهل هذه الحقائق من خلال منصات البحث الكبرى مثل Google وYandex.

خوارزمية Google الجديدة الملائمة للجوال

منذ نوفمبر 2014، قامت جوجل بوضع علامة على المواقع "المتوافقة مع الجوال" في نتائج بحث الجوال.

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

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

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

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

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

هناك بعض الاختلافات في متطلبات Yandex وGoogle بشأن "الموقع المتوافق مع الجوّال". وعلى وجه الخصوص، يصر محرك البحث الخارجي على عنوان URL واحد لجميع إصدارات الموقع. يستخدم Yandex نفسه (على سبيل المثال، إصدار الهاتف المحمول من Yandex للبحث عن الصور؛ Yandex.Dictionaries) ويوصي الجميع بنشاط بتقسيم الإصدارات المحمولة والإصدارات القياسية إلى نطاقات فرعية مختلفة (النقطة السابعة في قسم "فهرسة الموقع"). الوسيطة: هذا سيسهل على النظام إظهار الإصدار المطلوب من موقعك في الطلبات الواردة من الأجهزة المختلفة.

لماذا تحتاج إلى نسخة محمولة من الموقع أصلاً؟

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

فيما يلي الاختلافات الرئيسية:


ميزات الأنواع المختلفة من الأجهزة المحمولة


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

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

  1. التحقق من سهولة المشاهدة على الأجهزة المحمولة - وصلة ;
  2. محاكي لعرض عرض الموقع من جهاز iPad أو iPhone - الرابط؛
  3. خدمة تتيح لك مشاهدة الموقع من مختلف الأجهزة والشاشات - الرابط؛
  4. خدمة للحصول على معلومات حول الشكل الذي سيبدو عليه موقع الويب الخاص بك على الأجهزة الأكثر شيوعًا: iPhone وiPad وAndroid - link؛
  5. أداة اختبار جاهزية المواقع للعرض على شاشات الجوال - الرابط؛
  6. عرض الموقع على عدة أجهزة محمولة في وقت واحد - الرابط؛
  7. خدمة وظيفية أخرى هي الرابط.

كيف تخبر محرك البحث أن موقعك متوافق مع الجوّال؟

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

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

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

  • لا يوجد حظر لجافا سكريبت أو CSS.
  • إعادة التوجيه التي تم تكوينها بشكل صحيح من إصدار سطح المكتب للصفحة إلى إصدار الهاتف المحمول والعكس.

إصدار موقع ويب متنقل ومتكيف وسريع الاستجابة: ما الفرق؟

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

النسخة المحمولة من الموقع

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

مزايا:

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

عيوب:

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

النسخة التكيفية للموقع

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

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

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

مزايا:


عيوب:

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

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

يتضمن التكيف الجيد للموقع تقليل عدد طلبات HTTP، وتقليل CSS وJavaScript، والعمل على زيادة سرعة التحميل.

كما يجب أن يظل المورد متاحًا للمسح الضوئي. للقيام بذلك، لا تمنع الوصول في ملف robots.txt إلى الملفات الرئيسية الموجودة على الموقع (بما في ذلك الإعلانات) والتي تؤثر بشكل مباشر على عرض الصفحة. إذا لم يكن لدى Googlebot حق الوصول إلى صور CSS وJavaScript، فلن يتمكن من تحديد الشكل الذي ستظهر به الصفحة في متصفح الهاتف المحمول.

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

نسخة مستجيبة من الموقع

في بعض الأحيان يتم مساواة مفهومي "تصميم الويب سريع الاستجابة" وتخطيط موقع الويب "السلس". في الواقع، تعتمد النسخة المستجيبة للموقع على تخطيطات "سلسة" وعناصر الوسائط الموجودة عليها، والتي يتم تحقيقها باستخدام HTML وCSS فقط.

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

بمعنى آخر، تصميم الويب سريع الاستجابة هو استراتيجية لإنشاء مواقع الويب والتطبيقات لمختلف الأجهزة. في حين أن تصميم الويب سريع الاستجابة هو مجرد تقنية لتكييف التخطيط، ويتم ذلك باستخدام استعلام وسائط CSS3، بدعم من جميع المتصفحات الشائعة (Google Chrome، وMozilla FireFox، وOpera).

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

ضمن مفهوم "تصميم موقع الويب سريع الاستجابة"، يوجد أيضًا مفهوم مثل "RESS" (التصميم سريع الاستجابة + جانب الخادم). يُستخدم هذا النظام في العديد من منتجات Google ويتضمن الجوانب الإيجابية لكل من الإصدار المنفصل للمواقع المحمولة والمتكيفة.

مزايا:

  • عنوان واحد (كما هو الحال مع التصميم التكيفي)؛
  • تقليل حركة المرور من خلال التحسين الخاص لـ html وcss، بالإضافة إلى إزالة JavaScript غير الضرورية؛
  • إمكانية الاستهداف (على سبيل المثال، بالنسبة للأدوات الذكية المثبت عليها Android، يُقترح تنزيل التطبيق من GooglePlay، ولـ Apple - من iTunes)؛
  • القدرة على عمل التصميم الخاص بك لكل نوع من الأجهزة.

عيوب:

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

ساعد Google على تحسين موقعك للأجهزة المحمولة

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

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

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

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

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