Модернизация сайта компании «Стекло ШиК»
Компания «Стекло ШиК» оказывает услуги по обработке стекла, проектированию и сборке стеклоизделий.
Сайт попал к нам после нескольких безуспешных попыток разных разработчиков довести его «до ума».
Проделаны работы с внешней (доступной всем посетителям) частью сайта и с администраторской панелью, модернизация которой в данном материале не раскрыта.
Были сформулированы основные цели модернизации внешней части сайта.
Цели модернизации сайта
- повысить юзабилити (удобство использования) сайта;
- сделать представление услуг на сайте нагляднее и полнее;
- придать сайту стиль;
- ускорить загрузку страниц сайта;
- создать предпосылки для увеличения количества целевых переходов на сайт из поисковых систем.
Как повысили юзабилити (удобство использования) сайта
- В «шапке» и «подвале» страниц сайта размещены блоки с контактной информацией компании.
- Из левого верхнего угла страниц сайта убрана неинформативная ненужная иллюстрация, на ее место перемещен логотип компании.
- Меню главных разделов сайта сделано удобно читаемым — размер пунктов меню увеличен, левая граница меню выровнена с левой границей страниц сайта.
- Со страниц сайта удалены ссылки на невостребованные разделы «Новости» и «Архив новостей».
- Страница с контактной информацией дополнена интерактивной схемой проезда, выполненной с использованием API Яндекс.Карты 2.0.
- Списки иллюстраций на страницах раздела «Портфолио» стали расположены по горизонтали. Теперь в окно браузера помещается больше иллюстраций.
Как сделали представление услуг на сайте нагляднее и полнее
- Раздел «Портфолио» дополнен новыми работами.
- В дополнение к разделу «Портфолио» возможности компании стали представлены также описаниями услуг и технологий, применяемых на производстве. Ссылки на страницы с описаниями услуг компании объединены в блоке «Услуги & Технологии», присутствующем на всех страницах сайта.
Как придали сайту стиль
- Страницы сайта избавлены от бирюзовых границ.
- Стиль сайту придали светло-серые границы, скругленные обводки и фоны, с использованием которых стали оформлены основные блоки страниц сайта (блоки с контактной информацией, блок «Услуги & Технологии», блок меню, блоки с названиями иллюстраций из портфолио, блок «подвала» и т. д.), а также новое оформление списков иллюстраций.
Как ускорили загрузку страниц сайта
Время загрузки сайта обусловлено несколькими факторами:
- каналом связи между компьютером пользователя и вэб-сервером, на котором расположен сайт;
- объемом информации на страницах сайта;
- временем формирования страниц сайта вэб-сервером.
Долгая загрузка страниц сайта компании «Стекло ШиК» оказалась связана в основном с третьим из перечисленных выше факторов и в меньшей степени со вторым.
Было измерено время формирования страниц сайта. Среднее время формирования страниц составило от 3 до 6 секунд, что неоправданно долго для такого не высоко нагруженного запросами посетителей и информационно не крупного сайта.
Причин долгого формирования страниц оказалось две.
- Миниатюры изображений, содержащиеся в списках работ «Портфолио» и других страниц сайта, создавались средствами сайта из полноразмерных изображений, загруженных редактором, при каждой загрузке этих страниц. Так на хостинге постоянно происходило формирование одних и тех же миниатюр, что было избыточными операциями, которые занимали ресурсы памяти и процессора сервера хостинга и что наиболее заметно для посетителя сайта — время.
- Реальный размер формируемых сайтом миниатюр в разы превышал размер, в котором миниатюры отображались на сайте (масштабирование миниатюр в отображаемый на сайте размер происходило средствами html разметки и браузера). Так сайт создавал лишний траффик, на загрузку которого также требуется время.
Причины проблемы были устранены.
- В механизм сайта добавлена проверка — если миниатюра изображения один раз сформирована, повторного формирования не происходит.
- Внесены исправления в механизм сайта, создающий миниатюры — теперь миниатюры изображений создаются размером, в котором они отображаются на сайте.
В результате время формирования страниц сайта стало лежать в диапазоне от 0,03 до 0,06 секунды, то есть сократилось в среднем в 100 раз.
Так была ускорена загрузка страниц сайта.
Как создали предпосылки для увеличения количества целевых переходов на сайт из поисковых систем
- На сайт добавлены страницы с описаниями видов обработки и технологий работы со стеклом, используемых на производстве компании. Это позволит увеличить количество страниц сайта в результатах поиска, и позволит сайту участвовать в результатах поиска по запросам, связанным с технологиями работы со стеклом.
- Портфолио пополнилось фотографиями и описаниями новых работ, что позволит увеличить присутствие страниц сайта в результатах поиска по запросам, связанным с наименованиями производимых компанией изделий.
- Все иллюстрации на сайте стали снабжены соответствующим тематическим сопроводительным текстом в атрибутах Alt и Title. Это позволит увеличить присутствие иллюстраций сайта в результатах поиска по запросам, связанным с изображенными на иллюстрациях объектами.