بررسی بهینه سازی برای دستگاه های تلفن همراه. بررسی کننده بهینه سازی موبایل

دوستان، عصر بخیر. امروز کمی از ابزارهای تبلیغاتی کنار می‌روم و یک ستون وبلاگ جدید راه‌اندازی می‌کنم. نام آن "وب مستر" است و شامل مطالب مفیدی در مورد بهبود عملکرد و کیفیت سایت، صفحات فرود خواهد بود. من با مروری بر یک ابزار جالب برای بررسی یک وب سایت برای تحرک شروع خواهم کرد.

بررسی سرعت سایت با گوگل

گوگل 2 ابزار برای این کار ارائه می دهد.

# 1 صفحه سرعت بینش

فکر کنم خوب میشناسیش یک لینک به سایت خود وارد کنید، دکمه "Analyze" را فشار دهید و نتیجه را در قالب دو تب دریافت کنید.

برگه "برای موبایل" شامل گزارشی از سرعت بارگذاری یک سایت برای دستگاه های تلفن همراه و - مهم است! - رتبه راحتیسایت برای گوشی های هوشمند تب "برای کامپیوترها"، به ترتیب، همان تجزیه و تحلیل برای دسکتاپ است.

بهترین بخش این است که این سرویس به شما امکان دانلود را می دهد بهینه شدهتصاویر، css و اسکریپت ها برای استفاده در سایت خود. در اینجا یک کمک رایگان از طرف Google آمده است.

همانطور که از اسکرین شات می بینید، من با نسخه موبایل مشکل جدی دارم. حال شما چطور است؟

# 2 Testmysite.Withgoogle

در واقع، این همان ابزار است، فقط یک لفاف زیبا دارد. من این سرویس را روز گذشته کشف کردم و توسط فرم گزارش رشوه دریافت کردم.

هنگامی که پیوندی را به سایت وارد می‌کنید و روی «بررسی» کلیک می‌کنید، این سرویس نتیجه را در قالب یک صفحه فرود پویا کامل ارائه می‌کند که در آن به طور خلاصه و قانع‌کننده به شما می‌گوید که وضعیت سایت چگونه است و به شما پیشنهاد می‌کند. دانلود گزارش کامل

البته من گزارش کامل را خواستم و در عرض چند دقیقه از طریق پست دریافت کردم. معقول به نظر می رسد، چندین صفحه دستورالعمل مفید با پیوندهایی به مواد خاص:

قابل توجه است که اگر همان سایت را تجزیه و تحلیل کنید، ارقام این ابزارها کمی متفاوت خواهد بود. با این حال، آنها بر روی همان فناوری کار می کنند.

اینگونه است که در عرض چند ثانیه نه تنها می توانید سایت را از نظر تحرک بررسی کنید و سرعت بارگذاری را بررسی کنید - بلکه یک گزارش کامل با محتوای بهینه شده را نیز دانلود کنید. رایگان است. از گوگل

خوب، وضعیت شما با تحرک چگونه است؟

اوه، باز هم گوگل با قوانین و الگوریتم‌هایش ما را خشنود می‌کند و «میگرن» جدیدی برای مدیران وب‌سایت ارائه می‌کند. این بار به ما پیشنهاد شده است که یک الگوریتم جدید سازگار با موبایل را امتحان کنیم، که سایت‌های سازگار را در جستجوی تلفن همراه نشان می‌دهد و منابع «غیر همراه» را کاهش می‌دهد.

همه اینها چگونه کار خواهند کرد؟

بسیار ساده است: تمام سایت هایی که برای دستگاه های تلفن همراه سازگار نیستند (به گفته گوگل) به سادگی توسط موتور جستجو نادیده گرفته می شوند و در آخرین مکان های جستجوی موبایل ظاهر می شوند و منابع تلفن همراه بالاتر می روند. به عنوان مثال، اگر چندین سایت با موضوع مشابه وجود داشته باشد، کاربر در رایانه لوحی مواردی را پیدا می کند که دارای طراحی مناسب برای مشاهده در دستگاه های تلفن همراه هستند.

