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

به نشانک ها

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

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

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

طرح تطبیقی ​​سایت "ام.ویدئو" و نسخه موبایل سایت "220 ولت"

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

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

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

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

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

مشکلات با طرح پاسخگو

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

تعبیر نادرست تطبیقی

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

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

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

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

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

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

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

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

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

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

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

می توانید راه دیگری را انتخاب کنید - از زیر دامنه های جغرافیایی برای افزایش ارتباط متنی صفحات استفاده کنید. در این مورد، به زیر دامنه‌هایی مانند spb.site.ru، samara.site.ru، kazan.site.ru مناطقی از طریق Yandex.Webmaster اختصاص داده می‌شود و سپس عناوین و متا تگ‌ها با نام اصلی تخصیص داده می‌شوند. مزیت دیگر این است که تنظیم تجزیه و تحلیل جداگانه برای زیر دامنه های جغرافیایی برای ردیابی نتایج بر اساس منطقه آسان است. این روش تبلیغاتی توسط 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 استفاده کنید، اما به یاد داشته باشید که در این مورد، گوگل نسخه موبایل را ترجیح می دهد.

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

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

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

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

بررسی سایت شما برای راحتی نمایش در دستگاه های تلفن همراه را می توان با استفاده از سرویس های وب مختلف بررسی کرد. به خصوص، این سرویساز 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 و غیره) مهم است.

هزینه توسعه نسخه تلفن همراه سایت - از 15000 روبل

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

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

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

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

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

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

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

چگونه مخاطبان اینترنتی گوشی های هوشمند را به رایانه های شخصی ترجیح دادند

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

به گفته شرکت تحقیقاتی Mediascope، تا سال 2017، مخاطبان کاربران اینترنت تلفن همراه در روسیه به 66 میلیون نفر رسید که 54 درصد از جمعیت را تشکیل می دهد.علاوه بر این، 16٪ منحصراً از اینترنت تلفن همراه استفاده می کنند.

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

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

چرا وب سایت موبایل برای تبلیغ کسب و کار شما مهم است

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

برای اکثر شرکت ها در دسترس بودن نسخه موبایلی سایت - اصلاً یک روند امروزی نیست، بلکه یک نیاز فوری است، که به صورت زیر بیان می شود:

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

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

دو راه برای حل مشکل نمایش صحیح سایت در گوشی های هوشمند وجود دارد:

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

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

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

نسخه موبایلی سایت از استودیو وب "Aspect": هزینه توسعه

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

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

هزینه کار شامل:

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

ساخت نسخه موبایل چقدر طول می کشد؟

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

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

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

الگوریتم کار ما را می توان به صورت زیر نشان داد:

1. برنامه شما برای توسعه نسخه موبایل (از طریق تلفن، ایمیل).
2. جلسه و بحث در مورد پروژه با مدیر.
3. ارزیابی محدوده کار و محاسبه هزینه دقیق خدمات.
4. تنظیم و امضای قرارداد.
5. پرداخت و شروع کار.
6. توسعه طراحی نسخه موبایلی سایت.
7. هماهنگی و امضای برگه پذیرش طرح.
8. طرح بندی نسخه موبایل.
9. انتقال محتوا
10. تحویل پروژه.

آیا از نیاز به نسخه موبایل متقاعد شده اید و می خواهید توسعه آن را سفارش دهید؟ وب استودیو "Aspect" همواره بر روی آخرین روندها تمرکز دارد و آماده ارائه کمک حرفه ای به شما در "بسیج" سایت شما می باشد.

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

در حال حاضر، هنگام ساخت نسخه های موبایلی سایت ها، 3 روش اصلی برای ساخت آنها وجود دارد:

• طراحی تطبیقی؛
• نسخه موبایل مجزای سایت؛
• RESS (طراحی پاسخگو + سمت سرور).

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

طراحی تطبیقی

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

