CrewingTop
CrewingTop - Работа для моряков, крюинги
 The best seamen website

Адаптивный дизайн для древнего сайта с табличной версткой (3)

Самостоятельная работа над сайтом

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

Пришлось опять с головой погрузиться в интернет и попытаться по крупинкам отыскать, что же делают люди хоть и не в моем, но в похожих случаях. Оказалось, что у проблемы есть хоть и не совсем изящное, но все же неплохое решение: если, например, на дескотопе пользователь видит форум целиком, то на смартфоне форум также целиком грузится в браузер, но пользователю совсем не обязательно показывать все столбцы таблицы. Например, столбец с датой последней публикации можно и скрыть от пользователя. Тогда оставшиеся столбцы вполне комфортно себя чувствуют даже на 4-м iPhone. Данный метод я использовал и в дальнейшем, в частности, в модуле вакансий для моряков. Работа над форумом предстояла огромная, но уже было понятно, что делать и к чему стремиться.

Работа над сайтом высветлила множество проблем, на которые раньше просто не обращал внимания. Например, в новый дизайн не сильно вписывались дата и время, которые ранее были на каждой странице в шапке. Это заставило задуматься, а нужны ли они вообще? Что, пользователь не знает, какая сегодня дата? В общем, все это лишний и никому ненужный код. Другой момент… Ранее у меню был небольшой заголовок: «Главное меню». А кому такой заголовок нужен? На сайте всего одно меню и подписывать на каждой странице, что это меню, - вещь абсолютно бестолковая.

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

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

В общем, удобного момента я так и не дождался и после контракта в конце декабря вернулся домой. Дома вся работа с сервером заняла у меня всего лишь пару часов. Сейчас начало января. Думаете, работы с сайтом я закончил? Куда там… На многих страницах оказался невалидный код, также невалидным оказался CSS, что я благополучно победил. Занимаюсь SEO-аудитом с внесением различных исправлений. Также появляется куча новых идей, которые я продолжаю реализовывать.

Стоило ли заниматься адаптивным дизайном?

  • Несмотря на то, что CSS увеличился в 2 раза, код страниц стал более компактным, т.е. сайт стал грузиться намного быстрее.

  • Сайт смотрится хорошо и на десктопе, и на небольшом ноутбуке, и на планшете, и даже на смартфоне.

  • В 5 раз вырос доход от Adsense!

  • Добавились новые возможности.

  • Жду улучшения ранжирования, а соответственно и посещаемости.

  • В общем, сайт продолжает жить и развиваться.

1  2  [3]