برداشت من از این نوآوری دوگانه است: از یک طرف، همه چیز درست است، اگر از جستجو در تبلت یا گوشی هوشمند استفاده کنم، می خواهم در SERP سایت هایی را ببینم که به درستی روی صفحه نمایش رفتار می کنند. از سوی دیگر، الگوریتم تعیین «تحرک» به قدری عجیب است که انسان را در مورد مطلوب بودن چنین «دانش فنی» به فکر وا می دارد. البته، من سایت‌هایم را برای توصیه‌ها بررسی کردم و حداقل به رفتار گوگل در مورد تجزیه منابع پی بردم.

شایان ذکر است که هنگام ایجاد وب سایت ها، من همیشه ظاهر دستگاه های مختلف را به صورت دستی و از طریق سرویس ها بررسی می کردم، بنابراین در مورد "تحرک" آرام بودم، اما معلوم شد که آنقدرها هم ساده نیست. بنابراین، گوگل توصیه می کند منابع خود را از طریق یک تست سازگار با موبایل آزمایش کنید:

فقط آدرس سایت یا صفحه را وارد کرده و روی "Analyze" کلیک کنید. هنگام بررسی صفحه اصلی سایت دوست کریمه من krimeo.ru از طریق تست، دیدم که صفحه برای دستگاه های تلفن همراه بهینه شده است.

جای تعجب نیست که قالب آن واکنش گرا است و سایت در دستگاه های مختلف عالی به نظر می رسد. سپس تصمیم گرفتم سایت خود را بررسی کنم و اینکه وقتی این منبع تست را قبول نکرد چه تعجبی داشتم.

جالبه ... قالب این وبلاگ هم ریسپانسیو هست ، من چندین بار هم از تبلت و هم از گوشی هوشمند دسترسی پیدا کردم ... پس چرا گوگل از آن خوشش نیامد؟

من شروع به تجزیه و تحلیل کردم که دقیقاً چه چیزی در سایت می تواند چنین نتیجه ای را تحریک کند. راه حل در جایی پیدا شد که کمتر انتظار این را داشتم: در سایت من، تصاویر کوچک مقالات در یک مستطیل 720x350 پیکسل نمایش داده می شد و این (طبق گفته گوگل) باعث نمی شود که سایت موبایل در نظر گرفته شود. با کمال تعجب، هرچه تصویر (دکمه ها) بزرگتر باشد، ضربه زدن با انگشت برای کاربران دستگاه های تلفن همراه آسان تر است... اما گوگل متفاوت فکر می کند.

همچنین تعجب آور است که هنگام مرور سایت در تلفن هوشمند، تمام تصاویر کاملاً با اندازه صفحه نمایش تطبیق داده می شوند و هیچ "پارگی" مشاهده نمی شود. خوب، من تصمیم گرفتم آزمایشی انجام دهم و اندازه تصاویر را تطبیقی ​​کردم، یعنی. هرچه اندازه صفحه نمایش دستگاه کوچکتر باشد، تصویر در سایت کوچکتر می شود. سعی کنید گوشه مرورگر را با ماوس بگیرید و آن را کوچکتر کنید.
اکنون، برخی از مدیران وب ممکن است مشکل متفاوتی داشته باشند: اگر گوگل با ریز عکس‌های بزرگ به این شکل رفتار می‌کند، در این صورت وضعیت تصاویر برای مقالات یکسان خواهد بود و این بسیار مهم‌تر از صفحه اصلی است. برای انجام این کار، باید با استفاده از ابزار راه اندازی js-script، تصاویر را برای کل سایت تطبیق دهید، اما این تمام نیست، پوشه کش و قانون ذخیره تصاویر باید در htaccess. کپی شوند.

در واقع، مقالاتی که حاوی تصاویر با اندازه بزرگ هستند، آزمون گوگل را قبول نمی‌کنند و آن‌هایی که تصاویر کوچک‌تری دارند، کاملاً برای موبایل بهینه‌سازی شده‌اند. من اسکرین شات نمی دهم - فقط URL یک نشریه جداگانه را بگیرید و آن را برای "تحرک" بررسی کنید.

