Цената на промоцията при търсене и резултатът от нея зависят от това как адаптираме сайта за мобилни устройства.

Към отметки

Дмитрий Мрачковски, оптимизатор от Ashmanov & Partners, разказа как да избирате между адаптивен и мобилен сайт и какви неочевидни проблеми ще срещнете.

Предимства на адаптивните и мобилни уебсайтове

Трудно е да се отговори недвусмислено на въпроса коя технология за адаптиране на смартфони и таблети е по-ефективна по отношение на SEO. Дори сред големите играчи не забелязах предимство в полза на някакво решение. M.Video, DNS, Wildberries, Aviasales използват адаптивно оформление, а Lamoda, 220 Volt, Ulmart, Yandex.Market използват мобилни сайтове. Но нека да разгледаме какви ползи получават първият и вторият.

Адаптивно оформление на сайта "M.Video" и мобилна версия на сайта "220 Volt"

Отзивчивото оформление помага да се направи без разработване на отделна мобилна версия. Това има предимства:

• Не се нуждаем от отделна структура на страницата, на която да се показваме мобилни устройства. Достатъчно е да коригирате десктоп версията на сайта с използвайки CSS.
• За настолни и мобилни версии се използва един URL адрес. Поради това съдържанието на сайта не се дублира, страниците не се конкурират помежду си и работата по промоцията влияе върху класирането при търсене на настолни компютри и мобилни устройства.

Мобилната версия е по-скъпо и гъвкаво решение. Може да се редактира, без да се засяга основният сайт. Това ви дава следните предимства:

• Един мобилен сайт може да бъде направен възможно най-лесен и бърз за зареждане чрез премахване на ненужната функционалност на ниво код.
• Интерфейсът може да бъде подобрен за мобилни потребители чрез добавяне на функционалност, която не беше налична в настолната версия на сайта.
• Потребителят винаги може да премине към основната версия на сайта на мобилно устройство, ако желае.

Искам да спомена още една технология - RESS. Той показва на потребителя настолен или мобилен шаблон в зависимост от устройството, но URL адресът на страницата не се променя. RESS съчетава предимствата на описаните по-горе адаптивни и мобилни версии. Но има и два недостатъка: сложна и скъпа реализация и грешки при идентифицирането на редки и непопулярни модели телефони.

Проблеми с адаптивното оформление

Adaptive е икономично и удобно решение, но по отношение на промоция при търсенеима няколко клопки.

Погрешно тълкуване на адаптивен

Някои внедряват неправилно адаптивно оформление и показват два шаблона на една страница в кода наведнъж - десктоп и мобилен. В зависимост от устройството на потребителя, желаната част от кода остава видима, докато останалата част е скрита с помощта на display: none. Това поражда три проблема:

1. Всички елементи на съдържанието се зареждат два пъти: текстове, изображения, H1 и H6 заглавия, навигационни пътеки, свързани и представени продукти и т.н. А търсачките наистина не обичат дубликати.
2. Неизползваните части от съдържанието са скрити с CSS. Мнението на търсачките по този въпрос е двусмислено. Google заяви, че игнорира съдържанието на скритите блокове, а Yandex - че взема предвид цялото съдържание на страницата. Повечето SEO експерти са съгласни, че подобна схема създава риск от санкциониране.
3. Кодът се дублира и сайтът се зарежда по-бавно.

Подобно внедряване е грешен подход към RESS технологията.

Скриване на ненужни елементи

За създаване на интерфейс адаптивна версияпо-удобно, някои се отърват от част от функционалността: разсейващи блокове, големи текстове в каталожни категории и т.н. Всичко излишно е скрито с display: none. Но проблемът е, че целият код се използва за зареждане на страницата и сайтът е бавен. Освен това, както бе споменато по-горе, търсачките имат противоречиво отношение към такова съдържание - съществува риск да попаднат под санкции.

Неправилно използване на JavaScript

Някои използват JS, за да избегнат показването на ненужни блокове на мобилни устройства. Но този метод не е по-добър от display: none. Съществува риск търсачките да не индексират съдържанието, предназначено за тях, дори и в десктоп версията. Търсачките обикновено не винаги възприемат правилно съдържанието на AJAX, особено ако не са изпълнени редица условия за правилно индексиране.

Защо хората все още използват адаптивен дизайн?

Изборът на адаптивен обикновено се ръководи от две основни предимства: разработка само на една версия на сайта и липсата на проблеми с множество URL адреси.