صفحه رسانه @ و (حداکثر عرض: 1600 پیکسل) (div.for-example (عرض: 1500 پیکسل؛) ) صفحه رسانه @ و (حداکثر عرض: 1280 پیکسل) (div.for-example (عرض: 1100px;) ) @media صفحه و (حداکثر عرض: 1024 پیکسل) (به عنوان مثال div.(عرض: 980 پیکسل؛))

مزایای طراحی واکنشگرا

• سهولت توسعه -با طرح تطبیقی، کل ساختار سایت به طور خودکار با عرض های مختلف صفحه تنظیم می شود. برای به دست آوردن یک محصول کارآمد، نیازی نیست همه چیز را از ابتدا بنویسید - فقط CSS و HTML را تغییر دهید... با توجه به در دسترس بودن چارچوب هایی مانند Bootstrap، چنین توسعه ای با یک پیاده سازی استاندارد چندان دشوار نیست. علاوه بر این، پشتیبانی از چنین محصولی کار نسبتاً ساده ای خواهد بود.
• یک URL -ما را از تغییر مسیرهای غیر ضروری و نیاز کاربر به یادآوری آدرس نسخه موبایل (حتی اگر فقط پیشوند m باشد) نجات می دهد. همچنین، وجود یک آدرس واحد تأثیر مثبتی بر ارتقای سایت خواهد داشت، زیرا برای موتورهای جستجو "راحت تر" خواهد بود.

معایب طراحی واکنشگرا

• کارهای متفرقه -وظایف معمول کاربران "موبایل" سایت های بزرگ معمولاً با کارهای کاربران رایانه شخصی متفاوت است. اگر مشتری بانک هستید، به احتمال زیاد، در نسخه تلفن همراه سایت به طیف بسیار محدودی از اطلاعات - آدرس های نزدیکترین شعب، دستگاه های خودپرداز و غیره علاقه مند خواهید شد.
  به طور کلی، با طرح‌بندی تطبیقی، رایج‌ترین رویکرد، تهیه کپی از یک سایت معمولی، برای پیاده‌سازی نیازهای همه گروه‌های مخاطب هدف در طرح‌بندی گوشی‌ها است. اما پس از آن می توانید قابلیت استفاده را فراموش کنید. بخش‌های ثانویه لازم برای پنج درصد بازدیدکنندگان باعث ایجاد ناراحتی برای اکثر مشتریان خواهد شد.
"وزن" سایت ها همچنان یک مانع جدی برای کاربران تلفن همراه است. این بدان معناست که برخی از عناصر فعال معمولی سایت های دسکتاپ، از جمله نقشه های جاسازی شده، فیلم ها، ماشین حساب های وام و منوهای متحرک در سایت های تلفن همراه، باید با جایگزین های سبک تر جایگزین شوند. آیا طراحی واکنشگرا می تواند این توانایی را به ما بدهد؟ در یک پیاده سازی محبوب، کاربر با صفحه نمایش کوچک باید کل صفحه را بارگذاری کند تا تنها بخشی از آن را ببیند. به عنوان مثال، اگر وزن نسخه دسکتاپ طرح اصلی 200 کیلوبایت و وزن نسخه موبایل 50 کیلوبایت دیگر باشد، برای مشاهده آن باید 250 کیلوبایت دانلود کنید. البته، می‌توانید از فشرده‌سازی کد صفحه استفاده کنید، اما درخواست‌های اضافی به سرور همچنان ادامه خواهد داشت.
• ناامیدی -یکی از مزیت های انکارناپذیر نسخه موبایل: اگر آن را دوست ندارید، می توانید آن را خاموش کرده و به یک دامنه معمولی تغییر دهید. وب سایت های طراحی ریسپانسیو این انتخاب ساده و در عین حال مهم را ارائه نمی دهند. اگر چیدمان سفارشی ناخوشایند، باگ است، یا اگر یک عنصر ناوبری مهم را پنهان می کند، آن را به حال خود رها کنید: برای دیدن دوباره آن کاری نمی توانید انجام دهید. شما باید برای جستجوی وب سایت دسکتاپ یا رقیب بدوید. می توانید برای دور زدن این محدودیت (از کوکی ها استفاده کنید و شیوه نامه های مختلف را درج کنید) "عصا" بیابید. اما این رویکرد توسعه را پیچیده می کند.

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

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

