Задача по созданию сайта
К нам в «АБМ» ИТ-интегратор обратились представители компания «Термомеханикс» с запросом на разработку сайта по продаже оборудования Deya для термообработки. Особенность обращения — задачу необходимо было выполнить к началу выставки производственных компаний, где планировалось принимать обращения от новых клиентов через сайт.
До выставки оставалось чуть больше двух недель. За этот срок мы должны были запустить корпоративный сайт в фирменном стиле, с наполнением и поисковой оптимизацией, с возможностью обработки обращений.
Как сайт будет реализован
В короткий срок реализовать проект можно только на готовом решении, поэтому предложили клиенту заказать сайт на решении «Аспро». В нём уже есть всё необходимое: структура разделов и страниц, функциональность, гибкие настройки, адаптация под фирменный стиль, каталог и возможность заказать интересующую продукцию через формы обратной связи, а также по телефону и электронной почте.
В процессе проведения переговоров мы выяснили, что клиент ранее уже приобретал лицензии на «1С-Битрикс: Управление сайтом» в редакции «Стандарт», а также на флагманское решение «Аспро: Корпоративный сайт 3.0». Имеющиеся лицензии полностью подходили под задачи проекта, но срок их действия в скором времени заканчивался — мы предложили продлить лицензии в процессе работы.
Домен у заказчика также ранее был приобретён, необходимо было порекомендовать сервер вместо имеющегося хостинга. Мы предложили оптимальный вариант по безопасности и производительности с возможностью неограниченного конфигурирования — виртуальный сервер сайта «Таймвеб» по тарифу Cloud 50.
Со стороны клиента был предоставлен бриф и продемонстрирована информация для наполнения каталога и сайта в целом, что дало нам понимание об объёме работ и уверенность в том, что мы успеем создать сайт в сжатые сроки.
Управление проектом
Управление проектом по созданию сайта мы ведём в нашем «Битрикс24» — заводим проект и задачу с назначением ответственных, учётом трудозатрат и фиксацией рабочего процесса. Детализация из задачи после выполнения работ попадает в итоговый отчёт для сдачи-приёмки.
Создание сайта в «АБМ» ИТ-интегратор мы выполняем по отработанному годами внутреннему регламенту для снижения сроков проведения работ с одновременным повышением их качества. Частные случаи, которых не описаны в регламенте, решаются индивидуально нашими компетентными специалистами, прошедшими обучение и сертификацию.
Оперативные вопросы мы решали в мессенджере и по телефону, важная и конфиденциальная информация направлялась по электронной почте. Когда у нас всё было подготовлено, мы перешли непосредственно к разработке.
Создание сайта бренда «Deya» на «1С-Битрикс» и «Аспро»
Получение доступов и лицензий
Сначала мы запросили у клиента доступ к панели управления доменом ycdeya.ru и номер имеющегося лицензионного ключа «1С-Битрикс: Управление сайтом», к которому привязан купон лицензии «Аспро: Корпоративный сайт 3.0».
Полученную информацию мы добавили в наши реестры с контролем доступа, что гарантирует их сохранность и своевременное продление.
Аренда и подготовка сервера Timeweb
Имеющийся у заказчика обычный shared-хостинг (виртуальный хостинг) не подходил под задачи. В таком хостинге один сервер используется несколькими пользователями одновременно и они все вместе пользуются одним и тем же программным обеспечением без возможности его конфигурирования. А без этого снижается производительность и защищённость сайта.
Поэтому был выбран виртуальный сервер для «1С-Битрикс». Кроме его преимуществ и удобной панели управления, в Таймвеб выгодные тарифы, обширные возможности и отличная поддержка.
Мы зарегистрировали аккаунт провайдера облачной инфраструктуры Timeweb и оформили заказ виртуального сервера VDS по тарифу Cloud 50 с параметрами: CPU 2 x 3.3 ГГц, RAM 4 ГБ, NVME 50 ГБ.
На VDS настроили удалённый доступ через ssh-ключи и подключились с локальных рабочих мест по ssh в IDE Visual Studio Code.
К новому серверу привязали имеющийся домен через A-запись в DNS. Таким образом всё было подготовлено к конфигурированию с последующей установкой сайта.
Настройка сервера и BitrixVM
Этот процесс начинается с обновления операционной системы и всех установленных пакетов, что мы и сделали. Затем создали пул управления сервером в виртуальной машине BitrixVM и настроили службу Push/RTC через NodeJS. Запустили задание на создание SSL-сертификата Let's Encrypt, и они были успешно установлены для доменов (без «www» и с «www»). Проверка цепочки сертификатов показала, что сертификаты установлены корректно.
Это значит, что сайт может работать по защищённому протоколу https, охраняя личные данные пользователей и улучшая его ранжирование в поисковых системах. Если SSL-сертификат не установлен, то браузеры выводят уведомление, что такой интернет-ресурс небезопасен для использования.
На этом этапе VDS подготовлен для установки.
Установка «1С-Битрикс» и «Аспро» с базовой настройкой
Для чистой установки в корень его директории был загружен скрипт bitrixsetup.php и запущен мастер установки «1С-Битрикс: Управление сайтом», а далее и «Аспро: Корпоративный сайт 3.0» с тематикой «Станки и оборудование» и видом «Универсальный».
В процессе установки был создан пользователь с правами суперадминистратора (с ID=1) для клиента, а также выполнены базовые настройки. В результате мы получили установленный сайт с готовой структурой и дизайном.
Для дальнейших работ были созданы служебные пользователи платформы с правами администратора. Обновили «1С-Битрикс» и «Аспро», несмотря на то, что они были только что установлены. Настроили все модули платформы с проверкой на ошибки и производительность.
Сразу были выполнены настройки модуля «Проактивная защита», которые требуют дополнительной конфигурации служб сервера и «Битрикса». Все выявленные уязвимости, в том числе критические — были устранены.
Настроен почтовый сервер на postfix для отправки писем электронной почты из «1С-Битрикс». Дополнительно настроили DNS-записи домена для повышения доверия к почтовым отправлениям — это записи: SPF, DKIM и DMARK.
Также было настроено выполнение агентов cron (планировщике событий), который работает стабильнее и производительнее, чем если бы события выполнялись на хитах.
В файле .htaccess настроили редиректы с «http» на «https» и с «www» на «без www» для склейки зеркал, чтобы дубликаты url индексировались поисковиками как один веб-ресурс, не конкурируя друг с другом. А чтобы страницы с демонстрационной информацией не попали в поисковые системы сайт был полностью закрыт от индексации в robots.txt.
На этом шаге всё готово для настройки фирменного стиля, функционала и наполнения.
Настройка фирменного стиля
Фирменный стиль включает настройку цвета, шрифта и логотипа с иконками. Мы запросили у заказчика информацию о его фирменном стиле и получили файл логотипа. По которому определили цвета: основной красный цвет (#e40615) и дополнительный голубой цвет (#00a0e8). Цвета были применены через переменные в специальном файле custom.css.
Под начертание букв в логотипе был подобран шрифт из доступных в «Аспро».
Файл логотипа был отредактирован под потребности по размеру и пропорциям. На основе логотипа были сгенерированы файлы иконок в разных размерах для иконки браузера favicon и файла manifest.json, из которого иконки применяются для мобильных и прочих устройств. Логотип и иконки были добавлены в настройки «Аспро».
Настройка структуры сайта на «Аспро»
Работы по наполнению начинались с подготовки файла структуры со всеми страницами в табличном виде. Провели переговоры с заказчиком по структуре на основе файла, было решено использовать следующие страницы и разделы: «Главная страница», «Каталог», «Услуги», «Статьи», «О компании», «Контакты», «Соглашение на обработку персональных данных». А также было определено, откуда и какой контент будет использоваться.
Были скрыты неиспользуемые страницы и разделы (но не удалены, как делают некоторые), которые изначально входят в состав «Аспро», для всех пользователей в публичной части, при этом у администраторов доступ остался. Аналогично настроили все меню. Для удобства скрытые пункты меню для администраторов отметили специальной иконкой. Также всё, что скрыто, было отмечено запрещённым для индексации роботами поисковых систем в файле robots.txt. Таким образом, администратор может безопасно готовить скрытые разделы и страницы перед публикацией, не утратив их.
Наполнение сайта
Контент для каталога товаров предоставлен самым первым — с него и начали, наполнив «Каталог».
По просьбе заказчика были убраны подразделы в каталоге, чтобы в корневом разделе сразу были выведены товары. Стандартной подобной настройки не было, поэтому мы нашли решение с редиректами в файле .htaccess, исключающими подраздел в url, пример:
# RedirectMatch 302 ^/sections/delete_sections/$ /sections/
RedirectMatch 302 ^/product/multi-purpose-chamber-furnace-line/$ /product/multi-purpose-chamber-furnace-line/linii-khto-na-osnove-universalnykh-kamernykh-pechey-periodicheskogo-deystviya/
За каталогом последовало наполнение «Услуг» — здесь, по согласованию с клиентом, был незначительно скорректирован демонстрационный материал решения «Аспро», который отлично подошёл под сферу деятельности заказчика.
Далее настроили «Статьи» для самостоятельного наполнения клиентом. В качестве примера опубликовали одну статью, которую он может копировать и быстро делать аналогичные публикации.
Обязательно были наполнены страницы «Контакты» и «О компании». Дополнительно на страницы были добавлены конверсионные кнопки «Задать вопрос» и «Позвонить».
В соответствии с Федеральным законом № 152-ФЗ «О персональных данных» была сделана страница «Соглашение на обработку персональных данных».
Блоки каталога, услуг и статей блога — были выведены на «Главной странице». В самом верху настроены три адаптивных баннера в слайдере также с конверсионными кнопками.
Чтобы заявки приходили в «Битрикс24» клиента, мы заменили стандартные формы обратной связи решения «Аспро» на CRM-формы «Битрикс24», что является штатным функционалом и не требует доработки. Также настроен виджет с онлайн-чатом.
В процессе были решены незначительные визуальные проблемы готового решения, для чего мы создали тикеты в поддержку разработчика и предоставили временный доступ — он всё самостоятельно исправил.
SEO-оптимизация и веб-аналитика
Для всех страниц и разделов настроены мета-теги:
- title — заголовок страницы, отображается в результатах поиска и в заголовке вкладки браузера.
- description — краткое описание содержания страницы, которое отображается в сниппете поисковой выдачи.
Для статических страниц мета-теги добавлены фиксированно, для динамических разделов (каталог, услуги, блог) — настроены шаблоны автоматической генерации мета-тегов, а также настроены теги изображений:
- alt — текстовое описание изображения, которое отображается, когда картинка не может загрузиться. Также используется программами экранного доступа, помогающими людям с нарушением зрения воспринимать информацию.
- title — задаёт всплывающую подсказку, которая появляется, когда пользователь наводит курсор на изображение. Этот текст не заменяет Alt, а дополняет его, предоставляя дополнительную информацию о картинке.
Отдельно в начало страницы динамических разделов добавлено краткое описание, по которому поисковики смогут правильно определить тематику, а пользователь сразу поймёт, о чём данный раздел.
Настроена и сгенерирована карта сайта sitemap.xml, ссылка на которую была указана в настройках индексации сервиса Яндекс.Вебмастер.
Для сбора данных о посещаемости создан и добавлен счётчик веб-аналитики «Яндекс.Метрика». Доступ к счётчику предоставлен заказчику на его адрес электронной почты.
Подготовка к запуску и публикация сайта
Установлены актуальные обновления на сервер и платформу, а также на решения из «Маркетплейс», в том числе на «Аспро».
Проведены стандартные проверки платформы: полное тестирование системы, проверка и оптимизация базы данных, проверка производительности, сканер безопасности и другие.
Далее сайт был открыт для индексации роботами поисковых систем в robots.txt и создана его резервная копия средствами «1С-Битрикс».
Установка сайта на сервер CentOS9 завершена. С этого момента он был полностью готов для информирования посетителей и приёмки заказов.
Создание копии сайта компании «Термомеханикс» по всем брендам
Спустя несколько месяцев от клиента получен запрос на разработку копии сайта по всем брендам для своей компании.
Если на первом сайте фокус сделан на один бренд «Deya» и позиционирование в качестве представителя в России. То на новом акцент должен быть сделан на компании «Термомеханикс» и отдельное внимание должно быть уделено продажам оборудования для термообработки разных производителей.
Кстати, клиент снова участвует в выставке — «Термообработка 2024»! На этот раз к нам обратились заранее, а значит будет больше времени на планомерную работу.
Копирование и установка второго сайта на «Аспро»
«1С-Битрикс» поддерживает многосайтовость — это возможность создавать несколько сайтов на одной лицензии продукта. Все веб-ресурсы имеют разные адреса и публичную часть, но при этом одну административную панель и базу данных. «Аспро: Корпоративный сайт 3.0» также может использоваться для нескольких сайтов. Что в итоге составляет существенную выгоду на лицензиях.
В BitrixVM создан ещё один сайт с ссылкой на ядро Bitrix первого.
Установили новые элементы фирменного стиля компании «Термомеханикс»: логотип и иконки для браузера, шрифт и цвета элементов интерфейса. Настроено применение разного оформления для каждого сайта через css-стили, при том, что решение «Аспро» у обоих единое.
Наполнение контентом корпоративного сайта на «Аспро»
Обсудили и согласовали структуру с заказчиком, что оставляем, а что скрываем до востребованности.
На новом сайте «Статьи» были скрыты, взамен настроен и наполнен раздел «Новости». В раздел «О компании» добавили подраздел «Бренды» и наполнили его. На страницы для каждого из брендов добавлены текстовые описания.
Перенесли с первого сайта контент в разделах «Услуги» и «Контакты», после чего выполнили его настройку для корректного отображения на втором.
В «Оборудование» добавили категории и товары, вывели их на главную вместе с блоком «Бренды» и промо-баннером выставки с отдельной CRM-формой.
Были настроены и выведены CRM-формы из «Битрикс24» взамен штатных форм «Аспро». Скрыли лишние пункты меню для всех, кроме администраторов, настроили отображение нужных пунктов меню.
В подвале выведена ссылка на версию для слабовидящих, а в верхнем меню добавлена кнопка включения тёмной темы.
Поисковая оптимизация сайта SEO
Итак, после добавления материала специалисты «АБМ» ИТ-интегратор выполнили последние штрихи для настройки второго сайта и поисковой оптимизации SEO. Большинство из них те же самые, что и для первого:
- Создан и установлен новый счётчик «Яндекс.Метрики».
- Открыты все разделы для индексирования в robots.txt.
- Настроены мета-теги.
- Для динамических разделов настроена автоматическая генерация мета-тегов в инфоблоках по заготовленным шаблонам.
- Перевели корпоративный сайт «1С-Битрикс» с временного домена на основной.
- Настроены обязательные редиректы: http → https, www → без www.
- Настроили и сгенерировали карту второго сайта в sitemap.xml.
- Добавили второй сайт и его карту sitemap.xml в Яндекс.Вебмастер и Google Search Console для ускорения индексации.
Перед выставкой мы тщательно проверили весь сайт перед участием в выставке, в том числе мобильную версию. Все выявленные незначительные недочёты в оформлении устранены.
Подготовка сайта к эксплуатации
В завершение работ проведено обновление всех систем и их обслуживание:
- Обязательное создание снапшота сервера для возможности быстрого восстановления, если что-то пойдёт не по плану.
- Обновление всех пакетов CentOS и переход с MySQL 5.7 на MySQL 8.0.
- Обновление «1С-Битрикс» и установленных решений из Маркетплейс.
- Настройка композитного кэширования для ускорения загрузки статического контента.
- Удаление временных поддоменов из настроек платформы и конфигурации сервера.
- Генерация SSL-сертификатов для основного домена.
- Удаление снапшота и создание резервной копии проекта.
Таким образом все работы были завершены — сайт поставщика оборудования создан «под ключ», с наполнением уникальным контентом, брендированием, индивидуальными настройками, поисковой оптимизацией и тестированием.
Закажите сайт или интернет-магазин на готовом решении
Мы в «АБМ» ИТ-интегратор оперативно запустили 2 корпоративных сайта, обеспечив легкую управляемость из единой административной панели и значительную экономию ресурсов на поддержке.
Оба сайта продвигают бренд нашего заказчика, знакомят его потенциальных клиентов с ассортиментом товаров и услуг, генерируют заказы и укрепляют репутацию компании на рынке промышленного оборудования.
Заполните форму обратной связи и мы вас проконсультируем по лучшим вариантам создания корпоративного сайта для продажи оборудования и сервиса!
|
Оформите заявку на сайте, мы свяжемся с вами в ближайшее время и ответим на все интересующие вопросы.
|
Задать вопрос
|
