برای دستگاه های تلفن همراه بهینه نشده است. به خاطر داشته باشید که رقبا بیدار هستند! ما قالب را برای راحتی کاربران تلفن همراه تطبیق می دهیم

عصر بخیر، خوانندگان عزیز وبلاگ! امروز در مورد مشکلاتی که بسیاری از وب مسترها با آن روبرو هستند به شما خواهم گفت. مطمئناً بسیاری از شما با این پیام مواجه شده اید Google SERP، که می گوید صفحه سایت برای آن بهینه نشده است دستگاه های تلفن همراه... با کلیک بر روی پیوند، سازگاری با دستگاه های تلفن همراهو 2 خطای نمایش دریافت می کنید: محتوا وسیع تر از صفحه است و عناصر تعاملی خیلی سریع در موقعیت قرار می گیرند. امروز به شما خواهم گفت که چگونه این مشکل را حل کنید.

صفحه بهینه نشده Google SERP

بهینه سازی یک صفحه جداگانه برای سازگاری با دستگاه های تلفن همراه

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

• من افزونه فشرده سازی تصویر و رسانه را برای دستگاه های مختلف نصب کرده ام
• یک نسخه موبایل جداگانه از سایت ایجاد کرد
• تنظیمات کش سایت را تغییر داد
• CSS سایت را فشرده کرد و تنظیمات نمایش را تغییر داد

اگر در مورد حل این مشکل در اینترنت مطالعه کنید، می توانید راه حل های زیادی پیدا کنید که نتیجه واقعی به همراه نخواهد داشت. برای حل مشکل کافی است فقط یک تناقض را حل کنید. بدون نیاز به ویرایش کد CSS و PHP تغییر می کندکد سایت روش من نه تنها برای یک سایت وردپرس، بلکه برای سایر پنل های مدیریتی که در آن تنظیم اندازه فایل رسانه باز است، مناسب است. به نظر من بیشتر خطاها به این دلیل است که گوگل مکان اشتباه عناصر تعاملی سایت را گزارش می دهد. وب مسترها دقیقاً روی حل این مشکل تمرکز می کنند، اما زمان زیادی را روی آن تلف می کنند مشکل داده شدهثانویه - دقیقاً به دلیل محتوای گسترده تر دنبال می شود.

محتوای گسترده تر از صفحه، دلیل اصلی ادعای گوگل برای صفحه ای در یک سایت است. اگر سایت برای دستگاه های تلفن همراه بهینه شده باشد، ادعاها دقیقاً به نظر می رسد صفحات خاصو نه کل منبع وب. به منظور حذف دلیل داده شده، لازم است تمام عناصر نمایش داده شده در صفحه بررسی شود. به عنوان یک قاعده، گوگل در مورد تصاویری با عرض بیشتر از 600 پیکسل شکایت دارد (متاسفانه، من پارامترهای دقیق را در دفترچه راهنمای Google پیدا نکردم). اولین کاری که باید انجام دهید این است که اندازه فایل های رسانه ای خود را به 500 پیکسل (که اندازه ای است که من برای سایت های خود استفاده می کنم) تغییر دهید.

پیام دهید که محتوای شما گسترده تر از صفحه نمایش است

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

چگونه سایت خود را برای دستگاه های تلفن همراه در گوگل بهینه کنیم

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

1. بیایید همه فایل‌های رسانه‌ای ممکن در سایت را انتخاب کنیم برچسب سرو با پاورقی تمام می شود.
2. بیایید اندازه هر فایل رسانه ای را یادداشت کنیم
3. بیایید هر فایل رسانه ای را کمتر از 600 پیکسل کنیم

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

خودتان را بررسی کنید، آیا برای رتبه های بالا در SERP موبایل همه کار را انجام می دهید؟

محتوای مقاله:
-
-
-
-
-
-
-

1. ویژگی بهینه سازی موبایل