برای راحت کردن سایت برای کاربران تلفن همراه، اغلب نسخه های جداگانه سایت ها نیز ایجاد می شود - مخصوصاً برای کاربر با گوشی هوشمند / تبلت. رایج ترین روش هدایت کاربران تلفن همراه به یک زیر دامنه خاص (m.example.com، mobile.example.com و غیره) است. احتمالاً در 99٪ موارد، نسخه تلفن همراه یک نسخه اصلی حذف شده است - فقط با عملکردی که به گفته توسعه دهندگان برای کاربران دستگاه های تلفن همراه و تبلت ها ضروری و مفید خواهد بود.

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

• سهولت تغییراز آنجایی که سایت، به طور واقعی، جدا از نسخه اصلی وجود دارد، ایجاد تغییرات در آن مربوط به نسخه تلفن همراه بسیار ساده تر است، زیرا نسخه موبایل اغلب عملکرد اضافی و غیر ضروری را ارائه نمی دهد.
• کاربر پسندی -نسخه موبایل معمولاً در مقایسه با نسخه دسکتاپ بسیار ساده شده است، بنابراین کاربر مجبور نیست برای اطلاعات مورد نیاز خود راه دور برود.
• سرعت -به دلیل همین ساده بودن سایت، نسخه موبایل سریعتر بارگذاری می شود. این برای کاربرانی که هنوز از GPRS یا 3G ضعیف استفاده می کنند ضروری است.
• انتخاب-اغلب در نسخه موبایل امکان تغییر به نسخه اصلی سایت وجود دارد.

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

• آدرس های متعدد -
• ناراحتی کاربر -آدرس های مختلف برای نسخه های دسکتاپ و موبایل. برای برخی، این ممکن است به یک مزیت تبدیل شود، برای برخی دیگر می تواند یک عامل بسیار آزاردهنده باشد، زمانی که برای مشاهده راحت سایت، باید یک آدرس دیگر را به خاطر بسپارید. موتورهای جستجو نیز مشکلاتی دارند: برای جلوگیری از محتوای تکراری، سئوکاران باید از متا تگ های rel="alternative" و rel="canonical" استفاده کنند. علاوه بر این، هنگامی که یک کاربر جستجوی موبایل گوگل روی پیوندی در نتایج کلیک می کند، به نسخه دسکتاپ منتقل می شود یا به نسخه موبایل هدایت می شود. اما اگر نسخه موبایل این صفحه وجود نداشته باشد با خطا مواجه می شود.
• محدودیت -ایجاد یک سایت مجزا برای موبایل به معنای خلاص شدن از شر برخی از محتوا و عملکرد است. علاوه بر این، ممکن است دو مجموعه متفاوت از محتوا داشته باشید که می تواند بر تصویر کلی اطلاعات تأثیر منفی بگذارد.

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

RES

خود گوگل با وجود اینکه از طراحی ریسپانسیو توسط وبمسترها پشتیبانی می کند اما از سیستم متفاوتی در محصولات خود استفاده می کند. برای مثال، اگر به صفحه اصلی زیر User-Agents مختلف بروید، می توانید HTML های مختلف را برای دستگاه های مختلف ببینید. RESS - طراحی پاسخگو + سمت سرور. مثال پیاده سازی، با طرح "روی زانو":

$DS = DIRECTORY_SEPARATOR. require_once(dirname(__FILE__). $DS . "libraries" . $DS . "browser.php"); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)($tmpl = "template.m.php"; ) other if($device == DEVICE_TYPE_TABLET)($tmpl = "template.t.php";) else($tmpl = "template .php"; ) include(dirname(__FILE__). $DS . "templates" . $DS . $tmpl);

مزایای RES

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

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

منفی

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

به طور کلی، RESS بهترین گزینه از سه گزینه پیشنهادی است، با این حال، در طول توسعه به تلاش بسیار بیشتری نیاز دارد.

خلاصه

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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