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

برای تعیین اینکه چه چیزی بهتر است - طراحی تطبیقی ​​یا نسخه موبایلی سایت، ابتدا باید بدانید که چرا همه اینها ضروری است.

با توجه به comscore.com، درصد کاربرانی که وب‌سایت‌ها را در دستگاه‌های تلفن همراه مرور می‌کنند، هر سال در حال افزایش است:

پایگاه مشترک داده تلفن همراه فعال، جهان، میلیون نفر، 2007-2015

در این راستا، الگوریتم‌های جدیدی برای موتورهای جستجو توسعه داده شد و فاکتورهای رتبه‌بندی اضافی معرفی شدند: اکنون نتایج جستجو به میزان سازگاری سایت با موبایل (مناسب برای مشاهده در دستگاه‌های تلفن همراه) را در نظر می‌گیرد. در Google، الگوریتم سازگار با موبایل در 21 آوریل 2015، در Yandex - "Vladivostok" در 2 فوریه 2016 راه اندازی شد.

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

چگونه موتورهای جستجو تعیین می کنند که آیا صفحه وب سایت برای مشاهده در دستگاه های تلفن همراه راحت است یا خیر:

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

مهمتر از همه، موتورهای جستجو وب‌سایت‌ها را بدون ابهام ارزیابی می‌کنند - چه سازگار با موبایل یا نه.