بهینه سازی موبایل ویژگی ها و دشواری های خاص خود را دارد، به طوری که راحتی و سادگی تعامل کاربر با سایت بیشترین است. شاخص مهمکیفیت سایت موبایل علاوه بر این، نتایج جستجوی تلفن همراه بومی سازی می شوند، یعنی به موقعیت مکانی کاربر گره خورده اند، بنابراین ترافیک موبایل، اغلب، این ترافیک منطقه ای است. همچنین بهینه سازی موبایل را تا حدودی پیچیده می کند، لحظه ای که فرکانس درخواست ها وارد می شود جستجوی موبایلبا فرکانس در متفاوت است جستجوی منظمو آمار درخواست های جستجوی موبایل باید به طور جداگانه جمع آوری شود، بنابراین هسته معنایی نسخه موبایلسایت متفاوت خواهد بود به هر حال، می توانید با استفاده از Yandex.Wordstat فراوانی درخواست ها را در نتایج جستجوی تلفن همراه بررسی کنید. و می توانید لیست درخواست هایی را در نتایج جستجوی تلفن همراه که سایت شما در نتایج جستجوی تلفن همراه نشان داده شده است تجزیه و تحلیل کنید با استفاده از گوگلابزارهای وب مستر و گوگل آنالیتیکس.

چگونه تحرک سایت را بررسی کنیم؟

سایت خود را برای استفاده از سایت بررسی کنید کاربران موبایلمی توانید از ابزارهای زیر استفاده کنید:

• ابزار اصلی است بینش سرعت صفحه- نه تنها وفاداری سایت به کاربران موبایل را بررسی می کند، بلکه توصیه هایی در مورد افزایش سرعت و بهینه سازی سایت برای موبایل ارائه می دهد.
• - با این ابزار می توانید نحوه ربات موتور جستجوی موبایل را مشاهده کنید سیستم های گوگلسایت شما را می بیند
• - یک سرویس موتور جستجوی داخلی که بررسی می کند سایت شما چگونه الزامات تحرک را برآورده می کند.
• TestMySite- سرویس خارجی، موبایل را به صورت زیبا و بصری بررسی می کند، سرعت موبایلسرعت سایت و دانلود در دستگاه های دسکتاپ.
• جستجوگر موبایل W3ابزاری برای توسعه دهندگان وب است که می خواهند صفحات وب یا برنامه های وب خود را در تلفن همراه بهتر کنند. در حالی که در حال نهایی شدن است.
• تغییر اندازه - برنامه تعاملی view، که به طراحان کمک می کند محتوای سایت را برای آن تست کنند کامپیوترهای رومیزی، موبایل و تبلت
• ابزارهای عجیب و غریب- سرویسی برای مشاهده سایت در دستگاه های مختلف: موبایل، تبلت، کامپیوتر و حتی تلویزیون.
• بررسی صفحات موبایلدر Yandex.Webmaster - همچنین وفاداری سایت به کاربران تلفن همراه را بررسی می کند

3. روش های مختلف بهینه سازی موبایل چه ویژگی هایی دارند؟

• نسخه موبایل- زمانی که هم URL و هم کد تغییر می کنند. سرور نوع دستگاه را تعیین می کند و سپس به آن تغییر مسیر می دهد صفحه مورد نظر- m.site.com (برای گوشی های هوشمند)، t.site.com (برای رایانه های لوحی)، phone.site.com - برای تلفن های ساده تر. برای انواع مختلفدستگاه ها استفاده می شود انواع مختلفکد و آدرس های مختلف صفحه
طرفداران:ایجاد تغییرات در نسخه موبایل جایگزین بدون تأثیر بر سایت اصلی آسان است. سادگی و راحتی برای کاربران، بارگذاری سریع. معایب:متفاوت از URL اصلی، امکان تکرار محتوای و خطاهای 404 وجود دارد، ساده‌سازی عملکرد منجر به محدودیت می‌شود. محتوای مورد نظر.
• نمایشگر پویا (RESS - طراحی پاسخگو + سمت سرور)- یک URL، کد متفاوتبرای عوامل مختلف کاربر سرور در پاسخ به درخواست ارسال می کند آدرس اینترنتی خاص گزینه های مختلفکد HTML و CSS. اینکه کدام کد ارسال شود با اسکن مشخص می شود ربات جستجوگر، هدر Vary HTTP میزبانی شده، که به انتخاب محتوای سایت که برای موبایل بهینه شده است کمک می کند.
طرفداران:جاوا اسکریپت غیر ضروری را می توان از HTML حذف کرد. می توانید طرح و برنامه های خود را برای هر دستگاه سفارشی کنید. معایب:توسعه آن دشوار است و به طور کامل تعریف انواع دستگاه های تلفن همراه مشخص نشده است.
• طراحی تطبیقی- زمانی که URL و کد تغییر نمی کنند. سرور برای همه دستگاه‌ها، اعم از موبایل و دسکتاپ، کد HTML یکسانی را ارسال می‌کند که بسته به اندازه صفحه نمایش از آن سازگار می‌شود با استفاده از CSS... در این مورد، باید مطمئن شوید که لازم است فایل های CSS، جاوا اسکریپت و تصاویر.
طرفداران:توسعه نسبتا آسان است و URL تغییر نمی کند. معایب: سرعت کمدانلود و بدون جایگزین