Също така е удобно решение за промоция в няколко региона. Фокусираме всичките си усилия върху един домейн и получаваме резултати при търсения на настолен компютър и мобилно устройство. За да направите това, трябва да свържете интересните региони към сайта в Yandex.Directory.

А за Google създайте страница с адресите на клоновете, за да разбере търсачката в кои региони работите. Адаптивно оформление с един домейнизползва M.Video много успешно. Магазинът има високи позиции в резултатите за мобилни и настолни компютри за запитвания за продукти, категории и информация.

Можете да отидете по друг начин - да използвате гео-поддомейни, за да увеличите уместността на текста на страниците. В този случай на поддомейни като spb.site.ru, samara.site.ru, kazan.site.ru се присвояват региони чрез Yandex.Webmaster и след това заглавия и мета тагове се присвояват с топонима. Друг плюс е, че е лесно да настроите отделни анализи за гео-поддомейни, за да проследявате резултатите по региони. Този метод на промоция се практикува от MediaMarkt.

Проблеми с мобилни версии на сайтове

Относително високата цена на разработката не е единственият недостатък на мобилните сайтове. Ето списък с по-малко очевидни проблеми, които може да срещнете при избора на тази технология.

Работа с двойна промоция

Мобилният сайт се оптимизира и популяризира отделно от основния сайт и това изисква повече ресурси, отколкото в случая с адаптивния. Оптимизацията трябва да започне с мобилна версиябеше правилно индексиран и не се конкурира с настолния. За да направите това, свържете ги в Yandex.Webmaster и Search Console, задайте правилните атрибути rel="alternate", настройте индексирането и генерирането на XML карта.

Хаос поради абсолютни връзки в съдържанието

Настолен компютър и мобилни шаблонив 99% от случаите изтеглят съдържание от една база данни. Ако използва абсолютни връзкикъм вътрешната страница на настолния сайт, като посочите протокола и домейна, те ще бъдат показани и на мобилната страница. Когато щракнете върху връзка, ще възникне един от двата сценария:

• Ако настолната версия има потребителски агент, потребителят ще види мобилната версия на страницата.
• В други случаи потребителят ще види настолна страница и работата по създаването на мобилна версия ще бъде напразна.

В този случай теглото на вътрешната връзка на сайта може да бъде нарушено. За да избегнете проблем, използвайте в съдържанието относителни връзки. Тоест за атрибута href посочете /page/ вместо https://site.ru/page/ .

Съдържанието и структурата на настолните и мобилните сайтове може да се различават. Затова е логично съдържанието и на двете да се индексира в търсенето, за да се избегнат грешки. Google препоръчва на мобилната версия да се посочи, че съдържанието на настолния сайт е канонично. От друга страна, търсачката казва, че съдържанието на неканоничните страници не се взема предвид.

Всичко е ясно с Yandex в това отношение - той отделно индексира съдържанието на мобилни и настолни страници. За да направите това, просто задайте атрибута rel="alternate" от основната версия към мобилната и можете също да настроите 301 пренасочвания от десктоп версията към мобилната, като вземете предвид потребителския агент на устройството.

Неясни изисквания на индекса mobile-first

За да се подготвите за прехода към мобилен индекс, е логично да изберете мобилната версия на сайта като канонична страница. Вярно е, че има някои неясноти в препоръките относно mobile-first. Например, указанията на Google казват, че съдържанието на мобилната и десктоп версията трябва да са сходни, но не разкриват степента на „сходство“.

Но какво ще стане, ако класирането в настолното търсене изисква определен блок съдържание, което в мобилната версия ще бъде излишно, но приоритетът ще бъде даден на мобилната версия?

Откъс от ръководството на Google за индексиране на мобилни сайтове

Извадка от доклада на Google за внедряването на индекса за мобилни устройства

Безсмислено използване на турбо страници

Някои обновяват търсачките безразборно, с очакването да повлияят на класирането. Например турбо страниците на Yandex, които не заместват пълноценните мобилни страници при търсене, включват малка част от потребителската функционалност и са по-малко конвертиращи. Ако имате комерсиален сайт и сте уверени в качеството на мобилната версия, не бързайте да прилагате "турбо" - дори за страници със статии и рецензии.

Намаляване на ефекта от външни връзки

Връзките все още са важни за класирането, особено в Google търсене. Когато имаме мобилен поддомейн, някои потребители започват да се позовават на него в социалните мрежи и форуми. А другата част използва връзки към главния адрес на сайта. В резултат на това връзките се представят по-малко при мобилно и настолно търсене, отколкото ако имахме един домейн.

