Содержание страницы
домикГлавная / Адаптация сайта
мобильный сайтЯ настоятельно рекомендую сделать грамотную адаптацию вашего сайта и при этом перестать терять своих посетителей.
Все больше и больше набирает популярности мобильные устройства подключенные к интернету. Потому что быстро и удобно.

В общественном транспорте оглядитесь вокруг, сколько молодых людей ( и не только молодежь ) уткнулись носом в свои мобильные устройства, айфоны, смартфоны, планшетники.
Они также потенциальные посетители на ваш сайт.

Все новинки первыми появляются здесь.

Это сотни и тысячи посетителей, которые заходят на ваш сайт из мобильных телефонов, смартфонов или планшетов и тут же уходят. Уходят потому, что ваш сайт не адаптирован и на маленьком экране телефона выглядит совсем не привлекательно, так как изначально делался под большие экраны ноутбуков и настольных компьютеров. Ничего прочитать невозможно, потому что очень маленький шрифт и притом кнопки не работают, навигация на нулю.
Я вчера посмотрел статистику посещений своего канала на ютюбе, и был поражен тем, что большинство посетителей было именно из мобильных устройств. Я даже сам не ожидал такого поворота.
И эта тенденция идет по возрастающей. Так представляете сколько посетителей теряем на свои сайты из-за банального отсуствия адаптивности?

Сегодня, из интереса попросил друга показать мой сайт на его мобильном ( у меня мой не подключен к интернету ), - я был в шоке. Совсем ничего прочитать не возможно. И вообще выглядит совсем по другому, будто не мой сайт.
А оказывается, что потратив небольшое время, можно применить адаптацию к сайту и спать спокойно. Понравилась фраза сказанная Евгением Ходчинком, тренера школы StartUp: «Ваш сайт станет ближе к вашим посетителям и в прямом смысле слова окажется в ихнем кармане.»

К тому же улучшится и пользовательский фактор, так как посетитель сможет спокойно читать, за счет того, что отображение вашего блога будет соответствовать размерам мобильного устройства. Сайт будет выглядеть более привлекательно на экране мобилки и поэтому посетитель больше времени будет "сидеть" на вашем сайте.
Я к примеру для адаптации, сделал сайт на Бутстрап, увеличив при этом шрифт и кнопки на страницах, и больше такой проблемы не испытываю. Теперь мой сайт прекрасно отображается на всех устройствах, что и вам советую.

Так же испробовал materialize фреймворк, который тоже идеально подходит для адаптации вашего сайта, только он ещё и весит меньше, чем Бутстрап, но такой же шустрый и практичный с огромными возможностями.
Вывод:
Для адаптации вашего сайта под мобильную версию достаточно скачать файлы любого из упомянутых фреймворков, подключить их к интернет ресурсу, и добавить предоставленный разработчиками код на свои страницы. Работы конечно не на 10 минут, но поверьте, - оно этого стоит.

И не забываем прописывать один из главных кодов в шапке документа, который и несёт ответственность за правильный показ текстовой и графической информации на мобильных устройствах.
htmlCOPY
<head> ... <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ... </head>
Дата публикации: 22.05.2019
Комментарии
Добавить комментарий
Комментарий не отправлен!
Комментарий успешно отправлен!
После модерации он будет опубликован!
Имя - только русские буквы!
Это обязательное поле!