4. موتورهای جستجو در مورد روش های بهینه سازی سایت موبایلی چه می گویند؟

GOOGLE:دستورالعمل ها می گویند که این سیستم به هیچ نوع سازگاری ترجیح نمی دهد، اما همچنان طراحی تطبیقی ​​را همانطور که توصیه می شود برجسته می کند، اگرچه در نگاه اول در گروه TOP5 قرار دارد. نتایج 3 از 5 - سایت های دارای نسخه موبایل، با این حال، این یک مشاهده است که فقط انجام می شود و ادعا نمی کند.

V YANDEXالگوریتم رتبه بندی جستجوی تلفن همراه ولادی وستوک همه انواع بهینه سازی را تعیین می کند - طراحی تطبیقی، نسخه موبایل و RESS. مانند گوگل، Yandex نیز انتخاب را به مدیران وب‌سایت واگذار می‌کند که خودشان باید روش بهینه‌سازی را انتخاب کنند. اما در عین حال او گزارش می دهد که تمایل دائمی به کاهش تعداد نسخه های موبایل و افزایش تعداد سایت های با طراحی ریسپانسیو و RESS در Runet وجود دارد. بنابراین، برای انتخاب یک روش بهینه سازی مناسب برای خود، توصیه می شود دقیقاً مشخص کنید که کاربر باید با استفاده از دستگاه تلفن همراه خود در وب سایت شما چه وظایفی را انجام دهد. بازتاب همراه با Google و بحث در کلوب در مورد جستجوی Yandex به مقایسه جزئیات همه جوانب مثبت و منفی کمک می کند. روش های مختلفاجرای نسخه های موبایلی سایت ها و انتخاب مناسب ترین نسخه برای سایت و کسب و کار شما.

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

<1> سرعت بارگذاری صفحه برای کاربران موبایل مهمتر از کاربران دسکتاپ است. نباید بیش از 3 ثانیه باشد، با این حال، صفحات نتایج جستجوی تلفن همراه در دستگاه کاربر به طور متوسط ​​تا 22 ثانیه بارگذاری می شوند. برای درک اینکه چگونه می توانید سایت خود را سبک و فشرده کنید، از این سرویس استفاده کنید بینش سرعت صفحه- در آن خواهید یافت توصیه های دقیقبرای افزایش سرعت سایت برای موبایل یعنی فشرده سازی یا حذف به یک جداگانه فایل جاوا اسکریپتو CSS، تجزیه کننده لیست مفصلی از آنها را ارائه می دهد. فراموش نکنید که می توانید از بارگذاری اسکریپت ناهمزمان استفاده کنید تا کاربران وقت خود را هدر ندهند یا سایت شما را در حالی که اسکریپت ها در پس زمینه بارگذاری می شوند ترک نکنند.

<2> جاوا اسکریپت، CSS و تصاویر را نمی توان مسدود کرد. قفل را چک کنید، می توانید جستجوی گوگلکنسول زیر فهرست گوگل>> منابع مسدود شده مسدود کردن جاوا اسکریپت، CSS و تصاویر می توانند به رتبه های پایین در نتایج جستجوی موبایل منجر شوند.

<3> در صفحاتی که به وب‌گردهای تلفن همراه نشان داده می‌شوند، نباید "خطای 404" وجود داشته باشد. این اتفاق می افتد که یک صفحه را می توان به طور معمول در رایانه های رومیزی نمایش داد، اما برای مثال در تلفن های هوشمند یا تبلت ها "خطای 404" را می دهد. می توانید خطاها را با Xenu، ScreamingFrog یا کنسول جستجوی گوگلبرای اطلاعات بیشتر به اسکن >> خطاهای اسکن مراجعه کنید.