Характеристики на промоцията в регионите

По-горе говорихме за два начина за насърчаване на адаптивното регионално - използване на един домейн и гео-поддомейни. Обмислете тези опции за мобилни версии.

В първия случай ние популяризираме основния домейн и мобилния поддомейн m.site.ru. Всеки от тях трябва да зададе регионите чрез Yandex.Directory. Проблемът е, че понякога е невъзможно самостоятелно да свържете мобилната версия на сайта към клона. Ще трябва да се свържете с техническата поддръжка, но това не гарантира резултат. Не можете да създадете отделна организация за мобилната версия на сайта. Следователно, ако има много разклонения, свързването може да отнеме много време.

Като цяло изключваме възможността за използване на поддомейни като m.spb.site.ru или spb.m.site.ru. Въпреки че Kholodilnik.ru например го използва. Но в този случай трябва да настроите адресиране между всички региони на мобилни и настолни версии, да ги поддържате актуални, да проследявате промените и да наблюдавате услугите за уеб администратори. Това е огромна работа, която едва ли ще се отплати.

Изпращане за проверка за мобилна пригодност

Ако не изпратите оптимизирана версия на сайта си на Yandex.Webmaster за тестване за удобство за мобилни устройства, той може да не се появи в резултатите от мобилно търсене. Проблемът важи и за адаптацията. Това не винаги се случва, но ви препоръчвам да следвате съобщенията в Webmaster.

Фрагмент от комуникация с техническата поддръжка на Yandex за присвояване на регион на мобилната версия на сайта

Защо се използват мобилни версии?

Основните предимства на мобилните версии са, разбира се, възможността за създаване на отделен шаблон и висока скорост на изтегляне. Освен това за старите сайтове е по-лесно да създадат отделна мобилна версия, отколкото да внедрят адаптивна.

Също така много специалисти по SEO отбелязаха увеличение на трафика от търсене след въвеждането на мобилен сайт вместо адаптивен. Въпреки че не изключвам, че причината за растежа е, че имаше грешки в адаптивното им оформление, което се отрази негативно на класирането.

Кой вариант да изберете

Ако разработвате уебсайт от нулата или имате малък проект, разгледайте по-отблизо адаптивното оформление. Това е по-икономично и по-бързо решение. Но е по-добре да планирате функционалността веднага, за да не се налага да скривате част от сайта от показване на мобилни устройства в бъдеще.

Ако давате приоритет на потребителското изживяване, трябва да изберете мобилната версия. Може да се промени без последствия за работния плот. Това е важно, ако сайтът заема водеща позиция в броя на настолните компютри в своя сегмент.

Можете също така да използвате технологията RESS, но не забравяйте, че в този случай Google предпочита мобилната версия.

Откъс от ръководството на Google за индексиране на сайтове с помощта на RESS

Каквато и технология да изберете, опитайте се да се уверите, че сайтът и неговите версии са правилно индексирани, заредени възможно най-бързо и показани на всички устройства без проблеми.

Благодаря на SEO специалистите

В настоящата статия ще говорим за това как се проверява мобилната версия на сайта, нейното удобство, четливост и правилно показване.

Проверката на вашия сайт за удобство на показване на мобилни устройства може да се провери с помощта на различни уеб услуги. По-специално, тази услугаот Google ви позволява да оцените адекватно грамотността на вашето мобилно оформление.

Наскоро Googleзаяви, че сайтове, които не отговарят на изискванията за мобилно оформление, ще бъдат песимизирани при търсения, извършвани с мобилни устройства. Този алгоритъм вече работи и някои сайтове, които не са си направили труда да се показват на мобилни платформиах, наистина са пропуснати в Резултати от търсенетоза мобилни устройства.

Ако вашият сайт е три пъти удобен за настолни платформи, трябва да проверите качеството на мобилното оформление, в противен случай ще загубите впечатляваща част от трафика (делът на мобилните платформи в търсенето нараства бързо всяка година), което означава, че вие ще загубите клиентите си. Затова трябва да адаптирате сайтовете си за мобилни устройства и да проверите правилното показване на сайтовете в мобилните браузъри.

Проверка на качеството на мобилното оформление с помощта на Google Chrome

За разработчиците Google има страхотен инструмент за мобилна симулация. Този инструмент е вграден в Google браузър Chrome. За достъп до него натиснете F12в браузъра (превключете към режим за програмисти) и щракнете върху иконата на смартфона:

Страницата се трансформира в режим на превключване на устройства, където можете да изберете едно от популярните мобилни устройства, тип мрежа (GPRS, 2G, 3G, 4G и т.н.), да зададете строги настройки на дисплея. Това ви позволява да симулирате работата на сайта върху конкретни мобилни устройства. Наличните устройства включват различни iPad версии, айпад мини, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Самсунг Галаксии някои други популярни устройства.

Като изберете конкретно устройство, можете да проверите сайта на мобилно устройство. Например показване на главната страница на сайта "Nubex" на iPad 3:

И на Samsung Galaxy S4:

Тук можете не само да видите дисплея на сайта на определено устройство, но и да работите напълно със сайта, сякаш имате правилната притурка пред вас. Несъмнено този инструмент е просто незаменим при разработването на мобилна версия на сайта, но как вашият сайт ще се показва на реални устройства трябва да се провери на реални устройства. Това е особено важно, ако трябва да проверите показването на сайта в "родни" браузъри (Safari - за iPad / iPhone, IE - за Windows телефони т.н.).

Разходите за разработване на мобилна версия на сайта - от 15 000 рубли

С навлизането на мобилни устройства в нашия живот много се промени - по-специално възможностите за авариен достъп до интернет значително се разшириха. Сега абсолютно не е необходимо да имате лаптоп или персонален компютър със себе си, за да прегледате резюмето. последни новиниили отидете на уебсайта на компанията, която ви интересува. За целта е достатъчно да имате под ръка смартфон.

По този начин има тенденция за увеличаване на мобилната аудитория на Интернет, което означава, че вашият уебсайт, тоест представянето на вашата компания в световната мрежа, трябва да бъде модифициран.

Каква е мобилната версия на сайта

Повечето съвременни сайтове се показват неправилно на екраните на мобилни устройства и таблети.Физическият екран на използваната притурка е традиционно малък по размер, така че сайтът, който е на екрана персонален компютъризглежда перфектно, се оказва, че е напълно неподходящ за гледане на екрана на смартфон.

Всъщност, разработка на мобилна версияе отделен проект, включващ създаването специален дизайн, развитие на използваемостта, оптимизиране на оформлението и съдържанието. Основната задача на дизайнера е да предаде основните идеи на компанията възможно най-точно и в същото време да ги побере в малък екран.

В някои случаи съдържанието на сайта се редуцира, оставяйки само най-важното. Структурата и функционалността също се променят, само стилистичният дизайн, някои елементи и съдържание остават непроменени.

Мобилна версия на сайта е възможност за цялостно решаване на вашите бизнес въпроси.В рамките на тази версия, например, могат да бъдат реализирани специфични за устройството функции, които не са достъпни за потребителите на компютри. Всичко това допринася за увеличаване на трафика чрез увеличаване на привлекателността на вашия сайт за мобилните потребители.

Как интернет публиката предпочете смартфоните пред персоналните компютри

Таблоидите със завидна редовност изстрелват заглавия от категорията „Интернет потребителите масово емигрират към смартфони“, „Руските потребители преминават към мобилния интернет“. Излишно е да казвам, че има много основания за подобни твърдения.

Според изследователската фирма Mediascope, До 2017 г. аудиторията на потребителите на мобилен интернет в Русия достигна 66 милиона души, което е 54% от населението.Освен това 16% използват изключително мобилен интернет.

Отбелязва се също, че интернет аудиторията на смартфони нараства много бързо, докато компютърното уеб сърфиране продължава стабилно да губи позиции. пер Миналата годинаброят на руснаците, използващи настолни компютри за достъп до мрежата, е намалял с 4%.

Както виждате, ерата мобилен интернети ако вашият сайт все още не отговаря на условията за удобно гледанеот мобилни устройства, това е много сериозен пропуск.

Защо мобилният уебсайт е важен за популяризиране на вашия бизнес

Вашият сайт все още ли не е удобен за мобилни устройства? Един обикновен интернет потребител, който иска незабавно да получи необходимата информация, вероятно ще го напусне, неспособен да издържи на такова неудобство. Какво ще се случи след това? Той веднага ще отвори сайта на вашия пряк конкурент, който се е погрижил за интересите на мобилната аудитория.

За повечето компании наличие на мобилна версия на сайта - изобщо не е днешна тенденция, а спешна необходимост, което се изразява по следния начин:

