×
Россия +7 (495) 139-20-33

35+ инструментов для создания мобильных сайтов

Россия +7 (495) 139-20-33
Шрифт:
4 33812

Год назад Google анонсировал «Мобайлгеддон», которого ждали и боялись вебмастера всего мира. А недавно его примеру последовал и Яндекс, анонсировав формулу ранжирования «Владивосток». Тем самым поисковые системы не просто намекают, а уже говорят прямым текстом о необходимости создания мобильных версий сайтов. Именно поэтому редакция SEOnews решила создать подборку инструментов, которые пригодятся вам при создании мобильной версии вашего ресурса.

Конструкторы

Dollarphotoclub_70953039-700x466.jpg

1. MoFuseодин из самых известных конструкторов мобильных сайтов. Инструмент платный, минимальная стоимость – $9 в месяц.

2. Wirenode – позволяет настраивать доменное имя, загружать изображения, отслеживать посетителей. Есть бесплатная версия.

3. Mippinбесплатный инструмент с поддержкой рассылки RSS.

4. Winksite– еще один бесплатный конструктор мобильных сайтов.

5. MobiSiteGaloreплатформа для разработки мобильных веб-сайтов, которые можно посещать как с компьютера, так и с мобильного телефона. Минимальная стоимость – $49 в год.

6. Mobify– инструмент с простым и интуитивно понятным интерфейсом.

7. Wirenodeэтим конструктором пользуются такие компании, как Ford, Nokia и Reebok.

8. Onbileинструмент обещает создать мобильную версию вашего сайта за пять минут (или даже меньше).

9. DudaMobileпоможет создать сайт с адаптивным дизайном.

10. MoAction конструктор мобильных сайтов для малого бизнеса и интернет-магазинов.


Проверка работы на различных устройствах

120504333_5062761_1.jpg

10. Ipad Peekинструмент позволит узнать, как ваш сайт выглядит на экране IPad или iPhone. Сервис бесплатный.

11. Mobile Phone Emulatorздесь вы можете посмотреть на свой сайт на экране iPhone, HTC, LG, BlackBerry и Samsung.

12. ScreenflyЕще один бесплатный сервис с поддержкой различных устройств.

13. Matt Kersley’s Responsive Design Testing – бесплатный инструмент.

14. Responsinatorпозволяет узнать, как инструмент выглядит на iPhone, iPad, Android, и Kindle.

15. Opera Mini Simulator – эмулятор от Opera с большой базой мобильных устройств.

16. CrossBrowserTestingздесь вы можете проверить сайт на более чем 130 версиях браузеров.

17. BrowserStackплатный инструмент, предоставляет доступ к широкой базе браузеров.

18. Multi-Browser Viewerприложение, которое содержит 11 мобильных браузеров и эмуляторов, 55 автономных браузеров и 88 различных разрешений для тестирования экрана браузера в разных форматах.

19. Perfecto Mobileпредоставляет доступ к широкой базе мобильных телефонов и планшетов.

Инструменты для адаптации видео и изображений

Dollarphotoclub_71902629-e1440029097898-700x466.jpg

20. Adaptive Imagesизменяет размер изображения в зависимости от размера экрана.

21. Senchaдинамически изменяет размер изображений (не увеличивает).

22. Resizeable Images  руководство по изменению размеров изображения в зависимости от объема текста.

23. Responsive Widgetsэтот плагин предлагает новые текстовые/HTML виджеты WordPress, доступные только на гаджетах типа iPad, Nook, PlayStation Vita и других общих устройствах.

24. FitVidJS – плагин для создания эластичного видео.

25. Photo Swipe – адаптивная галерея для мобильных и сенсорных устройств.

26. FitTextплагин, делающий шрифты «резиновыми».

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

1.png

27. W3C mobileOK Checker

28. Google Developersинструмент для проверки от Google.

29. Keynote MITE

30. Urlitor

31. Bing

32. HubSpot's Marketing Grader

33. Mobile go

34. Herdl

35. Ranktank

