Новый сайт в портфолио Sites.Com.Ru — В щепки!

Прошло три месяца со дня сдачи сайта клиенту и я нашёл время немного похвалиться, пополнить портфолио и представить сделанное.

Немного о нетворкинге.

С владелицей небольшого семейного бизнеса по производству изделий из дерева, которой потребовался и теперь принадлежит сделанный мной сайт, я познакомился случайно благодаря текстовому нетворкингу в мультичате (беседе) в ВКонтакте, организованному адвокатом по уголовным делам Викторией Легейдой.

Каждый участник чата представил текстовую визитку, описывающую оказываемые услуги. Зайдя на страницы Ларисы в ВК и Инстаграм, я получил эстетическое наслаждение от фотографий raw-десертов, которые она готовит, и написал об этом в чат.

Сообщение в чате о эстетическом наслаждении

В ответ прочёл благодарность и вопрос, он же предложение к сотрудничеству.

О работе над сайтом, изменённых и дополненных элементах функционала.

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

Даже слова, встроенные в стандартную поставку движка WooCommerce не полностью прошли тест на соответствие эстетическому видению хозяйкой её магазина —  по её просьбе одна вкладка из описания товаров была мной «вырезана», а слово «Подытог» в корзине покупателя с помощью специального короткого кода изменено на «Общая стоимость».

Я пишу это с уважением к хозяйке сайта, так как именно такой и вижу настоящую владелицу собственного дела. Без внимания к деталям не бывает успеха.

Ещё в части доработок отмечу введение ступенчатого расчёта скидок в зависимости от стоимости заказа — среди клиентов семейного бизнеса Ларисы есть кафе и рестораны, покупающие деревянную посуду и предметы интерьера.

Впрочем, скидки начинаются уже при покупке от 5 000 рублей, что выгодно и обычным покупателям.

Всего было введено четыре автоматических ступени расчёта:

От 5000р — 5%
От 15000р — 10%
От 45000 — 15%
От 135000 — 20%

Благодаря введённому в код сайта дополнению, если сумма в корзине товаров магазина меньше определённого порога (в данном случае это 5000 рублей), дополнительное поле, указывающее скидку не появляется.

Скриншот расчёта стоимости товаров в корзине интернет магазина без скидки

 

Если же сумма заказов больше первой ступени установленного порога в 5 000 рублей, появляется поле со скидкой, и общий расчёт учитывает величину этой скидки.

Скриншот расчёта стоимости товаров в корзине интернет магазина с многоступенчатой скидкой

Лариса как индивидуальный предприниматель обслуживается в Сбербанке, поэтому платежи на сайте идут через платёжный шлюз этого банка. Сбербанковская система оплаты устанавливается на WordPress/Woocommerce легко.

«В Щепки» имеет договор с компанией «СДЭК», которая доставляет продукцию Ларисы покупателям. С помощью плагина от Максима Мартиросова «Интеграция СДЭК для Woocommerce» процесс покупки становится удобнее как для покупателя, так и для продавца.

Плагин стоит 3500 рублей, зарегистрирован на хозяйку сайта. Я дал ей подробные инструкции, как его приобрести, затем установил и настроил.

В результате на сайте не только автоматически рассчитывается стоимость доставки по введённому покупателем адресу, но и формируется накладная на доставку заказанных товаров для курьерской службы, которая может быть отправлена в компанию СДЭК автоматически или вручную. Это экономит время предпринимателя.

Последняя из мелких доработок функционала магазина, которых нет в Woocommerce «из коробки» впрочем, доработка не потребовала добавления кода, а была выполнена установкой плагина — это автоматический пересчёт стоимости корзины при изменении количества товаров в ней.

О безопасности сайта

Безопасности клиентских сайтов я уделяю большое значение, поэтому все компоненты автоматически обновляются, включая плагины и темы. Взломы сайтов часто происходят с использованием уязвимостей в старых (не обновлённых) плагинах и темах.

На момент написания статьи текущая версия WordPress — 5.4.2. В версии 5.5, которая готовится к выходу (бета-версии уже доступны) разработчики добавили простую настройку автообновлений плагинов и тем в панель управления.