• Ефективност на промоцията на сайта.Според представители на Google сайтовете, които нямат мобилна версия, априори ще бъдат класирани по-ниско в сравнение с уеб ресурсите, адаптирани към екрани на смартфони. Така мобилната версия на сайта днес е не само възможност за привличане на повече трафик, но и предпоставка за успешното популяризиране на сайта в Интернет.
• Удобство за потребителите. 40% от интернет потребителите честно признават, че ще преминат към друг сайт, ако сайтът, който ги интересува, няма мобилна версия. От бизнес гледна точка вие пропускате огромна сума. потенциални клиентиако уебсайтът на вашата компания не е адаптиран за мобилни телефонии таблетки.
• Блестяща репутация.Неправилното показване на вашия сайт на екрана на модерна джаджа е значителен недостатък и гарантиран укорителен поглед на интернет потребителя. От друга страна, наличието на мобилна версия е своеобразен „плюс за кармата” и поддържането на правилния имидж на компанията.
• Конкурентно предимство.Открихте ли, че уебсайтът на вашите конкуренти няма мобилна версия? Време е да се възползвате от тази грешка и да си осигурите мощно конкурентно предимство, а именно да получите клиенти, които напускат неотзивчивите сайтове на вашите бизнес опоненти.

Как да "сприятелим" сайт с мобилни устройства

Има два начина за решаване на проблема с правилното показване на вашия сайт на смартфони:

1. Създайте отделна версия на сайта, която ще съществува като алтернатива на оригиналната версия.
2. Създавайте адаптивен дизайн, способен автоматично да се настройва към всеки размер на екрана.

Ако уебсайтът на вашата компания вече съществува и нямате желание да преработвате, но в същото време искате да увеличите лоялността на сайта към мобилните устройства, по-изгодно е да поръчате разработка на мобилна версия. В този случай е възможно да се запази само съдържанието, което ще бъде полезно за собствениците на смартфони.

Ако сайтът току-що се създава и искате веднага да се погрижите за интересите на интернет аудиторията, трябва да предпочетете адаптивния дизайн. При готов сайт създаването на адаптивен дизайн предполага висока трудоемкост на процеса и съответно по-висока цена.

Мобилна версия на сайта от уеб студио "Аспект": цената на разработката

Към днешна дата само част от сайтовете са адаптирани за работа с мобилни устройства, което означава, че все още имате шанс да си върнете своя дял от трафика. Изработката на мобилна версия на сайта Ви предлага уеб студио Аспект.

Цената на тази услуга е от 15 000 рубли. Ние създаваме мобилна версия на базата на съществуващия сайт и включваме само най-добрите специалисти в тази задача.

Цената на работата включва:

• Създаване на прототипи на нови страници.
• Разработка на мобилен дизайн.
• Оформление.
• Програмиране на мобилната версия на сайта и свързването й с основната.

Колко време отнема създаването на мобилна версия?

Средно разработката на мобилна версия на сайта отнема от 10 работни дни. Конкретните условия зависят от обема на работата, т.е. броя на страниците на сайта, вида информация, представена на тях.

Можете да намалите крайните срокове, като намалите броя на страниците, които трябва да бъдат „прехвърлени“ на екраните на смартфоните – това може да са страници, които предоставят вторична информация, която не е ценна за потребителите на мобилен интернет.

Как върви разработката на мобилната версия в нашето уеб студио

Алгоритъмът на нашата работа може да бъде представен по следния начин:

1. Вашето приложение за разработване на мобилна версия (по телефон, имейл).
2. Среща и обсъждане на проекта с управителя.
3. Оценка на обхвата на работата и изчисляване на точната цена на услугата.
4. Изготвяне и подписване на договора.
5. Заплащане и започване на работа.
6. Разработване на дизайна на мобилната версия на сайта.
7. Съгласуване и подписване на акта за приемане на оформлението на проекта.
8. Оформление на мобилната версия.
9. Трансфер на съдържание.
10. Доставка на проекта.

Убедени сте в необходимостта от мобилна версия и искате да поръчате нейната разработка? Уеб студио "Аспект" винаги се фокусира върху най-новите тенденции и е готово да ви окаже професионална помощ при "мобилизирането" на вашия сайт.

С настъпването на бума на мобилните устройства разработчиците бяха изправени пред избор: трябва ли да запазят мобилни версии на своите сайтове заедно с „пълноценни“ или сайтовете да станат отзивчиви и да се адаптират към различни размери на екрана?

В момента при изграждането на мобилни версии на сайтове има 3 основни начина за изграждането им:

• Адаптивен дизайн;
• Отделна мобилна версия на сайта;
• RESS (Отзивчив дизайн + страна на сървъра).

Всеки от методите има своите плюсове и минуси, които ще се опитам да опиша подробно.

Адаптивен дизайн

CSS3 Media Queries обикновено се използват за внедряване на отзивчив дизайн. В зависимост от размера на екрана, потребителят ще види различна картина:

@media screen и (max-width: 1600px) ( div.for-example (width: 1500px;) ) @media screen and (max-width: 1280px) ( div.for-example (width: 1100px;) ) @media екран и (макс. ширина: 1024px) ( div.for-example (width: 980px;) )

Предимства на адаптивния дизайн

• Лекота на развитие -с адаптивно оформление, цялата структура на сайта автоматично се настройва към различните ширини на екрана. За да получите работещ продукт, не е нужно да пишете всичко от нулата - просто настройте CSS и HTML ... Като се има предвид наличието на рамки като Bootstrap, подобно развитие не е много трудно със стандартна реализация. Освен това поддържането на такъв продукт би било сравнително проста задача.
• Един URL адрес -ни спасява от ненужни пренасочвания и необходимостта потребителят да помни адреса на мобилната версия (дори и да е само префикса m.). Също така наличието на един адрес ще повлияе положително на популяризирането на сайта, тъй като ще бъде „по-удобно“ за работа на търсачките.

Недостатъци на адаптивния дизайн

• Разни задачи -типичните задачи на "мобилните" потребители на големи сайтове обикновено се различават от тези на потребителите на компютри. Ако сте клиент на банка, тогава най-вероятно в мобилната версия на сайта ще се интересувате от много ограничен набор от информация - адреси на най-близките клонове, банкомати и др.
  Като цяло, с адаптивното оформление, най-често срещаният подход е да се направи копие на обикновен сайт, да се реализират нуждите на всички групи в оформлението за телефони целева аудитория. Но тогава можете да забравите за използваемостта. Второстепенните секции, необходими за пет процента от посетителите, ще създадат неудобство за по-голямата част от клиентите.
„Тежестта“ на сайтовете остава сериозна пречка за потребителите на мобилни телефони. Това означава, че някои от активните елементи, характерни за сайтовете за настолни компютри, включително вградени карти, видеоклипове, кредитни калкулатори и анимирани менюта на мобилни сайтове, трябва да бъдат заменени с по-леки алтернативи. Може ли адаптивният дизайн да ни даде тази възможност? При популярно изпълнение потребител с малък екран трябва да зареди цялата страница, за да види само част от нея. Например, ако настолната версия на основното оформление тежи 200 Kb, а мобилната версия тежи още 50 Kb, ще трябва да изтеглите 250 Kb, за да я видите. Разбира се, можете да използвате компресиране на кода на страницата, но допълнителни заявкипак ще отиде на сървъра.
• Безнадеждност -Един от безспорни предимствамобилна версия: ако не ви харесва, можете да я изключите, да преминете към обикновен домейн. Уебсайтовете с адаптивен дизайн не предоставят този прост, но важен избор. Ако персонализираното оформление е неудобно, има грешки или ако скрива важен елемент за навигация, оставете го на мира: не можете да направите нищо, за да го видите отново. Ще трябва да тичате, за да търсите настолен компютър или уебсайт на конкурент. Можете да измислите "патерици", за да заобиколите това ограничение (използвайте бисквитки и включете различни стилови таблици). Но този подход усложнява развитието.

Като цяло идеята за разработване на мобилна версия в адаптивен дизайн е доста популярна, въпреки горните недостатъци. По-специално, тази концепция е напълно подкрепена от такива гиганти като например Google.

Отделна мобилна версия на сайта

За да направят сайта удобен за мобилни потребители, те често създават и отделни версии на сайтове - специално ориентирани към потребителя със смартфон / таблет. Най-честата практика е мобилните потребители да се пренасочват към специален поддомейн (m.example.com, mobile.example.com и т.н.). Вероятно в 99% от случаите мобилната версия е съкратена основна версия - само с функционалността, която според разработчиците ще бъде необходима и полезна за потребителите на мобилни устройства и таблети.

Предимства на мобилната версия

