در اینجا چنین است ، گوگل به زودی (شایعات - از 21 آوریل 2015) شروع به رتبه بندی سایت های بسیار ضعیفی می کند که توسط Google Webmasters برای سهولت مشاهده در دستگاه های تلفن همراه آزمایش نشده اند.
دقیقاً مشخص نیست ، آیا سایت فقط در صورت نمایش به کاربران موبایل یا حتی به افرادی که از طریق رایانه شخصی وارد سیستم شده اند ، مشکلی خواهد داشت ، یعنی مسئله جداگانه ای وجود دارد؟
در واقع ، این تقریباً برای سایتهایی که نیمی یا قسمت قابل توجهی از ترافیک تلفن همراه دارند تغییر نمی کند. بنابراین بهتر است هرچه سریعتر در آزمون قبول شوید.
من به شما خواهم گفت که چگونه این کار را انجام دهید:
| قبل از | بعد از |
|---|---|
 |  |
- اولین قطعه، که به حل مسئله بدون اشاره های اضافی کمک کرد.
- لحظه دوم، اگر پیام "عناصر تعاملی خیلی به هم نزدیک هستند" را می بینیم. در google.com/webmasters/tools/mobile-friendly نمایش داده می شود.
فقط این است که در سبک ها کلاس مورد نیاز برای پیوندها و دکمه ها تورفتگی بیشتری را تعیین می کند. حاشیه یا بالشتک را از 5 پیکسل بگیرید.گاهی اوقات بلوک Adsense می تواند چنین مشکلی ایجاد کند. شاید لازم باشد یک بلوک بزرگتر یا با فونت بزرگتری وارد کنید.
در robots.txt خط را اضافه کنید:
مجاز: / wp-content / themes / Temple_Name / style.css(اگر پرونده با سبک در آدرس دیگری قرار دارد ، آن را ثبت کنید. اگر چندین پرونده با سبک وجود دارد ، خطوط مربوط به هر پرونده را وارد کنید.)
P.S. در ابتدا ، من انتظار دارم که مقدماتی توسط شما انجام شود.
دوستان، عصر بخیر. امروز من کمی از ابزار تبلیغات کنار می روم و یک ستون جدید در وبلاگ شروع می کنم. این وب مسترینگ (Webmastering) نامیده می شود و شامل مطالب مفیدی در مورد بهبود عملکرد و کیفیت سایت ، صفحات فرود می باشد. من با یک مرور کلی از یک ابزار جالب برای بررسی یک وب سایت از نظر تحرک شروع می کنم.
بررسی سرعت سایت با Google
Google 2 ابزار برای این کار ارائه می دهد.
شماره 1 pageSpeed \u200b\u200bInsights
فکر می کنم شما او را به خوبی می شناسید. پیوندی به سایت خود وارد کنید ، دکمه "تجزیه و تحلیل" را فشار دهید و در قالب دو برگه نتیجه را بگیرید.
برگه "برای تلفن همراه" شامل گزارشی از سرعت بارگذاری سایت برای دستگاه های تلفن همراه و - مهم است! - رتبه بندی راحتی سایت برای گوشی های هوشمند. برگه "برای رایانه ها" به ترتیب ، همان تحلیل برای دسک تاپ است.
بهترین قسمت این است که این سرویس به شما امکان بارگیری می دهد بهینه سازی شده تصاویر ، css و اسکریپت ها برای استفاده در سایت شما. در اینجا راهنمای رایگان Google است.
همانطور که از تصویر می بینید ، من با نسخه موبایل مشکلات جدی دارم. حال شما چطور است؟
شماره 2 Testmysite.Withgoogle
در واقع ، این همان ابزار است ، فقط یک لفاف زیبا دارد. من روز گذشته این سرویس را کشف کردم و با فرم گزارش به من رشوه داده شد.
وقتی پیوندی را به سایت وارد می کنید و روی "بررسی" کلیک می کنید ، این سرویس نتیجه را به صورت صفحه فرود کامل پویا ارائه می دهد که در آن به طور مختصر و قانع کننده به شما می گوید که اوضاع در سایت چگونه است و پیشنهاد می کند گزارش کامل را بارگیری کنید.
البته ، من یک گزارش کامل درخواست کردم و ظرف چند دقیقه از طریق پست دریافت کردم. معقول به نظر می رسد ، چندین صفحه از دستورالعمل های مفید با پیوند به مواد خاص:
قابل توجه است که اگر همان سایت را تجزیه و تحلیل کنید ، ارقام مربوط به این ابزارها کمی متفاوت خواهد بود. با این حال ، آنها روی همان فناوری کار می کنند.
بنابراین فقط در عرض چند ثانیه می توانید نه تنها سایت را از نظر تحرک بررسی کرده و سرعت بارگیری را بررسی کنید - بلکه یک گزارش کامل با محتوای بهینه شده نیز بارگیری کنید. رایگان است. از گوگل
خوب ، در مورد تحرک شما چطور؟
برای پروژه های خود ، احتمالاً مدت ها پیش متوجه شده اید که تعداد کاربران تلفن همراه دائماً در حال افزایش است. برای برخی ، این روند کمتر قابل توجه است و در برخی از پروژه ها این رقم هر ساله دو برابر یا بیشتر می شود. طبق داده های LiveInternet ، بیش از 50٪ از ترافیک Runet توسط دستگاه های تلفن همراه تشکیل می شود. ضمناً ، بسیاری از خوانندگان این وبلاگ مدتهاست که شکایت دارند که هیچ نسخه موبایلی در اینجا وجود ندارد ... که البته در آینده نزدیک برطرف خواهد شد.
این واقعیت بسیج توسط سیستم عامل های جستجو نیز قابل چشم پوشی نیست. به تدریج ، آنها مزایایی را در جستجوی تلفن همراه به سایتهایی می دهند که با دستگاههای کاربران سازگار شده اند.
در ابتدا ، Google سایتهایی را در قطعه هایی علامت گذاری کرد که در تلفن های همراه به درستی نمایش داده می شوند.
Google همچنین ابزاری برای کمک به مدیران وب در بررسی صحت نمایش وب سایت در دستگاه های تلفن همراه ایجاد کرده است:
https://www.google.com/webmasters/tools/mobile-friendly/
در 21 آوریل ، گوگل الگوریتمی جدید با نام Mobilegeddon را در غرب راه اندازی کرد. اکنون گذراندن آزمون Mobile Friendly یکی از فاکتورهای سئو است که توسط گوگل مورد توجه قرار گرفته است. تاکنون هیچ تغییر عمده ای در SERP ایجاد نشده است ، اما اکنون می توانید آماده شوید.
چگونه می توان یک وب سایت را برای Google پاسخگو دانست؟ راز ساده است - شما باید برای برنامه نویسان / طراحان طرح خود تعیین تکلیف کنید. خوب ، اگر فرصتی برای انتظار وجود ندارد ، پس ... می توانید از MobileCheat use استفاده کنید
در واقع ، این یک فناوری آزمایش نشده است ، معلوم نیست که در آینده به چه نتیجه ای منجر خواهد شد ، بنابراین فقط با خطر و خطر خود از آن استفاده کنید. حداقل یک سری آزمایشات را می توان در اینجا انجام داد.
چگونه می توان Google Mobile Test را با MobileCheat دور زد
فقط دو کار وجود دارد:
1. برچسب متا viewport را به کد اضافه کنید.
2. دسترسی ربات به پرونده های CSS یا پوشه ای که در آن قرار دارد را از طریق robots.txt ببندید
به عنوان مثال ، اینگونه وبلاگ من از آزمون پیش فرض عبور می کند:
هنگام بستن CSS ، تصویر تغییر می کند:
به نظر می رسد هیچ تغییری در سایت ایجاد نشده است ، اما نتایج آزمایش کاملاً متفاوت است. به هر حال ، در بعضی از سایت ها من خودم دوست دارم CSS را غیرفعال کنم ، بنابراین مشاهده و استفاده از آنها راحت تر است ... بنابراین ، این یک طرح کاملاً موجه است. اما فقط برای اطلاع رسانی ارائه شده است.
چه فکری در این باره دارید؟ آیا گوگل آن را به عنوان یک اقدام ضد شوالیه به حساب می آورد یا اینکه همه چیز را از قبل فکر کرده است و بلافاصله سایت را چک و بررسی می کند؟ 🙂
با سلام خدمت شما دوستان عزیز!
ابزارهای موبایل دنیا را به تسخیر خود درآورده اند. امروز آنها حتی به دنبال نان بدون تلفن نمی روند.
در زمان ما ، اینترنت به سرعت در حال توسعه است. رشد سریع بازار اینترنت همراه ، سازندگان منابع وب را وادار می کند تا سایت های خود را برای این نوع دستگاه ها سازگار کنند.
حرف من این است که اگر می خواهید سایت شما موفق و محبوب باشد ، باید به این فکر کنید که چگونه مشاهده انواع ابزارها را آسان کنید.
در این مقاله ، من به شما می گویم که چگونه یک سایت را در دستگاه های تلفن همراه با استفاده از خدمات ویژه بررسی کنید. من تقریباً آنها را به دو گروه رایگان و پولی تقسیم کردم.
همه آنها تقریباً بر روی یک اصل کار می کنند:
- به سایت توسعه دهنده این یا آن سرویس بروید
- نرم افزار لازم را بارگیری کنید
- برنامه را اجرا کنید
- و بعد از مدتی نسخه موبایل وب سایت شما پیش روی شماست!
سرویس هایی وجود دارند که می توانند سایت شما را بصورت آنلاین آزمایش کنند.
انتخاب ، مثل همیشه ، با شماست!
رایگان
موبایل دوستانه... این برنامه توسط Google به طور خاص برای بررسی بهینه بودن منبع وب برای تلفن های هوشمند و سایر ابزارها ایجاد شده است.
مسئول... با تشکر از این برنامه ، به راحتی می توانید ظاهر سایت را در Kindle ، iPad ، Android ، iPhone ببینید.
آی پد زیرچشمی نگاه کنید... یکی از محبوب ترین ابزارهای تست رایگان که با آن می توانید نمایش وب سایت خود را در iPhone و iPad مشاهده کنید.
شبیه ساز مینی اپرا... شبیه ساز اپرا شامل یک پایگاه داده بسیار بزرگ از ابزارهای تلفن همراه است. تنها اشکال آن عدم وجود حالت آنلاین است ، یعنی برای تست منابع خود ، باید نرم افزارهای لازم را بارگیری و نصب کنید.
گومز... سازگاری منبع خود را با دستگاه های تلفن همراه با 30 پارامتر ارزیابی می کند ، که به شما امکان می دهد کاملترین ارزیابی را انجام دهید. برای استفاده رایگان ، باید اطلاعات تماس خود را وارد کنید.
MobiReady... ابزاری عالی برای آزمایش که پاسخگویی یک طرح را اندازه می گیرد. تأیید بر اساس بهترین استانداردهای W3C (کنسرسیوم شبکه جهانی وب) است.
شبیه ساز تلفن همراه و Screenfly... سرویس های مشابهی که امکان مشاهده وضعیت یک منبع وب را روی صفحه نمایش همه ابزارها نیز فراهم می کند.
پرداخت شده
CrossBrowserTesting ... 130 مرورگر مختلف و 25 سیستم عامل را بررسی می کند ، از جمله: Blackberry ، Android ، iPad ، iPhone. برای استفاده از آن باید 29.95 دلار ماهانه بپردازید.
BrowserStack ... دسترسی سریع به یک پایگاه داده عظیم را فراهم می کند. این هزینه برای یک ماه حداکثر 19 دلار است ، اما یک نسخه رایگان نیز وجود دارد.
عکس فوری ... برای حذف از Android ، iPad ، iPhone طراحی شده است. برای پنج عکس صفحه نمایش باید 1 دلار بپردازید.
موبایل پرفکتو ... به پایگاه داده تبلت ها و تلفن های همراه دسترسی می دهد که به شما امکان می دهد میزان بهینه سازی هر نوع دستگاه را ببینید. برای استفاده از آن باید روزانه حداکثر 15 دلار پرداخت کنید.
نمایشگر چند مرورگر... یک برنامه بین مرورگر شامل شبیه سازهای موبایل و مرورگرها برای آزمایش در هر قالب. قیمت آن تا 140 دلار است و یک نسخه آزمایشی رایگان نیز وجود دارد.
دستگاه در هر کجا... ابزاری عالی که به شما امکان می دهد با تست یک منبع در زمان واقعی ، محتوای وب را بررسی کنید. هم می تواند پرداخت شود (ماهیانه 100 دلار) و هم رایگان.
همانطور که می بینید ، برنامه ها و خدمات زیادی وجود دارد ، راحت ترین گزینه را انتخاب کنید و از آن برای سلامتی خود استفاده کنید.
نسخه موبایل برای موتورهای جستجو
گاهی اوقات سایت کاملاً در تمام دستگاه های تلفن همراه نمایش داده می شود ، اما موتورهای جستجوگر google و Yandex تحرک آن را تشخیص نمی دهند. فقط اینکه Yandex و google الزامات بیشتری برای نسخه موبایل دارند.
با استفاده از سرویس Mobile Friendly می توانید سازگاری نسخه موبایل را برای Google بررسی کنید. من قبلاً آن را در لیست ابزارهای رایگان ذکر کردم.
و برای Yandex ابزاری مشابه در نسخه آزمایش شده دفتر مدیر وب (https://beta.webmaster.yandex.ru/) وجود دارد.
در اخبار وبلاگ مشترک شوید و موارد جالب و مفیدی را فرا خواهید گرفت. در ضمن من از شما خداحافظی می کنم ، در مقاله جدیدی شما را می بینیم!
ارادتمند شما! عبدولین روسلان
نسخه های سایت نه تنها یک هوی و هوس احتمالی توسعه دهندگان ، یک مورد اضافی از هزینه ها (و یا درآمد ، اگر در مورد پیمانکاران صحبت کنیم) و مظهر نگرانی برای بازدید کنندگان منبع است. طبق آخرین اظهارات نمایندگان Google Corporation ، سایتهایی که از نظر طراحی پاسخگو مطابقت ندارند در جستجوی انجام شده از دستگاههای تلفن همراه بدبین می شوند. موتور جستجوی داخلی Yandex همچنین توصیه هایی "اهمیت موبایل بودن" را صادر کرد و اطمینان داد که ، برای راحتی کاربران دستگاه های تلفن همراه ، نسخه های موبایل را در نتایج جستجو علامت گذاری می کند و صفحات سازگار را ترجیح می دهد.
بنابراین ، توسعه دهندگان لزوماً باید سایت ها را برای تلفن های هوشمند سازگار کنند و قابلیت عملکرد نمایش منابع را بررسی کنند. در غیر این صورت ، در آینده نزدیک می توانید انتظار از دست رفتن قسمت قابل توجهی از ترافیک و در نتیجه مشتریان بالقوه را داشته باشید ، زیرا الگوریتم های جدید کار از گوگل و یاندکس در حال اجرا هستند. می توانید نسخه موبایل سایت را به روش های مختلف بررسی کنید: با تغییر مرورگر هنگام تغییر حالت به برنامه نویس ، استفاده از شبیه سازهای دستگاه تلفن همراه یا سرویس های وب.
دوستی وب سایت برای دستگاه های تلفن همراه
سازگاری با دستگاه های تلفن همراه با توجه به پارامترهای مختلف ارزیابی می شود. مهم است که نسخه موبایل سایت را از نظر نمایش صحیح بررسی کنید ، لازم است عوامل دیگر را نیز در نظر بگیرید:
- عدم انیمیشن ، طراحی و تصاویر "سنگین".
- سرعت بارگذاری منابع (باید حداقل باشد) ؛
- بدون نیاز به پیمایش افقی.
- عدم وجود پلاگین های Silverlight و برنامه های جاوا.
- ناوبری ساده سایت؛
- کد حاوی برچسب متا viewport است.
در صورت تحقق شرایط بالا ، الگوریتم های متداول ترین موتورهای جستجو ، صفحه وب را برای دستگاه های تلفن همراه مناسب تشخیص می دهند و موقعیت سایت را در نتایج جستجو نسبت به منابعی که سازگار نیستند ، بالا می برند.
آزمایش واقعی بر روی دستگاه های تلفن همراه
راحت ترین راه آزمایش نسخه موبایل سایت بر روی تلفن های هوشمند واقعی است. این روش امکان آزمایش در شرایط واقعی را فراهم می کند. در حالت ایده آل ، بهتر است یک منبع وب را در چندین دستگاه بررسی کنید ، اما اگر بودجه پروژه شامل هزینه های خرید چندین تلفن هوشمند از محبوب ترین مدل ها نباشد ، یک دستگاه Android یا Apple کافی است.
تغییر اندازه پنجره مرورگر
ساده ترین ، اما از نظر اعتبار سنجی بهینه نیست ، تغییر اندازه پنجره مرورگر است. اگر صفحه با استفاده از فناوری ساخته شده است ، می توانید نسخه موبایل سایت را از این طریق بررسی کنید. اما در مواردی که طراحی جداگانه ای اعمال می شود ، این منبع نیاز به یک نشانه واضح دارد که کاربر از تلفن های هوشمند ، رایانه لوحی یا سایر دستگاه های تلفن همراه آمده است. بنابراین ، این روش به شما امکان می دهد در دسترس بودن نسخه موبایل سایت را بررسی کنید. اما صحت نمایشگر (از نظر فنی) بعید است ارزیابی شود.
تغییر حالت به حالت برنامه نویس در یک مرورگر
بهترین راه برای بررسی نسخه موبایل یک سایت (Google یا Yandex ، و همچنین سایر موتورهای جستجو ، سازگاری را در لیست مهمترین عوامل موثر در رتبه بندی برجسته می کنند) تغییر حالت به حالت توسعه دهنده در مرورگر است. این روش به طور مشابه با چندین مرورگر کار می کند:
- Mozilla: با انتخاب گزینه "Responsive Design" در منوی "Develop" می توانید به حالت توسعه دهنده بروید. با فشار دادن ترکیب Ctrl + Shift + M ؛ با کلیک بر روی دکمه "حالت طراحی پاسخگو" در نوار ابزار توسعه دهنده وب ؛
- Chrome: با فشار دادن F12 به حالت تلفن همراه بروید ، سپس نماد نسخه تلفن همراه را انتخاب کنید (تلفن هوشمند در گوشه بالا سمت چپ پنجره ظاهر شده).
در Opera می توانید با فشار دادن Ctrl + Shift + i به حالت توسعه دهنده بروید تا نسخه موبایل را بررسی کنید ، اما راه دیگری نیز وجود دارد. نسخه ویژه ای از مرورگر - Opera Mobile Classic Emulator - به شما امکان می دهد طراحی موبایل را از بسیاری جهات ارزیابی کنید. نسخه های این برنامه برای سیستم عامل های اصلی وجود دارد.
شبیه سازهای دستگاه همراه: Android Studio و Apple Xcode
می توانید نسخه موبایل سایت (Yandex و Google) را با استفاده از شبیه سازهای دستگاه همراه که به ترتیب Android Studio یا Apple Xcode برای Android و Apple است ، بررسی کنید.
این ابزارها کاملاً دقیق سایت را تولید می کنند همانطور که در دستگاه های تلفن همراه مشاهده می شود: برنامه ها با رایج ترین نسخه های مرورگرها برای دستگاه های تلفن همراه از قبل نصب می شوند. با این حال ، شبیه سازها سرعت بارگیری و برخی تفاوت های ظریف دیگر را که می توان در شرایط واقعی مشاهده کرد ، در نظر نمی گیرند.
برای بررسی آن ، فقط یکی از برنامه های فوق را بر روی رایانه خود نصب کرده و سایت را از شبیه ساز باز کنید.
خدمات وب اعتبار سنجی طراحی موبایل
همچنین روش های ساده تری برای بررسی نسخه موبایل سایت وجود دارد. به عنوان مثال ، سرویس آنلاین Responsinator به شما امکان می دهد صحت نمایش یک منبع در دستگاه های تلفن همراه و سهولت استفاده از سایت توسط کاربر را ارزیابی کنید. این منبع سایت را همانطور که در شش دستگاه مختلف Android یا Apple و در چند جهت نشان داده می شود ، نمایش می دهد.
بررسی بهینه سازی صفحات وب برای دستگاه های تلفن همراه
منابع دیگری که به شما امکان می دهد نسخه موبایل سایت را بررسی کنید ، سازگاری را نیز ارزیابی می کند و نه تنها نشان می دهد که سایت در دستگاه های مختلف چگونه است. معتبرترین خدمات Google Mobile Friendly و Yandex WebMaster (بررسی صفحات وب) هستند. جستجوگر بینگ یا به عنوان مثال Mobile Checker W3C نیز در حال ارزیابی بهینه سازی سایت برای دستگاه های تلفن همراه هستند.
در هنگام ارزیابی نسخه سایت برای دستگاههای تلفن همراه با استفاده از سرویسهای آنلاین ، تنها چیزی که از مدیر وب نیاز است این است که آدرس منبع را وارد کرده و منتظر بمانید تا تجزیه و تحلیل به پایان برسد. اکثر سرویس های فوق بهینه سازی پارامترهای دوستی موبایل ذکر شده در بالا را بررسی می کنند.
بنابراین ، شما می توانید سازگاری یک منبع وب را به چند روش ارزیابی کنید: از آزمایش بر روی تلفن های هوشمند واقعی ، رایانه لوحی یا سایر دستگاه های تلفن همراه یا تغییر اندازه پنجره مرورگر وب ، بررسی شبیه سازها یا حالت توسعه دهنده مرورگر وب و پایان استفاده از خدمات Yandex و گوگل بررسی نسخه موبایل سایت به صورت جامع بسیار آسان است و این به شما امکان می دهد ویرایش های لازم را انجام دهید و موقعیت سایت را در نتایج جستجو بهبود ببخشید.