Пока же автообновление плагинов и тем в WordPress настраивается или с помощью внесения изменений в файлы конфигурации или с помощью сторонних плагинов.

Это одна из причин, по которой многие вебмастера, стремясь побыстрее сдать сайт заказчику не настраивают автообновление клиентских сайтов.

Другая причина, по которой не настраивают автоматическое обновление — опасения возникновения проблем совместимости установленных компонентов, следование принципу «работает — не трогай».

При наличии резервного копирования риск поломки сайта после автоматического обновления относительно легко нивелируется, а вот при взломе сайта через уязвимость не обновлённых компонентов восстановление из резервной копии может оказаться бесполезным, если взлом до поры до времени ничем себя не выдавал.

Взлом сайта не всегда имеет целью остановку его работы, часто это паразитирование — генерация нежелательных ссылок, распространение вредоносного ПО и тому подобное, за что поисковые системы применяют меры по отношению к сайту.

Стремясь сдать сайт поскорее заказчику, вебмастера, бывает, вообще не заботятся о безопасности, поставив чистый движок, тему, настроив запрошенный функционал. Установка сайта по умолчанию, без дополнительной настройки защиты часто приводит к его взлому.

Сделанные мной сайты я проверяю двумя известными онлайн-сканерами безопасности Sucuri и Hacker Target. Я использую базовые не глубокие проверки (глубокая проверка сканером Hacker Target не бесплатна), но далеко не каждый только что созданный сайт пройдёт их.

Лариса получила сайт, успешно прошедший базовые проверки на безопасность.

Результат проверки сайта в Sucuri:

Результаты проверки сайта в Sucuri

Результат проверки сайта в Hacker Target:

Результат пассивной проверки сайта в Hacker Target

Для обеспечения безопасности сайта созданы разные аккаунты для полного администрирования и для повседневного управления магазином.

Важные пароли для работы сайта переданы Ларисе не открытым текстом в сообщениях, а переданы по ссылке с лимитированным количеством скачиваний и времени хранения через сервис передачи файлов Firefox Send. Передан же ей был специально под неё настроенный менеджер паролей Keepass, c моей видео-инструкцией, как им пользоваться. Пользоваться менеджером паролей очень просто, а главное безопасно — надо скопировать нужную пару логин/пароль в нём, затем вставить в браузер.

Передача паролей от сайта через Keepass

Стоит ли добавлять, что аккаунт на хостинге Reg.Ru Ларисы защищён с помощью двух-факторной аутентификации, а доступ к администрированию сайтом ограничен определённым интервалом часов в сутки, когда он действительно нужен?

Конечно, подключение к сайту защищено — в адресной строке слева закрытый замочек. Пользователи не пугаются сообщениям браузера о незащищённом соединении, самое же главное, ввод персональных данных на сайт намного безопаснее.

Впрочем, без установки ssl-сертификата на сайт принимать платежи было бы невозможно — банк не подключил бы эквайринг, а что за магазин без возможности принимать платежи?

Тесты на скорость загрузки.

Какие тесты ещё важны для проверки качества сайта? Их немало, например, тест на скорость загрузки.

Я использую сервис GTmetrics, вот его результаты:

Результаты Gtmetrics для сайта В Щепки

Результаты скорости загрузки неплохие. Есть что оптимизировать в коде, не оптимизированы некоторые изображения, добавленные уже не мной, но в целом не стыдно. Вариант хостинга выбран бюджетный — shared, компания, предоставляющая хостинг услуги — элитная Reg.ru

GTmetrix измеряет скорость загрузки сайта по двум разным методикам — PageSpeed Score и YSlow Score. Первая от Google, вторая — от Yahoo. Наилучшие значения это индекс A, похуже B, далее С и так далее. Чем больше процентов, тем лучше. Зелёный индекс B от Google — это неплохо.

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

Тест на удобство работы с сайтом с мобильных устройств.

Доля тех, кто заходит на сайты с мобильных устройств увеличивается, поэтому иметь сайт, одинаково хорошо отображающийся как на компьютере, так и на мобильных сейчас нужно обязательно, и не первый год.

