إذا كتب Google "لم يتم تحسين الصفحة للأجهزة المحمولة. التحقق من التحسين للجوال. Google Search Console Mobile Checker بواسطة W3C

تحياتي أيها الأصدقاء الأعزاء!

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

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

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

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

يعملون جميعًا بالطريقة نفسها:

1. انتقل إلى موقع الويب الخاص بمطور خدمة معينة
2. قم بتنزيل البرنامج المطلوب
3. بدء تطبيق
4. وبعد فترة ، أصبحت نسخة الجوال من موقع الويب الخاص بك أمامك!

هناك خدمات يمكنها اختبار موقعك عبر الإنترنت.

الخيار ، كما هو الحال دائمًا ، لك!

حر

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

المستجيب. بفضل هذا التطبيق ، يمكنك بسهولة مشاهدة كيف يبدو الموقع على أجهزة Kindle و iPad و Android و iPhone.

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

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

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

موبيريدي. أداة اختبار رائعة تقيم استجابة التصميم. يعتمد التحقق على أفضل معايير W3C (اتحاد شبكة الويب العالمية).

محاكي الهاتف المحمول و Screenfly. خدمات مماثلة تتيح أيضًا إمكانية عرض حالة مورد الويب على شاشات أي أدوات.

دفع

CrossBrowserTesting. يتحقق من 130 متصفحًا مختلفًا و 25 نظام تشغيل ، بما في ذلك: Blackberry و Android و iPad و iPhone. ستحتاج إلى دفع 29.95 دولارًا شهريًا لاستخدامها.

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

متصفح. مصمم للإزالة من Android و iPad و iPhone. للحصول على خمس لقطات شاشة ، سيتعين عليك دفع 1 دولار.

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

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

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

كما ترى ، هناك الكثير من البرامج والخدمات ، اختر الخيار الأكثر ملاءمة واستخدمه لصحتك.

نسخة الجوال لمحركات البحث

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

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

وبالنسبة إلى Yandex ، هناك أداة مماثلة في الإصدار الذي يتم اختباره حاليًا من حساب مشرف الموقع (https://beta.webmaster.yandex.ru/).

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

بإخلاص! عبد الدين رسلان

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

كيفية فتح Google Search Console Mobile Optimization Checker

لفتح فحص Google Search Console للجوال ، تحتاج إلى إدخال العنوان في شريط العناوين في متصفحك:

https://search.google.com/test/mobile-fri friendly

أو اذهب إلى → هذا الرابط (يفتح في نافذة جديدة).

بعد فتح صفحة فحص Google Search Console للجوال ، يلزمك إدخال عنوان الموقع أو صفحة الموقع التي تريد التحقق من تحسينها والنقر فوق " التحقق من»كما هو موضح في الصورة أدناه:

بعد ذلك ، سيستغرق Google Search Console بعض الوقت لتحميل الصفحة المحددة وتحليلها:

إذا قررت Google Search Console ، بناءً على نتائج الفحص ، أن الصفحة محسّنة للأجهزة المحمولة ، فسيتم استلام رسالة مشابهة لتلك الموجودة في الصورة أدناه:

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

يشير إلى مناطق المشكلة الواضحة على الصفحة.

ملخص:

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

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

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

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

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

التحقق من جودة تخطيط الهاتف باستخدام Google Chrome

بالنسبة للمطورين ، تمتلك Google أداة محاكاة رائعة للجوّال. هذه الأداة مضمنة في متصفح Google Chrome. للوصول إليه ، اضغط على F12في المتصفح (انتقل إلى وضع المطور) وانقر على أيقونة الهاتف الذكي:

سيتم تحويل الصفحة إلى وضع تبديل الجهاز ، حيث يمكنك تحديد أحد الأجهزة المحمولة الشائعة ، ونوع الشبكة (GPRS ، 2G ، 3G ، 4G ، وما إلى ذلك) ، وتحديد إعدادات العرض الصارمة. يتيح لك ذلك محاكاة عمل الموقع على أجهزة محمولة محددة. تشمل الأجهزة المتوفرة إصدارات مختلفة من iPad و iPad Mini و iPhone و BlackBerry و Google Nexus و HTC و LG و Nokia و Samsung Galaxy وبعض الأجهزة الشائعة الأخرى.

عن طريق تحديد جهاز معين ، يمكنك التحقق من الموقع على جهاز محمول. على سبيل المثال ، عرض الصفحة الرئيسية لموقع "Nubex" على iPad 3:

وعلى Samsung Galaxy S4:

هنا لا يمكنك مشاهدة عرض الموقع على جهاز معين فحسب ، بل يمكنك أيضًا العمل بشكل كامل مع الموقع ، كما لو كان لديك الأداة المناسبة أمامك. مما لا شك فيه أن هذه الأداة لا غنى عنها عند تطوير نسخة محمولة من الموقع ، ولكن كيفية عرض موقعك على أجهزة حقيقية يجب التحقق منها على أجهزة حقيقية. هذا مهم بشكل خاص إذا كنت بحاجة إلى التحقق من عرض الموقع في المتصفحات "الأصلية" (Safari - لأجهزة iPad / iPhone ، IE - لنظام Windows Phone ، إلخ).

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

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

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

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

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

لم افهم...

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

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

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

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

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

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

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

كيف سيعمل كل هذا؟

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

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

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

فقط أدخل عنوان الموقع أو الصفحة وانقر على "تحليل". أثناء التحقق من الصفحة الرئيسية لموقع صديقي القرم krimeo.ru من خلال الاختبار ، رأيت أن الصفحة قد تم تحسينها للأجهزة المحمولة.

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

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

بدأت في تحليل ما يمكن أن يثير مثل هذه النتيجة بالضبط على الموقع. تم العثور على الحل حيث لم أتوقعه على الأقل: على موقعي ، تم عرض الصور المصغرة للمقالات مع مستطيل 720 × 350 بكسل ، وهذا (وفقًا لـ Google) لا يجعل الموقع يعتبر محمولًا. والمثير للدهشة أنه كلما كبرت الصورة (الزر) - كان من الأسهل على مستخدمي الأجهزة المحمولة النقر بإصبعهم ... لكن Google تعتقد عكس ذلك.

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

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

لماذا أيضًا يرى Googlebot أن المدونة ليست محسّنة للأجهزة المحمولة

نظرًا لوجود الكثير من القيود غير الضرورية في ملف robots.txt.

لا يوجد سوى حظر واحد في ملف robots.txt الافتراضي الذي تم إنشاؤه تلقائيًا بواسطة WordPress:

عدم السماح: / wp-admin

وإليك ما يكتبه Google حول سبب جعل منشئو WordPress ملف robots.txt الافتراضي:

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

وكيل المستخدم: * Disallow: / wp-admin Disallow: / wp-include Disallow: / wp-content / plugins Host: YourSite Sitemap: http: //YourSite/sitemap_index.xml (Sitemap by WordPress SEO by Yoast) : Googlebot-Image Allow: / wp-content / uploads / User-agent: YandexImages Allow: / wp-content / uploads /

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

يمكننا أن نرى مثل هذه المفاجأة في شكل خوارزمية متوافقة مع الجوّال منذ 21 أبريل 2015. جوجل "يفسدنا")). هل تعيش بهدوء ها أنت يا الباندا! عدد قليل؟ نيت أيضا البطريق! الراحل؟ كن متوافقًا مع الجوّال!

استنتاج

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

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