<4> اگر نسخه موبایل دارید، برای اینکه محتوای نسخه اصلی و موبایل تکراری نشود، باید نمایه سازی آنها را به درستی پیکربندی کنید. اگر نسخه موبایل در یک زیر دامنه وارد نتایج معمولی موتور جستجو شود، نیازی به ایجاد robots.txt جداگانه نیست و نشان می دهد: User-agent: * Disallow: / بهتر است کد زیر را در صفحات m ثبت کنید. .site.com/page-1 - و در صفحات سایت اصلی و موتور جستجو متوجه خواهد شد که کدام URL اصلی است.

<5> برای نسخه های موبایلی صفحات سایت، باید به درستی یک تغییر مسیر را برای هر یک از آنها پیکربندی کنید، زیرا هدایت، به عنوان مثال، به صفحه اصلی توسط موتورهای جستجو به عنوان یک خطا در نظر گرفته می شود. با این حال، در صفحات موبایلآه، نباید بیش از 5 تغییر مسیر وجود داشته باشد، زیرا اعتقاد بر این است که پس از تغییر مسیر پنجم، موتورهای جستجو آنها را ایندکس نمی کنند.

<6> اگر نسخه موبایل سایت دارای انیمیشن با فرمت فلش یا ویدیو با پخش کننده اختصاصی است، باید آنها را با برچسب های HTML5 جایگزین کنید، زیرا این روش توسط همه مرورگرها پشتیبانی می شود. به عنوان مثال، شما می توانید یک انیمیشن مانند این ایجاد کنید طراح وب گوگل.

به جای نتیجه گیری

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

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

منتظر نظرات شما هستیم که کدام گزینه بهینه سازی موبایل را برای خود انتخاب کرده اید. زیرا اگر تجربه را به اشتراک بگذارید، چند برابر می شود!

به روز رسانی در آوریل 2015 منتشر شد الگوریتم جستجوگوگل با نام غیر رسمی "Mobilegeddon" و در فوریه 2016 Yandex کار الگوریتم مشابهی به نام "Vladivostok" را اعلام کرد. ماهیت آنها مشابه است - در جستجوی تلفن همراه، اولویت به سایت هایی داده می شود که برای مشاهده در دستگاه های تلفن همراه سازگار شده اند. این بدان معنی است که دیگر نمی توان سازگاری تلفن همراه را نادیده گرفت.

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

1. مخاطبان هدف خود را تجزیه و تحلیل کنید

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

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

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

2. الگو را برای مشاهده در دستگاه های تلفن همراه تطبیق دهید

در اصل 3 مورد وجود دارد رویکردهای مختلفبه سازگاری موبایل- همه آنها در اسناد توسعه دهنده Google توضیح داده شده اند. هر کدام از آنها مزایا و معایب خاص خود را دارند.

نسخه موبایل

در این مورد، 2 سایت وجود خواهد داشت: دسکتاپ و موبایل. نسخه تلفن همراه در یک دامنه جدید (مانند m.site.ru) میزبانی می شود.

مزایای:

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

ایرادات:

• نیاز به مدیریت کامل سایت جدید؛
• به دلیل سرویس جداگانه، هزینه های ایجاد تغییرات افزایش می یابد.

فروشگاه trial-sport.ru یک نسخه تلفن همراه در یک دامنه جداگانه دارد

نمایشگر پویا

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

مزایای:

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

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

وب سایت decathlon.ru از یک URL با مجموعه ای متفاوت از کدهای HTML استفاده می کند

طراحی تطبیقی

در این حالت، طرح سایت دقیقاً با هر اندازه نمایشی تنظیم می شود.

مزایای:

• نمایش صحیح در همه دستگاه ها؛
• نیازی به ایجاد تغییرات جداگانه در نسخه موبایل نیست.

ایرادات:

• پیچیدگی توسعه، به ویژه برای پروژه های موجود؛
• ممکن است مشکلاتی در انطباق بلوک ها در سایت هایی با طراحی پیچیده وجود داشته باشد.

سایت شرکت Vostok-Service از طراحی تطبیقی ​​استفاده می کند که با هر صفحه نمایش دستگاه سازگار است