ابزار PageSpeed ​​Insights Google (https://developers.google.com/speed/pagespeed/) می تواند به شما کمک کند تا تعیین کنید صفحات سایت شما با چه سرعتی بارگذاری می شوند و قابلیت استفاده از آنها را تعیین کنید. امتیاز PageSpeed ​​می تواند از 0 تا 100 امتیاز برای سرعت بارگذاری صفحه و تجربه کاربری متغیر باشد، به عنوان مثال:

نتایج 85 امتیاز و بالاتر خوب در نظر گرفته می شود.

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

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

در چه مواردی نیاز به توسعه نسخه موبایل یا تطبیقی ​​برای وب سایت هاست؟

برای درک اینکه آیا ارزش تطبیق یک سایت برای مخاطبان "موبایل" را دارد، لازم است آن را در سیستم های تجزیه و تحلیل وب (Yandex.Metrica یا Google Analytics) با ترافیک دستگاهی که کاربران از آن به سایت دسترسی دارند، تجزیه و تحلیل کنید. اگر بیش از 15 درصد از مخاطبان از تلفن های هوشمند یا تبلت استفاده می کنند، توصیه می شود یک طرح تطبیقی ​​یا نسخه موبایل ایجاد کنید. در اینجا مهم است که ترافیک سایت را در نظر بگیرید. به عنوان مثال، برای سایت هایی که تعداد بازدیدکنندگان زیادی دارند (از 1000000 به بالا)، این نوار کاهش می یابد، زیرا نمی توان از چنین بخش بزرگی از ترافیک سایت غافل شد.

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

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

یک "ویژگی ویژه" نسخه تلفن همراه: وقتی به آن سوئیچ می کنید، URL در نوار آدرس مرورگر تغییر می کند - پیشوند "m" به آن اضافه می شود، به عنوان مثال: m.example.ru.

مشاهده در مانیتور کامپیوتر و در دستگاه تلفن همراه: نسخه موبایل با نسخه اصلی متفاوت است

نمونه ای از یک وب سایت با نسخه تلفن همراه سازگار: http://www.lamoda.ru/ (m.lamoda.ru).

مزایای اصلی نسخه موبایل سایت

• وزن سبک و در نتیجه سرعت بارگذاری بالا. این برای کاربرانی که سرعت دسترسی به اینترنت پایینی دارند (GPRS یا 3G ضعیف) ضروری است.
• کاربر انتخاب دارد که کدام نسخه را ببیند (موبایل یا اصلی).
• برآورده کردن الزامات موتورهای جستجو برای سهولت مشاهده سایت در دستگاه های تلفن همراه.

معایب نسخه موبایل

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

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

مشاهده بر روی یک مانیتور کامپیوتر و در یک دستگاه تلفن همراه - نسخه تطبیقی ​​با نسخه اصلی متفاوت است

نمونه ای از یک وب سایت با نسخه تطبیقی: http://www.mvideo.ru/.

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

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

معایب طراحی ریسپانسیو موبایل

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

چه چیزی بهتر است: چیدمان تطبیقی ​​برای دستگاه های تلفن همراه یا نسخه تلفن همراه سایت؟

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

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

به نشانک ها

Dmitry Mrachkovsky، یک بهینه ساز از Ashmanov and Partners، به شما گفت که چگونه بین سایت تطبیقی ​​و موبایلی انتخاب کنید و با چه مشکلات غیر واضحی مواجه خواهید شد.

مزایای وب سایت های واکنش گرا و موبایل

پاسخ قطعی به این سوال دشوار است که کدام فناوری سازگاری برای تلفن های هوشمند و تبلت ها از نقطه نظر SEO موثرتر است. حتی در میان بازیگران اصلی، من برتری به نفع هیچ راه حلی را مشاهده نکردم. M.Video، DNS، Wildberries، Aviasales از طرح‌بندی تطبیقی ​​و Lamoda، 220 Volt، Yulmart، Yandex.Market از سایت‌های تلفن همراه استفاده می‌کنند. اما بیایید ببینیم که اولی و دومی چه مزایایی دارند.

طرح تطبیقی ​​وب سایت M.Video و نسخه موبایل وب سایت 220 ولت

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

• ما برای نمایش در دستگاه های تلفن همراه نیازی به ساختار صفحه جداگانه نداریم. کافی است نسخه دسکتاپ سایت را با استفاده از CSS تنظیم کنید.
• یک URL واحد برای نسخه های دسکتاپ و موبایل استفاده می شود. بنابراین، محتوای سایت تکراری نیست، صفحات با یکدیگر رقابت نمی کنند و کارهای تبلیغاتی بر رتبه بندی در جستجوهای دسکتاپ و موبایل تأثیر می گذارد.

نسخه موبایل راه حل گران تر و انعطاف پذیرتر است. می توان آن را بدون تأثیر بر سایت اصلی ویرایش کرد. این مزایا می دهد:

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

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

مشکلات با چیدمان تطبیقی

تطبیق یک راه حل اقتصادی و راحت است، اما از نقطه نظر ارتقاء موتور جستجو دارای چندین دام است.

تفسیر نادرست از تطبیقی

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

1. همه عناصر محتوا دو بار بارگذاری می شوند: متون، تصاویر، سرفصل های H1 و H6، خرده نان، محصولات مرتبط و توصیه شده و غیره. و موتورهای جستجو واقعاً تکراری را دوست ندارند.
2. بخش های استفاده نشده از محتوا با استفاده از CSS پنهان می شوند. نظر موتورهای جستجو در این مورد مبهم است. گوگل اعلام کرد که محتوای بلوک های مخفی را نادیده می گیرد و یاندکس اعلام کرد که محتوای کل صفحه را در نظر می گیرد. اکثر متخصصان سئو موافق هستند که چنین طرحی خطر تحریم شدن را ایجاد می کند.
3. کد تکراری است و سایت کندتر بارگذاری می شود.

چنین پیاده سازی رویکرد اشتباهی برای فناوری RESS است.

پنهان کردن عناصر غیر ضروری

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

استفاده نادرست از جاوا اسکریپت

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

چرا مردم هنوز از طراحی واکنش گرا استفاده می کنند؟

انتخاب تطبیقی ​​معمولاً به دلیل دو مزیت اصلی است: توسعه تنها یک نسخه از سایت و عدم وجود مشکل در URL های متعدد.

این نیز یک راه حل مناسب برای ارتقاء به چندین منطقه است. ما تمام تلاش خود را بر روی یک دامنه متمرکز می کنیم و در جستجوهای دسکتاپ و موبایل به نتیجه می رسیم. برای انجام این کار، باید مناطق مورد علاقه را به سایت در Yandex.Directory پیوند دهید.

و برای گوگل، صفحه ای با آدرس شعب ایجاد کنید تا موتور جستجو بفهمد در چه مناطقی فعالیت می کنید. طرح تطبیقی ​​با یک دامنه واحد با موفقیت توسط M.Video استفاده می شود. این فروشگاه در نتایج جستجوی موبایل و دسکتاپ برای جستجوی محصولات، دسته بندی و اطلاعات جایگاه بالایی دارد.

می توانید راه دیگری را انتخاب کنید - از geosubdomains برای افزایش ارتباط متنی صفحات استفاده کنید. در این مورد، زیر دامنه‌هایی مانند spb.site.ru، samara.site.ru، kazan.site.ru مناطقی از طریق Yandex.Webmaster اختصاص داده می‌شوند و سپس هدرها و متا تگ‌ها نوشته می‌شوند که نام نام را نشان می‌دهند. مزیت دیگر این است که تنظیم تجزیه و تحلیل جداگانه برای geosubdomainها برای ردیابی نتایج بر اساس منطقه آسان است. این روش تبلیغاتی توسط MediaMarkt انجام می شود.

مشکلات نسخه موبایلی سایت ها

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

کار تبلیغی مضاعف

سایت موبایل جدا از سایت اصلی بهینه سازی و تبلیغ می شود و این نیاز به منابع بیشتری نسبت به سایت تطبیقی ​​دارد. شما باید با اطمینان از اینکه نسخه موبایل به درستی ایندکس شده است و با نسخه دسکتاپ رقابت نمی کند، بهینه سازی را شروع کنید. برای انجام این کار، آنها را در Yandex.Webmaster و Search Console پیوند دهید، ویژگی های صحیح rel="alternate" را مشخص کنید، نمایه سازی و تولید نقشه XML را پیکربندی کنید.

هرج و مرج به دلیل پیوندهای مطلق در محتوا

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

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

در این صورت ممکن است لینک داخلی سایت خراب شود. برای جلوگیری از این مشکل، از لینک های نسبی در محتوای خود استفاده کنید. یعنی برای ویژگی href به جای https://site.ru/page/ /page/ را مشخص کنید.

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

Yandex در این زمینه واضح است - به طور جداگانه محتوای صفحات موبایل و دسکتاپ را فهرست می کند. برای این کار کافیست ویژگی rel="alternate" را از نسخه اصلی به موبایل تنظیم کنید و همچنین می توانید 301 تغییر مسیر از نسخه دسکتاپ به موبایل را با در نظر گرفتن عامل کاربر دستگاه تنظیم کنید.

ابهام الزامات شاخص موبایل اول

برای آماده شدن برای انتقال به فهرست موبایل اول، منطقی است که نسخه موبایل سایت را به عنوان صفحه متعارف انتخاب کنید. درست است، توصیه های مربوط به mobile-first ابهامات خاص خود را دارند. برای مثال، دستورالعمل‌های گوگل می‌گوید که محتوای نسخه‌های موبایل و دسک‌تاپ باید مشابه باشد، اما میزان «شباهت» را فاش نمی‌کند.

اگر رتبه بندی در جستجوی دسکتاپ نیاز به بلوک خاصی از محتوا داشته باشد، که در نسخه موبایل اضافی است، اما اولویت با نسخه موبایل است، چه؟

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

گزیده ای از گزارش گوگل در مورد پیاده سازی شاخص موبایل اول

استفاده بدون فکر از صفحات توربو

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

کاهش تاثیر لینک های خارجی

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

ویژگی های ارتقاء در مناطق

در بالا در مورد دو راه برای ارتقای منطقه ای یک محصول تطبیقی ​​صحبت کردیم - استفاده از یک دامنه واحد و زیر دامنه های جغرافیایی. بیایید این گزینه ها را برای نسخه های موبایل در نظر بگیریم.

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

ما به طور کلی گزینه استفاده از زیر دامنه هایی مانند m.spb.site.ru یا spb.m.site.ru را حذف می کنیم. اگرچه Kholodilnik.ru، به عنوان مثال، از آن استفاده می کند. اما در این مورد، باید آدرس دهی را بین تمام مناطق نسخه های موبایل و دسکتاپ پیکربندی کنید، آنها را به روز نگه دارید، تغییرات را ردیابی کنید و خدمات را برای وب مسترها نظارت کنید. این کار زیادی است که بعید است نتیجه بدهد.

ارسال برای تست تناسب تلفن همراه

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

بخشی از ارتباط با پشتیبانی فنی Yandex در مورد اختصاص یک منطقه به نسخه تلفن همراه سایت

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

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

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

کدام گزینه را انتخاب کنید

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

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

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

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

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

با تشکر از متخصصان سئو

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

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

ویدیوهای بیشتر در کانال ما - بازاریابی اینترنتی را با SEMANTICA یاد بگیرید

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

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

چرا به نسخه موبایل سایت نیاز دارید؟

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

حداکثر پوشش مخاطبان هدف و ایجاد شرایط راحت برای آن - این همان چیزی است که نسخه موبایل سایت برای آن است.

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

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

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

نحوه انتقال وب سایت به نسخه موبایل

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

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

نسخه موبایل در مقابل طرح تطبیقی

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

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

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

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

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

مزایا و معایب نسخه موبایل

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

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

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

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

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

شرکت ما دائما در حال پیشرفت و کسب تجربه جدید است. در این مقاله در مورد یکی از آنها صحبت خواهیم کرد.

در پایان مقاله یک جایزه خوب پیدا خواهید کرد :)