چرا Googlebot می‌بیند که وبلاگ برای موبایل بهینه‌سازی نشده است

زیرا محدودیت های غیر ضروری زیادی در robots.txt وجود دارد.

تنها یک محدودیت در فایل robots.txt مجازی وردپرس ایجاد شده به صورت خودکار وجود دارد:

غیر مجاز: / wp-admin

و در اینجا چیزی است که گوگل در مورد اینکه چرا سازندگان وردپرس robots.txt را به طور پیش فرض اینگونه ساخته اند، می نویسد:

برای اطمینان از ایندکس شدن و نمایش صحیح صفحات، باید به Googlebot به جاوا اسکریپت، CSS و گرافیک های سایت خود دسترسی داشته باشید. Googlebot باید سایت شما را به عنوان یک کاربر معمولی ببیند. اگر فایل robots.txt اجازه دسترسی به این منابع را ندهد، گوگل نمی تواند محتوا را به درستی تجزیه و تحلیل و فهرست بندی کند. این می تواند رتبه بندی جستجوی سایت شما را کاهش دهد.

User-agent: * Disallow: / wp-admin Disallow: / wp-includes Disallow: / wp-content / plugins میزبان: Your_site Sitemap: http: // Your_site / sitemap_index.xml (نقشه سایت توسط SEO وردپرس توسط Yoast) User -agent : Googlebot-Image Allow: / wp-content / uploads / User-agent: YandexImages Allow: / wp-content / uploads /

من امیدوارم که گوگل الگوریتم تأیید خود را بهبود بخشد و نتایج واقعی ارائه دهد، زیرا در زندگی واقعی در تبلت ها و تلفن های هوشمند، بسیاری از سایت ها عالی به نظر می رسند.

ما از 21 آوریل 2015 شاهد چنین شگفتی در قالب یک الگوریتم سازگار با موبایل بوده ایم. گوگل ما را خراب می کند)). آیا در آرامش زندگی می کنید؟ در اینجا یک پاندا برای شماست! تعداد کمی؟ اینجا هم یک پنگوئن! راندن؟ سازگار با موبایل باشید!

نتیجه

این شما هستید که تصمیم می گیرید با این اطلاعات چه کاری انجام دهید، اینکه آیا به طرح های واکنش گرا تغییر دهید یا نه یک موضوع شخصی برای هر وب مستر است، اما این قوانین جدید قبلاً اعمال شده اند.

به هر حال، "بهینه شده برای دستگاه های تلفن همراه" نه تنها یک طراحی سایت واکنش گرا است، یک نسخه موبایل جداگانه و یک افزونه برای وردپرس نیز در اینجا مناسب است، نکته اصلی این است که سایت در هر دستگاهی درست به نظر می رسد. این را در نظر بگیر.

با سلام خدمت دوستان عزیز!

گجت های موبایلی دنیا را گرفته اند. امروز حتی بدون تلفن هم سراغ نان نمی روند.

امروزه اینترنت به سرعت در حال توسعه است. رشد سریع بازار اینترنت موبایل، سازندگان منابع وب را مجبور می کند تا سایت های خود را برای این نوع دستگاه ها تطبیق دهند.

منظور من این است که اگر می خواهید سایت شما موفق و محبوب باشد، باید به این فکر کنید که چگونه می توانید آن را در انواع ابزارها آسان کنید.

در این مقاله، به شما خواهم گفت که چگونه با استفاده از خدمات ویژه، سایت را در دستگاه های تلفن همراه بررسی کنید. من تقریباً آنها را به دو گروه تقسیم کردم: رایگان و پولی.

همه آنها تقریباً بر اساس یک اصل کار می کنند:

1. به وب سایت توسعه دهنده این یا آن سرویس بروید
2. نرم افزار مورد نیاز خود را دانلود کنید
3. برنامه را اجرا کنید
4. و بعد از مدتی نسخه موبایلی وب سایت شما پیش روی شماست!