علاوه بر این روش‌های تطبیق، می‌توانید از افزونه‌ها برای CMS محبوب استفاده کنید. به عنوان مثال، وردپرس دارای WPtouch و WP Mobile Edition است. این یک راه حل ارزان است، اما صحت سایت ها ضعیف است. و اگر برای وبلاگ ها این راه خروج است، پس برای پروژه های پیچیدهچنین راه حلی غیرقابل قبول است.

3. طراحی خود را ساده کنید

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

نمونه ای از مینیمالیسم در طراحی

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

4. روی بهبود قابلیت استفاده کار کنید

هنگام طراحی ناوبری، اول از همه به کاربر و راحتی آنها فکر کنید. هر صفحه ای باید در چند مرحله قابل دسترسی باشد - بدون فیلترها و لیست های پیچیده. برای برقراری تماس با یک کلیک فرمت شماره را با کد کشور و شهر +7 495 به درستی بنویسید. مجوز یک کلیک را از طریق شبکه های اجتماعی فراهم کنید. در یک کلام - سعی کنید هرگونه اقدام بازدیدکنندگان را به هدف به حداقل برسانید.

گوشی هوشمند به جای نشانگر ماوس از انگشت استفاده می کند، بنابراین همه عناصر باید اندازه کافی داشته باشند. برای کلیک کردن بر روی هر عنصری نیازی به بزرگنمایی تصویر نیست. از فونت هایی با خط سرف، فر، مورب استفاده نکنید. اندازه بهینهفونت - 16 پیکسل، ارتفاع خط - 1.2 em.

5. افزایش سرعت بارگذاری صفحه

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

• HTML و اسکریپت ها (کمپرسور HTML یا Gzip)؛
• کد CSS (مینی‌فایر CSS یا کمپرسور CSS)؛
• کد JS (کمپرسور جاوا اسکریپت، jscompress و غیره)؛
• تصاویر (Optimizilla، Resizepiconline، EWWW Image Optimizer و غیره)؛
• از کش مرورگر استفاده کنید

سرعت بارگذاری صفحه را بررسی کنید و ببینید مشکلات احتمالیمی توانید از سرویس PageSpeed ​​Insights در این لینک استفاده کنید.

6. از دکمه های اجتماعی استفاده کنید

کاربران موبایل به طور فعال محتوا را بازنشر می کنند. این فرصت را از آنها دریغ نکنید. بنابراین شما خود را تضمین خواهید کرد ترافیک اضافیو نشانه های اجتماعی را بهبود بخشد. دکمه-پیوندها را به محبوب ترین شبکه های اجتماعی اضافه کنید، اما در قسمت قابل مشاهده صفحه، بیش از 4-5 عدد نباشد، در غیر این صورت دکمه ها یا خیلی کوچک خواهند بود یا فضای زیادی را اشغال می کنند.

7. محتوای خود را بهینه کنید

محتوا باید نه تنها با در نظر گرفتن راحتی مشاهده آن ایجاد شود صفحه نمایش های کوچکبلکه رفتار کاربران موبایل.

این قوانین را دنبال کنید:

• خطی بودن محتوا (مهمترین چیز در صفحه اول و سپس به ترتیب نزولی است).
• از عناوین کوتاه استفاده کنید (آنها را می توان به سرعت خواند).
• متن را به پاراگراف های کوتاه اما معنی دار تقسیم کنید (مساحت صفحه نمایش تلفن همراه بسیار کوچکتر از رایانه شخصی است و اگر کاربر از خطوط اول دور نشود، به سرعت علاقه خود را از دست می دهد؛ از آب در متن خودداری کنید و استدلال خالی)؛
• عناصر ناوبری را برای مقاله اضافه کنید (محتوا و لنگرها، دکمه های "بالا"، "پایین"، "خواندن")؛
• فرصتی برای ارسال مقاله از طریق پست فراهم کنید (همه وقت ندارند تا آخر بخوانند - چنین است عملکرد مفیداین فرصت را می دهد تا بعداً مطالب مورد علاقه را بخوانید).
• جداول را برای مشاهده موبایل تطبیق دهید (از پلاگین ها، اسکریپت ها یا عناصر خاص استفاده کنید پیمایش افقیفقط جدول).

8. دسترسی به محتوا را محدود نکنید

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

9. در روند بمانید