• Лесна промянатъй като сайтът съществува де факто отделно от основната версия, много по-лесно е да правите промени в него, свързани само с мобилната версия, тъй като мобилната версия най-често не предоставя излишна, ненужна функционалност.
• Удобство за потребителя -мобилната версия обикновено е значително опростена в сравнение с настолната версия, така че потребителят няма да трябва да ходи далеч за информацията, от която се нуждае.
• скорост -поради същото опростяване на сайта, мобилната версия се зарежда по-бързо. Това е от съществено значение за потребители, които все още използват GPRS или слаб 3G.
• Избор-най-често в мобилната версия е възможно да преминете към основната версия на сайта.

Недостатъци на мобилната версия

• Множество адреси -
• Неудобство за потребителя -различни адреси за десктоп и мобилни версии. За някои това може да се окаже плюс, за други може да бъде изключително досаден фактор, когато за да видите удобно сайта, трябва да запомните още един адрес. Има и проблеми с търсачките: за да избегнат дублиращо се съдържание, SEO специалистите трябва да използват мета таговете rel="alternative" и rel="canonical". Освен това, когато мобилен потребител Търсене в Googleщракне върху връзката в резултатите, той ще бъде отведен до настолната версия или пренасочен към мобилната версия. Но ако мобилната версия на тази страница не съществува, тя ще получи грешка.
• Ограничение -създаването на отделен мобилен сайт означава да се отървете от част от съдържанието и функционалността. Освен това може да имате два различни набора от съдържание, което може да повлияе негативно на цялостната информационна картина.

Като цяло създаването на мобилни версии на сайтове се оправдава доста добре, особено за големи проекти. Като пример Amazon използва специална, мобилна версия на сайта.

RES

Самият Google, въпреки че поддържа използването на адаптивен дизайн от уеб администратори, използва различна система в своите продукти. Ако посетите напр. начална страницапод различни потребителски агенти можете да видите различен HTML за различни устройства. RESS - Адаптивен дизайн + сървърна страна. Пример за изпълнение, скициран "на коляно":

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) . $DS . "библиотеки" . $DS . "browser.php"); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) else if($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) else( $tmpl = "template .php"; ) include(dirname(__FILE__) . $DS . "templates" . $DS . $tmpl);

Предимства на ВЕИ

Всъщност методът може да включва предимствата както на отделна мобилна, така и на адаптивна версия на сайтове, в зависимост от внедряването. От какво ще бъде новото:

• Минимизиране на трафика -Ненужният JavaScript може да бъде премахнат от HTML, което освобождава процесора, паметта и кеша на мобилното устройство. Може също да бъде специално оптимизиран html и css.
• Възможно е да се използва насочване -например за устройства с Android предлагайте да изтеглите приложението от GooglePlay, а за Apple - от iTunes. За всяко устройство можете да направите свое оформление.

минуси

• Трудност в развитиетотакъв метод ще изисква подходяща сървърна конфигурация и работа на повече програмисти. Също така ще е необходимо да се направят няколко различни опции за оформление.
• Механизъм за откриване на устройство -За съжаление, дори и в наше време все още не е доведено до съвършенство. Доста често се появяват истории за това как нечий рядък телефон не се определя като мобилно устройство.

Като цяло RESS е най-добрият от трите предложени варианта, но изисква много повече усилия по време на разработката.

Резюме

Според мен лично няма идеален вариант, който всеки да използва. Най-добрият вариант за мен е RESS. Това обаче е един от редките варианти, защото изисква много усилия за изпълнение. Като цяло и 3-те варианта имат своите плюсове и минуси, в зависимост от същността и посоката на сайта.

Издадохме нова книга „Маркетинг на съдържание в социалните медии: Как да влезете в главата на абонатите и да ги накарате да се влюбят във вашата марка.“

Мобилната версия на сайта е дубликат на основния сайт, за който се използва специално оформление, което ви позволява удобно да преглеждате и навигирате през страниците на ресурса от мобилни телефони и таблети.

Още видеоклипове в нашия канал - научете интернет маркетинг със SEMANTICA

Мобилният телефон се превърна в най-добър приятелза повечето хора на планетата. Модерните мобилни джаджи почти напълно иззеха ролята настолни компютрии коренно промени поведението на потребителите в Интернет. Те са както източник на информация, така и средство за изпълнение на много задачи. Динамиката на живота изисква максимално ефективно използване на времето, поради което отдавна учим, купуваме и резервираме в движение.

Всеки проект в Интернет има свой собствен основен сайт, но разделителната способност на екрана на мобилните устройства е различна от тази на компютрите и лаптопите. В резултат на това е почти невъзможно да използвате сайта от телефон, тъй като дисплеят му е много неудобен. Ето защо имаше нужда от оптимизирана версия на сайта, която да бъде четима от джобни джаджи.