نسخه موبایل

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

مزایای

راحتی

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

سرعت دانلود

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

ویرایش در سایت

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

به نسخه اصلی سوئیچ کنید

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

ایرادات

تکثیر. مضاعف شدن

محتوای تکراری در زیر دامنه های مختلف تأثیر منفی بر ارتقاء موتور جستجو دارد. به عنوان یک قاعده، برنامه نویسان در ایجاد نسخه موبایل و متخصصان سئو درگیر تبلیغات هستند. و حتی اگر تمام خواسته های متخصصان سئو در نسخه آزمایشی در نظر گرفته شود، این واقعیت نیست که آنها به نسخه اصلی خود به نسخه رزمی مهاجرت کنند. اغلب در حین انتقال چیزی تغییر می کند یا چیزی اضافه می شود. در نتیجه ممکن است به دلیل تکراری بودن نسخه موبایل با مشکلی در رتبه بندی مواجه شویم.

به روز رسانی

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

محدودیت عملکرد

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

نسخه موبایل خود را به خوبی ثابت کرده است و هنوز هم اغلب توسط وب مسترها استفاده می شود. همین امر را می توان در مورد برنامه های تلفن همراه نیز اعمال کرد. اما این در حال حاضر بسیار گران است و یک وب سایت متوسط ​​توانایی توسعه برنامه های کاربردی تلفن همراه را ندارد.

