إذا كتب Google "لم يتم تحسين الصفحة للأجهزة المحمولة. التحقق من التحسين للجوال. Google Search Console كيفية تجاوز اختبار Google باستخدام MobileCheat

يعد فحص نسخة الهاتف المحمول من الموقع بحثًا عن الأخطاء مهمة بسيطة. مسؤولية مُحسِّن محرك البحث. يعد الحصول على إصدار مُحسَّن من الموقع عامل ترتيب لمستندات الموقع.

أدوات موقع الجوال

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

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

• ودية جوجل موبايل
• Google PageSpeed ​​Insights ؛
• اختبار صفحة الويب
• ذبابة الشاشة.
• اختبار صفحة الويب
• BrowserStack.

ودية المحمول

ستعرض خدمة تسمى Mobile-Friendly كيفية تحسين الموقع للأجهزة المحمولة وما هي الأخطاء من حيث التحسين:

PageSpeed ​​Insights

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

تسمى الخدمة ببساطة PageSpeed ​​Insights.

اختبار صفحة الويب

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

الخدمة مجانية تماما

ScreenFly

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

الأداة مجانية.

فحص Adobe Edge

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

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

الأداة مجانية.

التطبيق عبر منصة.

BrowserStack

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

الأداة مدفوعة.

اختبار Bing Mobile

التحقق من مجانايمكن إنشاء موقع للامتثال لمتطلبات الأجهزة المحمولة من خلال أداة Mobile Test من محرك بحث Bing.
رابط الخدمة -

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

التحقق مع جوجل

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

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

للتحقق من هذه الحالة بنفسك ، عليك الذهاب إلى هذه الخدمة - search.google.com/search-console/mobile-fri friendly. بعد ذلك ، في شريط URL ، أدخل عنوان هذا الموقع وانتظر. بعد وقت قصير ، سيتم إعطاؤك جميع المعلومات حول ما إذا كان موقعك يلبي متطلبات Google لتخطيط الجوال.

لم افهم...

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

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

بعد أن أزلت سطرًا واحدًا من الروبوتات ( Disallow: / wp-content / themes / موضوعي) ، ثم قررت الخدمة على الفور أن إصدار هاتفي المحمول عادي. لذلك لا تقلق إذا حدث لك نفس الشيء. على الأرجح ، أنت ببساطة لم تسمح لـ Google بفهرسة موضوعك.

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

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

مع خالص التقدير ، دميتري كوستين.

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

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

ملاءمة الموقع للأجهزة المحمولة

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

• قلة الرسوم المتحركة والتصميم والصور "الثقيلة" ؛
• سرعة تحميل الموارد (يجب أن تكون ضئيلة) ؛
• لا حاجة للتمرير الأفقي ؛
• عدم وجود إضافات Silverlight وتطبيقات Java الصغيرة ؛
• التنقل البسيط في الموقع ؛
• تتم كتابة العلامة الوصفية لإطار العرض في الشفرة.

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

اختبار حقيقي على الأجهزة المحمولة

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

تغيير حجم نافذة المتصفح

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

التحول إلى وضع المطور في المتصفح

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

• Mozilla: يمكنك التبديل إلى وضع المطور عن طريق تحديد خيار "تصميم متجاوب" في قائمة "تطوير" ؛ بالضغط على المجموعة Ctrl + Shift + M ؛ بالنقر فوق الزر "وضع التصميم المستجيب" الموجود على شريط أدوات مطور الويب ؛
• Chrome: قم بالتبديل إلى وضع الهاتف المحمول بالضغط على F12 ، ثم حدد رمز إصدار الهاتف المحمول (الهاتف الذكي في الزاوية اليسرى العليا من النافذة التي تظهر).

في Opera ، يتم التبديل إلى وضع المطور للتحقق من إصدار الهاتف بالضغط على المجموعة Ctrl + Shift + i ، ولكن هناك طريقة أخرى. يتيح لك إصدار خاص من المتصفح - Opera Mobile Classic Emulator - إجراء تقييم شامل لتصميم الأجهزة المحمولة. إصدارات البرنامج موجودة لأنظمة التشغيل الرئيسية.

محاكيات الأجهزة المحمولة: Android Studio و Apple Xcode

يمكنك التحقق من نسخة الهاتف المحمول من الموقع ("Yandex" و Google) باستخدام برامج محاكاة الأجهزة المحمولة ، والتي تكون لنظامي Android و Apple هي Android Studio أو Apple Xcode ، على التوالي.

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

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