(Голосов: 8, Рейтинг: 4.5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    6 месяцев назад
    Pretty! This was a really wonderful post. Thank you for providing these details.

    -
    0
    +
    Ответить
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    6 месяцев назад
    I blog frequently and I really appreciate your content. Your article has really peaked my interest. I am going to bookmark your website and keep checking for new details about once per week. I subscribed to your RSS feed too.

    -
    0
    +
    Ответить
  • Beyhadh 2
    3
    комментария
    0
    читателей
    Beyhadh 2
    6 месяцев назад
    Nice post. I learn something totally new and challenging on websites I stumbleupon every day. It's always useful to read through articles from other authors and practice something from other sites.

    Beyhadh 2
    -
    0
    +
    Ответить
  • Skarui
    96
    комментариев
    0
    читателей
    Skarui
    больше года назад
    Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.

    Пример:
    На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все з...
    Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.

    Пример:
    На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все збс, все оптимизировано. Но заглянув к примеру в Метрику срез по году по популярным разрешениям экранов, там много больше разрешений. Так вот, если делать адаптив под все разрешения хотя бы те что >960px то там как минимум 5 итераций надо. По времени и ресурсам накладненько. Но не сделав этого, пользователь зайдя с планшета ужаснется от внешнего вида и убежит как испуганная крыса с корабля.
    -
    7
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Сергей
2
комментария
0
читателей
Полный профиль
Сергей - Прошёл у Паши курс год назад, пытался продвигать свой сайт portativ.org.ua, но особых продвижений нет. Наверное сео уже умерло??
Облако тегов в интернет-магазине: прикладная инструкция по увеличению трафика
Юлия Дмитриева
2
комментария
0
читателей
Полный профиль
Юлия Дмитриева - Согласна с вами, что в любом деле важен индивидуальный подход:)
Специалисты в Рунете заметили глобальную накрутку поведенческих факторов
Дмитрий Кулаевский
1
комментарий
0
читателей
Полный профиль
Дмитрий Кулаевский - кто-нибудь знает как с этим бороться? очень много такого трафа идёт с июля, сайт сильно просел
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
Яндекс возобновил «показательные порки» за накрутку поведенческих факторов
Антон
1
комментарий
0
читателей
Полный профиль
Антон - Никакой не выпал. Кроме клиентского сайта, который проседал из-за скрутки, о чем Я.Поиску сообщали и клиенту тоже. Ноль реакции от поисковика (продолжайте развивать сайт, никаких проблем нет ...). Клиенту надоело и он заказал накрутку у подрядчиков. Мы искренне ждали бана, сообщали об этом клиенту, т.к. мы все таки делаем все остальное для развития. Как итог: с лета полет нормальный. Сайт растет, никаких проблем. Случайно даже стажер палил тех поддержке факт использования накрутки. И ничего. Сайт растет дальше. Если они не могут ничего принять даже после признания факта накрутки, что они могут сделать с жалобами на накрутку конкурентов?! Никогда не одобряли данные методы, но ... похоже ... все работает :)
«Нет в наличии»: что делать с карточками отсутствующего товара
freyr energy
1
комментарий
0
читателей
Полный профиль
freyr energy - Thank you so much @ admin for share your valuable thoughts and ideas We always enjoy your articles its inspired a lot by reading your articles day by day. So please accept my thanks and congrats for success of your latest series. We hope, you should published more better articles like ever before solar rooftop
Яндекс тестирует оценки сайта в сниппете
Сергей Демин
8
комментариев
0
читателей
Полный профиль
Сергей Демин - вопрос такой: где получить оценку о сайте? а не об организации
15 языков программирования, за знание которых платят выше среднего
Любомир
2
комментария
0
читателей
Полный профиль
Любомир - Ну и ЗП: ни слова о том что она варируеться от 0 до 100 000$ в год!!! Что до высокой зп надо несколько лет етим заниматся! Что 100 000$ в год на западе заробатывают, а где нибудь в азиатских страннах 100$ в год. В СНГ первые годы в разработчика ЗП как в грузчика на складе - это где то 4-5 тыс. долларов в год, и уже имея несколько лет опыта возможно дойти до 10-20 тыс. долларов в год! Почему нет конкретики? Меня лично нервирует то что людям внушают великие ЗП в АйТи, а люди тупые и ведутся!!!!
Локальное продвижение интернет-магазина: как получить дополнительный трафик из регионов
Саша Дружин
2
комментария
0
читателей
Полный профиль
Саша Дружин - У меня был опыт раскрутки сайта на иностранных рынок, например для анголязычной аудитории. В целом отличия есть, хоть и небольшие. Больше всегда прироста получил после закупки ссылок от www.e-raskrutka.ru/anothercountry , они достаточно качественно работают на англоязычную аудиторию и могут лаконично вписаться в любое обсуждение. Можно самому попробовать заказать такие ссылки и посмотреть на результат.
От количества к качеству: что происходит с рекламой в Рунете
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Истину глаголите!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
384
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
91
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!