چیدمان تطبیقی

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

مزایای

سهولت اجرا

به عنوان یک قاعده، با طرح تطبیقی، عرض صفحه نمایش به اندازه صفحه نمایش مورد نظر تنظیم می شود. همه اینها را می توان با استفاده از HTML و CSS پیاده سازی کرد. و CMS و چارچوب های مدرن به شما این امکان را می دهند که این کار را تنها با چند کلیک انجام دهید. و الگوهای مدرن در حال حاضر بلافاصله طراحی تطبیقی ​​را ارائه می دهند. تنها چیزی که باقی می ماند نصب آن است؟ و در عرض چند دقیقه یک طراحی واکنش گرا خواهید داشت که برای هر مخاطبی راحت است.

سئو

اگر در نسخه موبایل با تکثیر مطالب در ساب دامنه های مختلف مواجه هستیم، در اینجا چنین مشکلی وجود ندارد. آیا صفحه یک آدرس (URL) خواهد داشت؟ و هنگامی که وضوح صفحه یا دستگاه تغییر می کند، طراحی ما خراب نمی شود یا به نسخه موبایل هدایت نمی شویم. این گزینه مشکل محتوای تکراری را بهتر از ویژگی ها یا ممنوعیت های rel="canonical" در robots.txt در نسخه موبایل حل می کند.

ایرادات

سنگینی

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

اهداف بازدید

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

چاره ای نیست

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

خط پایین: چیدمان تطبیقی ​​یا نسخه موبایل؟

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

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

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

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

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

رشد مخاطبان اینترنت دسکتاپ در سال 2015 متوقف شد

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

در عین حال، تعداد افرادی که با استفاده از تلفن همراه و تبلت در اینترنت گشت و گذار می کنند، هر سال به طور پیوسته در حال افزایش است. به عنوان مثال، در سال 2013 این رقم 56٪، در سال 2014 - 61٪ بود و در پنج ماه سال 2015 تعداد کاربرانی که از طریق دستگاه های تلفن همراه به سایت ها دسترسی داشتند دوباره افزایش یافت و به حدود 86٪ رسید.

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

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

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

از نوامبر 2014، گوگل سایت‌های «موبایل‌پسند» را در نتایج جستجوی موبایل علامت‌گذاری کرده است.

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

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

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

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

این به طور غیر مستقیم با ظاهر بخشی در سرویس Yandex.Webmaster "نسخه موبایل سایت" نشان داده می شود. در این بخش روش هایی برای هشدار به Yandex در مورد هدف قرار دادن یک سایت برای مخاطبان اینترنت تلفن همراه مورد بحث قرار می گیرد.

