В последние годы адаптивная верстка стала очевидным фаворитом среди других вариантов mobile-friendly сайтов. В Справке Google это единственная версия, у которой нет недостатков, а Яндекс, отвечая на наш «Вопрос недели», , что в Рунете заметна тенденция «снижения количества отдельных страниц для мобильных (m.site.ru) в пользу адаптивного дизайна и динамического показа».
А раз есть спрос, то нужны и идеи. Помня об успехе прошлогодней подборки , редакция SEOnews решила собрать еще несколько интересных сайтов с адаптивной версткой, но на этот раз мы обратились к российским компаниям. И вот что мы увидели.
Как оказалось, большинство наших коллег из СМИ предпочитают мобильные сайты, а некоторые и вовсе еще не озадачились вопросом своей мобилопригодности. Редким исключением из правила стал «Коммерсантъ». В результате на главной адаптивного «Коммерсанта» читателя встречают два варианта новостей – краткий и подробный, а еще статьи, анонсы к которым написаны довольно мелким шрифтом серого цвета. Кажется, не лучший выбор для версии сайта, который будут просматривать с мобильных устройств.
В Meduza точно знают, что пользователи любят читать с мобильных именно новости. Поэтому адаптивный сайт издания – это такая длинная лента новостей, которые разбавляются вставками из других рубрик. Впрочем, в «Меню» есть возможность зайти отдельно в каждую из них.
«Сбербанк» решил сохранить в адаптивной версии все возможности, которые есть у посетителей десктопного сайта. И есть ощущение, что размещали они функции в порядке востребованности мобильными пользователями. Прямо в шапке возможность перейти в «Сбербанк Онлайн», раздел «Контакты», где есть не просто контактный центр, но и ближайшие отделения и банкоматы, и «Меню», в котором можно выбрать актуальную задачу. Отдельно телефоны контактного центра дублируются в первой прокрутке.
А вот сайт «Альфа-Банка» – это своего рода мобильный лендинг, на котором вы можете выбрать необходимую услугу. Выглядит довольно лаконично. Но, несмотря на отсутствие картинок, не считая фона, страницы грузятся довольно долго, а при выполнении некоторых операций вас просто перебрасывает на веб-версию сайта.
Как и на десктопе, адаптивная версия Тинькофф Банка встречает баннером, который занимает добрую половину экрана, зато заставляет пролистать дальше, чтобы узнать условия предложения. В целом сайт очень напоминаем своих западных собратьев, где крупные привлекательные изображения замещают длинные описания, а текст используется очень функционально.
Достойный пример услугового сайта. В отличие от банков, которым нужно уместить в ограниченном пространстве мобильного экрана множество опций для разных категорий клиентов, Aviasales может показать все своих услуги уже в первой прокрутке экрана. По кнопке меню открываются дополнительные возможности для поиска дешевых билетов. Те, кто все-таки решит пролистать вниз, могут почитать отзывы и информацию о компании.
Странно, но далеко не все онлайн-ретейлеры оказались готовы к переходу в mobile. И далеко не все из них оценили прелести адаптивной верстки. «М.Видео» у себя на сайте сосредоточились на акциях и популярных товарных категориях, что вполне логично для интернет-магазина. Немного удивляет разве что отсутствие в пределах видимости хоть какого-нибудь телефона для связи (или любой другой формы) и раздел «Магазины», который по умолчанию показывает московские филиалы, даже не уточняя местоположение пользователя.
Wikimart встречает большой формой поиска, кнопкой «Каталога товаров» и своими конкурентными преимуществами. Дальше идут товары по со скидками и акции, которые перемежаются предложениями зарегистрироваться на сайте или войти. И во всем этом нет ничего удивительного, но телефона снова нет. К слову, важная страничка с информацией о «Доставке и оплате» оказалась внизу страницы, в разделе «Покупателям», и ведет на десктопную версию сайта.
Да, у «АВТОВАЗА» есть сайт с адаптивной версткой. На нем можно относительно удобно ознакомиться с модельным рядом автомобилей и даже сконфигурировать что-то для себя. В обзоре некоторых автомобилей даже есть возможность «осмотреть салон изнутри». И о наболевшем – телефон клиентской линии спрятан в футере.
Единственный из лидеров мобильной связи, у которого есть адаптивная версия. «Мегафон» сходу предлагает клиентам решить сразу несколько актуальных проблем вроде пополнения счета или получения информации о роуминге и мобильном интернете. Правда, выглядит это так, будто на сайте не подгружаются картинки. В этой мысли еще больше укрепляешься, долистываешь до предложения купить смартфон или планшет. И да, на сайте мобильного оператора нет телефонов контактного центра.
Кажется, с адаптивной версткой Яндекс чувствует себя даже лучше, чем в веб-версии. Здесь на одной странице уместились почти все Я.Сервисы, причем выглядят они иногда даже более привлекательно, чем на десктопе. Главное, чтобы пользователи не уставали листать.
И, как всегда, приглашаем вас делиться своими примерами адаптивных сайтов в комментариях.
Игорь -
отличная подборка, сам многим из этих сервисов пользуюсь (ETXT, TEXT.RU, Адаптивность, Pingdom Website Speed Test, Google PageSpeed Tools, 2IP, Whois, Букварикс)
Правда не мог найти достойного кластеризатора, но потом наткнулся на вот этот seoquick.com.ua/keyword-grouping/ не сочтите за рекламу:)
Было бы интересно услышать ваше мнение о нем. Мне очень даже зашел, из-за скорости работы. Как говорит автор - 100 000 запросов за несколько минут. Я с такими цифрами правда не работал, обычно это до 30 000 точно, но работает очень быстро и в правду. Ну и бесплатно, думаю, это был еще один решающий фактор для меня
Стас -
Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
Рустем Низамутинов -
Расписал и закинул в Google Docs, а то здесь в комментариях ссылки на активны.
docs.google.com/document/d/1r0TZLNrQyYLdIzDQsD5YKlMG41HUGQgEep3bxE_ij-M/edit?usp=sharing
Гоша -
Ну да! Тырить легче, чем самому писать... Или хотя бы заказать. Ещё и хвастаемся.
Поисковики - не дураки - найдется фильтр и на тех, что воруют чужой контент. Еще немного... еще чуть-чуть.
Получается, если ты украл в магазине - ты вор, а если в интернете - ты предприниматель. Успеха!
Гость -
Это ж Яндекс, чего вы ожидали-то? Коммерческая структура с раздутым штатом, задачей которой является заработать больше денег. Любыми методами. Задача всех пользователей посадить на Директ, даже если придется разрушить суть рунета, реализуется по полной программе. Все возражающие караются и выпиливаются.
И каждый из сотрудников делает все возможное и невозможное, чтобы реализовать любую дурацкую идею - за это еще и премию выхватить можно. Даже если потом придется выполнять "откат", премиальные уже заплачены. Так было с одним из фильтров Яндекса, так было с купленным им сайтом Кинопоиска, который из русскоязычной энциклопедии кино был превращен за безумные деньги в банальный платный онлайн-кинотеатр.
Иван Стороженко -
Добрый день.
1)Чаще всего основная проблема заключается, в согласовании с клиентом добавляемого контента и то как он будет отображаться. На данном сайте фото и услуги конечно предоставлял клиент, все остальное уже делали мы.
2)Да в принципе, когда есть команда и понимание, что нужно делать, все идет быстро (опять же основная заминка идет на согласовании с клиентом)
3)Смысла делать новый в данном случает нет. В принципе доделывался полноценный сайт.
4)Когда клиент уже не предоставляет информацию, приходится искать у конкурентов (например с других стран или регионов). Но чаще всего клиент, хоть что-то "подкидывает".
