Издание о поисковом маркетинге
и заработке в Интернете
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

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

Россия +7 (495) 960-65-87
Шрифт:
1 9069

Год назад 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поможет создать сайт с адаптивным дизайном.


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

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

internet-dlya-biznesa
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • Skarui
    91
    комментарий
    0
    читателей
    Skarui
    3 месяца назад
    Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.

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

    Пример:
    На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все збс, все оптимизировано. Но заглянув к примеру в Метрику срез по году по популярным разрешениям экранов, там много больше разрешений. Так вот, если делать адаптив под все разрешения хотя бы те что >960px то там как минимум 5 итераций надо. По времени и ресурсам накладненько. Но не сделав этого, пользователь зайдя с планшета ужаснется от внешнего вида и убежит как испуганная крыса с корабля.
    -
    3
    +
    Ответить
    Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Конкурс: угадайте пятерку лидеров рейтинга «Известность бренда SEO-компаний 2015»
Жанна Рожкова
127
комментариев
0
читателей
Полный профиль
Жанна Рожкова - итоги подведены, всем спасибо :)
Тест: проверь свои знания по SEO
Aberix
0
комментариев
0
читателей
Полный профиль
Aberix - >Ох уж мне этот офисный планктон Ох уж эти тролли :)
Пишем биддер для Google AdWords из 10 строчек
Константин Олегович
4
комментария
0
читателей
Полный профиль
Константин Олегович - а вы можете дать точный скрипт с ограничением ставки? а то самому сложно сделать без опыта
Выиграйте бесплатный билет на обучение по SEO
Айдар Хайруллин
1
комментарий
0
читателей
Полный профиль
Айдар Хайруллин - Хочу пройти курс чтобы еще раз убедится в Вашем профессионализме и понять как продвигать бизнес при помощи SEO, так как тут самый дешевый клиент))
Подведены итоги рейтинга «Известность бренда SEO-компаний 2015»
Гость - Не рвись так Хуянг. Иди лучше сайтецы продвигай, а то никитос премии лишит.
Золотое правило SEO: хватит технарствовать – пора фигачить!
Рустем Фахрутдинов
14
комментариев
0
читателей
Полный профиль
Рустем Фахрутдинов - На самом деле, мы сделали почти всё :) А в статье - пример того, как это удалось чуть позже автоматизировать.
Ссылки все еще работают?
Roman Popov
41
комментарий
0
читателей
Полный профиль
Roman Popov - Но это ведь совсем другая история! =)) По коммерческим запросам такими вещами заниматься не следует. По информационным - можно, вероятность схватить по голове тут довольно маленькая даже при злоупотреблениях.
100 полезных ресурсов, без которых не обойтись начинающему SEO-специалисту
Игорь Ходырев
1
комментарий
0
читателей
Полный профиль
Игорь Ходырев - От души. Действительно самые полезные ресурсы. Использую 90% из перечисленного. Кокшаров и Шахов - лучшие!
Мастер-класс: как составить файл sitemap.xml
Айрат Рахимзянов
19
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Здравствуйте. Спасибо за вопрос! На вашем месте, я бы добавил в файл sitemap.xml только страницы 2 и 3 уровней вложенности без указания необязательных тегов (prioirity и т.п.). Не забудьте указать путь к файлу sitemap.xml в панелях вебмастеров и отследить как пойдет индексация. Скоро выйдет новая статья, посвященная разным методикам, позволяющим быстро проиндексировать/переиндексировать сайт, я думаю, эта статья будем вам полезна. Ссылку скину в этой ветке комментариев.
Энциклопедия интернет-маркетинга: составляем корректный robots.txt своими руками
Kirill Terentiev
10
комментариев
0
читателей
Полный профиль
Kirill Terentiev - "Недокументированные" возможности robots.txt Можно разместить вакансию, например. # Приглашаем на работу SEO-специалистов: оптимизаторов, аккаунт-менеджеров hh.ru/employer/18738 User-agent: * Disallow:
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
171
Комментариев
153
Комментариев
137
Комментариев
127
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
91
Комментариев
80
Комментариев
68
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
45
Комментариев
44
Комментариев
44

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