روندهای فعلی در زمینه طراحی و قابلیت استفاده را دنبال کنید و تغییرات سریع ایجاد کنید تا از لوکوموتیو عقب نمانید. به عنوان مثال، روندهای زیر امروزه مرتبط هستند:

• طراحی مدولار (محتوا به بلوک هایی که بسته به اندازه صفحه نمایش در یک نوار یا چند نوار قرار می گیرند گروه بندی می شود).
• طراحی مسطح (سایه ها، نیم سایه، حجم - این همه در گذشته است)؛
• رویکرد اول موبایل (قبل از این، سایت‌ها برای رایانه‌های شخصی ساخته می‌شدند، و پس از آن، بنا به ضرورت، برای تلفن‌های همراه سازگار شدند - امروز برعکس است).

10. تجزیه و تحلیل سایت برای تحرک را فراموش نکنید.

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

برای بررسی تحرک در Yandex، سایت را به Yandex.Webmaster اضافه کنید و سپس به بخش "ابزار" / "بررسی صفحات موبایل" بروید و آدرس سایت را وارد کنید. در صورت وجود خطا، ما نیز آنها را اصلاح می کنیم.

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

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

از طريق رفع سریعشما می توانید سایت خود را از Mobilegeddon ذخیره کنید و مطمئن شوید که تست سازگاری گوگل را پشت سر گذاشته است.

معرفی

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

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

اما در آینده، وضعیت ممکن است به طرز چشمگیری تغییر کند. بنابراین، بررسی سایت خود برای سازگاری با ابزارهای تلفن همراه اضافی نخواهد بود.

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

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

گوگل این آزمون را به پنج بخش تقسیم می‌کند که برای هر قبولی می‌توانید امتیاز کسب کنید:

1. مشاهده پیکربندی پنجره

تنظیم نمای در داخل صفحه به مرورگر اجازه می دهد تا عرض و مقیاس صفحه را برای دستگاه های مختلف کنترل کند.

2. وضوح فونت

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

3. از استفاده از افزونه ها خودداری کنید

فلش، جاوا و سیلورلایت ناراحتی های زیادی را برای کاربران موبایل ایجاد می کنند. فناوری های وب بومی (مانند HTML5) را انتخاب کنید.

4. اندازه محتوا

مطمئن شوید که محتوا در محدوده‌های افقی دستگاه قرار می‌گیرد و کاربران مجبور نیستند برای مشاهده محتوا به صورت عمودی و افقی حرکت کنند.

5. اندازه دکمه ها و لینک ها

شما نه تنها باید سایت خود را برای خود در دستگاه های تلفن همراه آزمایش کنید، بلکه باید از PageSpeed ​​Insights Google نیز برای بهینه سازی زمان بارگذاری و بهبود تجربه کاربر استفاده کنید.

برخی اطلاعات پس زمینه

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

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

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

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

خوب، بیایید سعی کنیم این کار را انجام دهیم.

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

هر تصمیمی که می گیرید باید نیازهای کسب و کار و بازدیدکنندگان سایت شما را در نظر بگیرد. هر یک از این تغییرات می تواند بر جنبه های دیگر استراتژی سئو شما نیز تاثیر بگذارد.

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

بنابراین،

* شما یک سایت موجود دارید.

* می خواهید حداقل تغییرات را در HTML و CSS وب سایت ایجاد کنید.

در این مورد، شما چندین گزینه دارید:

قالب وب سایت خود را تغییر دهید

بسیاری از CMS های امروزی به شما این امکان را می دهند که تم یا قالب را تغییر دهید. و بسیاری از قالب ها واکنش گرا هستند، یعنی با عرض صفحه نمایش مورد نظر سازگار می شوند.

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

بسته به نحوه طراحی سایت موجود، ممکن است متوجه شوید که برخی از محتواها به طور خودکار در آن ظاهر نمی شوند موضوع جدید... بنابراین ممکن است مجبور شوید کارهای دستی انجام دهید.

طرفداران

امکان تغییر فوری طرح ها.

چندین هزار تم موجود است (برخی رایگان هستند).

موارد منفی

ممکن است تمام محتوای قبلی بدون کار اضافی در قالب جدید قابل مشاهده نباشد.

یک طرح جدید ممکن است همیشه با برند شما مطابقت نداشته باشد.

یک سایت جداگانه برای دستگاه های تلفن همراه ایجاد کنید

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