سرویس هایی وجود دارند که می توانند سایت شما را به صورت آنلاین آزمایش کنند.

انتخاب مثل همیشه با شماست!

مجانی

سازگار با موبایل... این برنامه توسط گوگل به طور خاص برای بررسی اینکه آیا یک منبع وب برای گوشی های هوشمند و سایر ابزارها بهینه شده است ایجاد شده است.

پاسخگو... با تشکر از این برنامه، شما به راحتی می توانید ببینید که سایت در کیندل، آی پد، اندروید، آیفون چگونه است.

آی پد پیک... یکی از محبوب ترین ابزارهای تست رایگان که با آن می توانید نمایش وب سایت خود را در آیفون و آیپد مشاهده کنید.

شبیه ساز اپرا مینی... شبیه ساز Opera شامل یک پایگاه داده بسیار بزرگ از ابزارهای موبایل است. تنها عیب آن را می توان نداشتن حالت آنلاین دانست، یعنی برای تست منبع خود باید نرم افزار لازم را دانلود و نصب کنید.

گومز... سازگاری منبع شما با دستگاه های تلفن همراه را با 30 پارامتر ارزیابی می کند که به شما امکان می دهد کامل ترین ارزیابی را دریافت کنید. برای استفاده رایگان باید اطلاعات تماس خود را وارد کنید.

MobiReady... یک ابزار تست عالی که پاسخگویی یک طرح را اندازه گیری می کند. تأیید بر اساس بهترین استانداردهای W3C (کنسرسیوم وب جهانی) است.

شبیه ساز تلفن همراه و Screenfly... خدمات مشابهی که امکان مشاهده وضعیت یک منبع وب را در صفحه نمایش هر ابزاری نیز فراهم می کند.

پرداخت شده

CrossBrowserTesting... 130 مرورگر مختلف و 25 سیستم عامل از جمله: Blackberry، Android، iPad، iPhone را بررسی می کند. برای استفاده از آن باید ماهیانه 29.95 دلار بپردازید.

BrowserStack... دسترسی سریع به یک پایگاه داده عظیم را فراهم می کند. هزینه آن تا 19 دلار برای یک ماه است، اما یک نسخه رایگان نیز وجود دارد.

عکس مرورگر... طراحی شده برای حذف از Android، iPad، iPhone. برای 5 اسکرین شات باید 1 دلار بپردازید.

موبایل پرفکتو... امکان دسترسی به پایگاه داده تبلت ها و تلفن های همراه را فراهم می کند، که به شما امکان می دهد ببینید بهینه سازی در هر نوع دستگاه چقدر با کیفیت است. برای استفاده از آن باید تا 15 دلار در روز بپردازید.

نمایشگر چند مرورگر... یک برنامه مرورگر متقابل حاوی شبیه سازهای موبایل و مرورگرها برای آزمایش در هر قالب. قیمت آن تا 140 دلار است و یک نسخه آزمایشی رایگان نیز وجود دارد.

DeviceAnywhere... ابزاری عالی که بررسی نقطه ای محتوای وب را با آزمایش یک منبع در زمان واقعی امکان پذیر می کند. می توان آن را پرداخت کرد (100 دلار در ماه) یا رایگان.

همانطور که می بینید، برنامه ها و خدمات زیادی وجود دارد، راحت ترین گزینه را انتخاب کنید و از آن برای سلامتی خود استفاده کنید.

نسخه موبایل برای موتورهای جستجو

گاهی اوقات سایت به طور کامل در همه دستگاه های تلفن همراه نمایش داده می شود، اما موتورهای جستجوی google و yandex تحرک آن را تشخیص نمی دهند. فقط Yandex و google برای نسخه موبایل الزامات اضافی دارند.

می توانید با استفاده از سرویس Mobile Friendly سازگاری نسخه تلفن همراه برای Google را بررسی کنید. قبلاً در لیست ابزارهای رایگان به آن اشاره کردم.