خدمات الويب للتحقق من صحة تصميم الهاتف المحمول

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

التحقق من تحسين صفحات الويب للأجهزة المحمولة

تعمل الموارد الأخرى التي تسمح لك بالتحقق من إصدار الهاتف المحمول من الموقع على تقييم القدرة على التكيف بالإضافة إلى ذلك ، وليس فقط إظهار كيف سيبدو الموقع على الأجهزة المختلفة. الخدمات الأكثر موثوقية: Google Mobile Friendly و "Yandex Webmaster" (فحص صفحات الويب). يقوم مدقق Bing أو ، على سبيل المثال ، Mobile Checker من W3C بتقييم تحسين الموقع للأجهزة المحمولة.

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

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

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

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

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

أنشأت Google أيضًا أداة لمساعدة مشرفي المواقع على التحقق من العرض الصحيح للموقع على الأجهزة المحمولة:
https://www.google.com/webmasters/tools/mobile-fri friendly/

في 21 أبريل ، أطلقت Google خوارزمية جديدة ، في الغرب أطلق عليها Mobilegeddon. يعد الانتهاء بنجاح من اختبار Mobile Friendly أحد عوامل تحسين محركات البحث التي تضعها Google في الاعتبار. حتى الآن ، لم تطرأ تغييرات كبيرة على الإصدار ، لكن يمكنك الاستعداد الآن.

كيف تجعل موقع الويب مستجيبًا وفقًا لـ Google؟ السر بسيط - تحتاج إلى تعيين مهمة للمبرمجين / مصممي التخطيط. حسنًا ، إذا لم يكن هناك وقت للانتظار ، إذن ... يمكنك استخدام MobileCheat 🙂

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

كيفية تجاوز اختبار جوجل باستخدام MobileCheat

ما عليك سوى القيام بأمرين:

1. أضف العلامة الوصفية لإطار العرض إلى الشفرة.

2. أغلق وصول الروبوت إلى ملفات CSS أو المجلد الذي توجد فيه عبر ملف robots.txt

على سبيل المثال ، هذه هي الطريقة التي تجتاز بها مدونتي الاختبار الافتراضي:

عند إغلاق CSS ، تتغير الصورة:

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

ما رأيك بهذا؟ هل ستحسب Google هذا على أنه تحرك متبادل بين الفارس ، أم أنها ستفكر في الأمر مقدمًا وستقوم فورًا بإخفاء الموقع؟ 🙂

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

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

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

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

فحص سريع للتخطيط التكيفي

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

يجب أن نرى شيئا من هذا القبيل:

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

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

بعد ذلك ، اضغط على أيقونة التصميم سريع الاستجابة (أو اضغط في نفس الوقت على لوحة المفاتيح ++ [م]):

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

اختبار تحسين محركات البحث لتصميم الأجهزة المحمولة

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

للتحقق من القدرة على التكيف باستخدام خدمة Google ، انتقل إلى العنوان التالي وأدخل اسم موقعك: https://www.google.com/webmasters/tools/mobile-fri friendly/.

هذا ما تبدو عليه نتيجة التحقق من مدونتي:

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

الخدمات عبر الإنترنت للتحقق من القدرة على التكيف

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

جوجل ريسيزر

سأبدأ مرة أخرى مع Google ، التي لديها خدمة توضيح القدرة على التكيف الخاصة بها: http://design.google.com/resizer/#

سكرينفلاي Quirktools

الخدمة الرائعة الثانية هي http://quirktools.com/screenfly/. سيُظهر كيف يمكن أن يبدو موقعك حتى على التلفزيون!

تكيف Symby.ru

حسنًا ، من أجل عدم الإساءة إلى "الشركة المصنعة المحلية" ، سأقدم مثالاً لموقع آخر: http://symby.ru/adaptest/. في صفحة واحدة ، سترى عدة طرق عرض بدقة شاشة مختلفة في وقت واحد.

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

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

PageSpeed ​​Insights

Google دائمًا في المقدمة: https://developers.google.com/speed/pagespeed/insights/. ستوضح هذه الخدمة كيف يبدو الموقع على شاشة الهاتف وتقدم توصيات حول كيفية تحسين الكود لزيادة سرعة التنزيل على الأجهزة المحمولة.

WebPageTest

وفي الختام ، سأقدم مثالاً على خدمة لن تظهر فقط كيف يبدو الموقع على جهاز محمول ، بل ستظهر أيضًا سرعة عمله: http://www.webpagetest.org/

الاستنتاجات

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