И не первый год для сайтов на движке WordPress, самом популярном в мире, с отображением на мобильных проблем особых нет. Сайт В Щепки не исключение:

Результаты теста Google Mobile Friendly для сайта В Щепки

Сервис.

Что ещё сделано мной для Ларисы в рамках её заказа на создание сайта? Сделано немало того, что не входит в стандартные пакеты многих веб-студий.

Подключены инструменты web-аналитики и контроля за сайтом — Яндекс.Вебмастер и Google Search Console, счётчики Яндекс.Метрика и Google Analytics.

Сводка Яндекс Вебмастер по сайту В Щепки

Сайт добавлен в каталоги Mail.ru и Rambler с качественными продуманными описаниями, ключевыми словами.

Поставлен русскоязычный плагин для SEO-продвижения на будущее, карта сайта отправлена в Google и Яндекс, к большинству картинок даны описания. К сожалению, пока отсутствуют описания страниц — descriptions.

Формы обратной связи защищены от спама, пользовательское соглашение не скопировано с другого интернет-магазина, когда его содержание может быть юридически не качественным и не актуальным на дату открытия магазина, а подготовлено с помощью известного сервиса Freshdoc.ru.

Аккаунт для повседневного управления магазином Woocommerce мной настроен максимально просто, большое количество пунктов меню —ненужных и отвлекающих, мешающих сосредоточится менеджеру магазина мной вырезано, оставлен только нужный функционал.

Консоль менеджера магазина В Щепки

При сдаче сайта я отправил Ларисе множество записанных специально для неё видео-инструкций о добавлении товаров в магазин (15 товаров я добавляю сам), об обработке заказов, о пунктах меню административной части WordPress/WooCommerce, о пользовании Яндекс.Метрикой и Аналитикой от Google, о том, как восстановить сайт из резервной копии с помощью интерфейса хостинга Reg.ru

Уф! Сам себя не похвалишь — никто не похвалит. Не считаю себя большим профессионалом, сайты можно делать на порядок лучше. И на порядок дороже. Мне нравится то, чем занимаюсь и я стремлюсь к большему профессионализму, находясь в постоянном развитии.

А мою скрупулезность и ответственность в работе вы, возможно, заметили. Заметила это и Лариса, которая осталась довольна. Я желаю ей успехов в семейном предприятии.

 

В щепки презентация ВКонтакте

Сколько стоит создание сайта, аналогичного В Щепки и описанных дополнительных услуг во второй половине 2020 года у меня? Недорого по сравнению с предложениями веб-студий.

Мои цены на создание сайтов:

20 тысяч рублей за вариант «Премиум»
  • Фиксированная стоимость;
  • Подбор и регистрация домена;
  • SSL-сертификат;
  • Защита сайта от распространённых методов взлома;
  • Текстовая и видео-инструкция конкретно под ваш сайт
15 тысяч рублей за вариант «Стандарт»
  • Фиксированная стоимость;
  • Подбор и регистрация домена;
  • SSL-сертификат;
  • Защита сайта от распространённых методов взлома;
  • Текстовая и видео-инструкция конкретно под ваш сайт;
  • Антиспам-защита форм-обратной связи;
  • Базовая оптимизация для поисковых систем;
  • Регистрация в каталогах Mail.ru и Rambler
7 тысяч рублей за вариант «Эконом»
  • Фиксированная стоимость;
  • Подбор и регистрация домена;
  • SSL-сертификат;
  • Защита сайта от распространённых методов взлома;
  • Текстовая и видео-инструкция конкретно под ваш сайт;
  • Антиспам-защита форм-обратной связи;
  • Базовая оптимизация для поисковых систем;
  • Регистрация в каталогах Mail.ru и Rambler;
  • Дополнительная безопасность с помощью одноразовых кодов для входа в административную панель;
  • Подбор изображений для сайта из профессиональных платных фотостоков;
  • Установка Яндекс Метрики для анализа посещений сайта;
  • Установка Google Аналитики для анализа посещений сайта;
  • Инструкция по настройке приложения и работе с сайтом со смартфона

Деньги за работу я беру только после того, как сайт одобрен и принят клиентом, то есть без предоплаты.

Удачи в ваших делах!

 

Comments are closed.