تفاوت های خاصی در الزامات Yandex و Google برای "سایت سازگار با موبایل" وجود دارد. به ویژه، موتور جستجوی خارج از کشور بر یک URL واحد برای همه نسخه‌های سایت اصرار دارد. خود Yandex از (به عنوان مثال، نسخه تلفن همراه Yandex برای جستجوی تصاویر؛ Yandex.Dictionaries) استفاده می کند و فعالانه توصیه می کند که همه نسخه های تلفن همراه و استاندارد را به زیر دامنه های مختلف تقسیم کنند (نقطه هفتم در بخش "نمایه گذاری سایت"). Argument: این کار باعث می‌شود که سیستم نسخه مورد نیاز سایت شما را در درخواست‌های دستگاه‌های مختلف نشان دهد.

اصلاً چرا به نسخه موبایلی سایت نیاز دارید؟

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

در اینجا تفاوت های اصلی آن وجود دارد:

ویژگی های انواع دستگاه های تلفن همراه

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

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

1. بررسی سهولت مشاهده در دستگاه های تلفن همراه - ارتباط دادن ;
2. شبیه ساز برای مشاهده صفحه نمایش سایت از iPad یا iPhone - پیوند.
3. سرویسی که به شما امکان می دهد سایت را از دستگاه ها و صفحه های مختلف مشاهده کنید - پیوند؛
4. سرویسی برای به دست آوردن اطلاعات در مورد نحوه ظاهر وب سایت شما در محبوب ترین دستگاه ها: iPhone، iPad، Android - پیوند؛
5. ابزاری برای تست سایت ها برای آمادگی برای نمایش در صفحه نمایش موبایل - لینک;
6. نمایش سایت در چندین دستگاه تلفن همراه به طور همزمان - پیوند.
7. یکی دیگر از خدمات کاربردی لینک است.

چگونه به موتور جستجو می‌گوییم که سایت شما برای موبایل مناسب است؟

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

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

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

• بدون مسدود کردن جاوا اسکریپت یا CSS.
• تغییر مسیر به درستی پیکربندی شده از نسخه دسکتاپ صفحه به تلفن همراه و بالعکس.

نسخه وب سایت موبایل، تطبیقی ​​و واکنش گرا: تفاوت چیست؟

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

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

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

مزایای:

• سهولت تغییر، زیرا نسخه موبایل سایتبه اصلی متصل نیست؛
• انتخاب برای کاربر: اگر آن را دوست ندارید، می توانید نسخه موبایل را غیرفعال کنید و به یک دامنه معمولی بروید.

ایرادات:

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

نسخه تطبیقی ​​سایت

یک وب سایت تطبیقی ​​یا یک وب سایت با طراحی وب تطبیقی ​​(adaptivedesign) الگویی است که به لطف آن طرح به طور خودکار با اندازه فرعی و ویژگی های صفحه نمایش دستگاهی که از آن سایت بازدید کرده اید تنظیم می شود (تطبیق می کند).

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

طراحی وب ریسپانسیو به عنوان همزیستی از چیدمان سیال و پیشرفت های پیشرونده در نظر گرفته می شود.

مزایای:

ایرادات:

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

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

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

همچنین، منبع باید برای اسکن در دسترس باقی بماند. برای این کار، دسترسی فایل robots.txt به فایل‌های کلیدی سایت (از جمله تبلیغات) را که مستقیماً روی نمایش صفحه تأثیر می‌گذارند مسدود نکنید. اگر Googlebot به تصاویر CSS و جاوا اسکریپت دسترسی نداشته باشد، نمی تواند تعیین کند که صفحه در مرورگر تلفن همراه چگونه به نظر می رسد.

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

نسخه ریسپانسیو سایت

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

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

به عبارت دیگر طراحی وب ریسپانسیو یک استراتژی برای ایجاد وب سایت و اپلیکیشن برای دستگاه های مختلف است. در حالی که طراحی وب ریسپانسیو فقط یک تکنیک برای تطبیق یک طرح است که با استفاده از یک پرس و جو مدیاکوری CSS3 انجام می شود که توسط همه مرورگرهای محبوب (Google Chrome، Mozilla FireFox، Opera) پشتیبانی می شود.

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

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

مزایای:

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

ایرادات:

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

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

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

اول از همه، در صفحه اصلی Google.Webmaster، روبروی منبع شما نشان داده می شود که سایت برای دستگاه های تلفن همراه بهینه نشده است.

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

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

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