Защо ви е необходима мобилна версия на сайта

Изобилието от идентични уеб ресурси, както информационни, така и продаващи, генерира липса на лоялност от страна на посетителите. Интернет потребителите имат избор, така че когато посетител се натъкне например на неудобна навигация на ресурс, той предпочита да не си губи времето, а да напусне сайта и да отиде при конкурент. Тази ситуация принуждава администраторите да създадат най-удобните условия, за да не само привлекат посетители, но и да ги мотивират да останат.

Максималното покритие на целевата аудитория и създаването на удобни условия за нея - за това е предназначена мобилната версия на сайта.

Отделна мобилна версия на сайта е внедряването на удобен достъп до сайта от мобилни устройства, което се използва от дълго време. В смартфоните сайтът се показва в една колона, така че преди да направи мобилна версия на сайта, разработчикът трябва да помисли внимателно за дизайна - да постави всичко така, че да не намали посетителя по никакъв начин във функционалността и на в същото време направете взаимодействието с ресурса възможно най-удобно.

Как работи

Принципът, по който се взема решение коя версия да се покаже на посетителя е, че когато потребителят влезе в сайта, автоматично откриванеекран на устройството. Ако ширината на екрана е идентифицирана като мобилна притурка, тогава се задейства пренасочване към мобилната версия на ресурса, която се намира на отделен поддомейн. За да попречите на търсачките да третират тази версия като отделен ресурс в бъдеще, по-добре е да поставите поддомейн в същия домейн като основния сайт, в противен случай популяризирането на мобилната версия на сайта ще бъде контрапродуктивно.

Как да преведете сайта в мобилна версия

Има определени принципи и тяхното прилагане ще изисква умения за програмиране и оформление.

В моб. версия, трябва да запазите общата концепция с настолната версия, но в същото време да разработите отделни дизайнерски решения, както и интерфейса, който е най-удобен за използваемост. Ресурсните елементи на екрана на посетителя трябва да са разположени на подходящо разстояние и да се показват достатъчно големи за лесно докосване с пръст. След това има тестване и окончателно стартиране.

Мобилна версия срещу адаптивно оформление

Успоредно с отделна мобилна версия на сайта, има и друга интерпретирана вариация - адаптивен дизайн.

Нека се опитаме да разберем как мобилната версия на сайта се различава от адаптивната.
Адаптивният сайт не е отделна версия на ресурса, той е основният сайт и автоматично се настройва към резолюцията на устройството, от което влизате.

Предимствата на адаптивното оформление включват факта, че има същия адрес като основния сайт, така че не е необходимо пренасочване. А това значително повишава позицията на сайта при класиране. търсачки. По време на отварянето се показва абсолютно същото съдържание на сайта и неговата функционалност, но външният вид се адаптира към размера на прозореца. Освен това има възможност за оптимизиране на ресурса.

Но разработването на адаптивна версия е по-отнемащ време процес; съответно скъпата част от събитието също ще бъде по-голяма.

Адаптивният дизайн е подходящ за ресурси, които нямат голям оборот на посетители - онлайн магазини, блогове, визитки, както и уебсайтове, чиято основна задача е да доставят съдържание.

Плюсове и минуси на мобилната версия

Мобилната версия има повече висока скоростизтегляния и лесна навигация. Тъй като посетителят вижда минимум разсейваща информация, вероятността от положително действие от негова страна е по-висока. В допълнение, отделна мобилна версия е напълно независима от настолната. Това дава възможност да се работи с тях поотделно.

Недостатъците на такава концепция включват определени трудности в областта на SEO промоция. Тъй като разполагането на едно и също съдържание се възприема като дубликат, това налага отделни мерки за премахване на негативното влияние върху процеса на популяризиране на сайта. Като се има предвид, че мобилната версия не е универсална, тя изисква отделна разходна позиция в допълнение към съдържанието на основния сайт.

Тази версия на сайта е подходяща за големи проекти, които вече имат голям трафик към основния сайт, но искат да увеличат лоялността към мобилни устройства без редизайн. В повечето случаи отделна мобилна версия е подходяща за ресурси, където скоростта на изтегляне е важна - социални мрежи, пощенски услуги, новинарски портали.

Обобщавайки, можем само да кажем, че днес разумна необходимост от всеки интернет проект е възможността за правилно показване на сайта на мобилни устройства. Как да се реализира това зависи от целите и задачите на сайта, бюджета и възможностите.