و برای Yandex یک ابزار مشابه در نسخه آزمایش شده فعلی دفتر مدیر وب سایت (https://beta.webmaster.yandex.ru/) وجود دارد.

در اخبار وبلاگ مشترک شوید و چیزهای جالب و مفید زیادی یاد خواهید گرفت. در ضمن من از شما خداحافظی می کنم، شما را در یک مقاله جدید می بینم!

خالصانه! عبداللین روسلان

چنین چیزی وجود دارد، گوگل به زودی (طبق شایعات - از 21 آوریل 2015) شروع به رتبه بندی سایت های بسیار ضعیفی می کند که برای سهولت مشاهده در دستگاه های تلفن همراه از بررسی در وب مسترهای گوگل عبور نکرده اند.

دقیقا مشخص نیست سایت فقط در صورت نمایش دادن به کاربران موبایل یا حتی کسانی که از پی سی وارد شده اند مشکل دارد، یعنی مشکل جدا پیش خواهد آمد؟

در اصل، این تقریباً برای سایت هایی که نیمی یا بخش قابل توجهی از ترافیک تلفن همراه دارند، تغییر نمی کند. بنابراین، بهتر است هر چه سریعتر در آزمون موفق شوید.

من به شما می گویم که چگونه این کار را انجام دهید:

قبل از	بعد از

• قطعه اول، که به حل مشکل بدون حرکات اضافی کمک کرد.

در robots.txt خط را اضافه کنید:
مجاز: /wp-content/themes/ Template_Name/style.css

(اگر فایل دارای استایل در آدرس دیگری قرار دارد، آن را ثبت می کنیم. اگر چندین فایل با سبک وجود دارد، خطوط هر فایل را درج می کنیم.)

• لحظه دوماگر پیغام "عناصر تعاملی بسیار نزدیک به یکدیگر هستند" را مشاهده کنیم. در google.com/webmasters/tools/mobile-friendly نشان داده شده است.
  فقط در استایل ها کلاس مورد نیاز تورفتگی های بیشتری را برای لینک ها و دکمه ها تجویز می کند. حاشیه یا بالشتک 5 پیکسل یا بیشتر را می گیرد.

  گاهی اوقات بلوک Adsense می تواند چنین مشکلی را ایجاد کند. شاید لازم باشد یک بلوک بزرگتر یا با یک فونت بزرگتر وارد کنید.

P.S. در ابتدا، من انتظار دارم که مقدماتی توسط شما انجام شود.

در مقاله حاضر در مورد نحوه بررسی نسخه موبایل سایت، راحتی، خوانایی و نمایش صحیح آن صحبت خواهیم کرد.

می‌توانید با استفاده از سرویس‌های وب مختلف، وب‌سایت خود را از نظر قابلیت استفاده از تلفن همراه بررسی کنید. به خصوص، این سرویساز Google به شما این امکان را می دهد که سواد طرح بندی موبایل خود را به اندازه کافی ارزیابی کنید.

گوگل اخیرا اعلام کرده است که سایت هایی که الزامات چیدمان موبایل را برآورده نمی کنند، جستجوهای موبایل را بدبین می کنند. این الگوریتم در حال حاضر کار می‌کند و برخی از سایت‌هایی که زحمت نمایش در پلتفرم‌های تلفن همراه را نداشتند، در حقیقت در SERP برای دستگاه‌های تلفن همراه حذف شدند.

اگر سایت شما سه برابر برای پلتفرم های دسکتاپ مناسب است، باید کیفیت طرح بندی موبایل را بررسی کنید، در غیر این صورت بخش قابل توجهی از ترافیک خود را از دست خواهید داد (سهم پلتفرم های تلفن همراه در جستجو هر سال به سرعت در حال افزایش است)، به این معنی که شما مشتریان خود را از دست خواهد داد بنابراین، باید سایت های خود را برای دستگاه های تلفن همراه تطبیق دهید و صحت نمایش سایت ها را در مرورگرهای موبایل بررسی کنید.

بررسی کیفیت طرح‌بندی تلفن همراه با استفاده از 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 و غیره).