На сайте hotelsmini.ru есть гостевая книга с постраничным выводом. Переход между страницами сделан по старинке — через GET-параметр ?page. Например:

/guestbook?page=2

Когда я зашёл в Яндекс.Вебмастер, то заметил проблему: у нескольких страниц одинаковые title и description. Это неудивительно, ведь метатеги у гостевой книги всегда одинаковые и не зависят от параметра page.

Самое простое решение — добавлять к метатегам номер страницы:

• «Гостевая книга»
• «Гостевая книга — страница 2» и т. д.

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

Всё же, для большой гостевой я так и поступил бы. А на hotelsmini.ru гостевая книга занимает всего четыре страницы. Контента немного, поэтому я решил пойти другим путём: сделал отдельную страницу /guestbook/all, где собраны все записи без деления на страницы. Она предназначена специально для индексации поисковиками.

Для посетителей ничего не изменилось: они по-прежнему видят обычный постраничный вывод. Только внизу теперь появилась ссылка «Показать все записи» — чтобы Яндекс быстрее проиндексировал новую страницу.

SEO-настройки:

• На странице /guestbook/all стоит canonical на саму себя.
• На страницах с пагинацией (?page=2, ?page=3 и т. д.) я добавил:

<meta name="robots" content="noindex,follow">
<link rel="canonical" href="https://hotelsmini.ru/guestbook/all" />

Яндекс проиндексировал страницу «Все записи» уже на следующий день. Теперь остаётся дождаться, когда маленькие страницы исчезнут из индекса.

Такой приём работает не только для гостевых книг. Его можно использовать для любых разделов с пагинацией: каталогов, форумов, фотоальбомов.

Добавил в таксишное мобильное приложение кнопку «Сообщить о проблеме». Если клиент испытвает трудности в работе с приложением, он может нажать эту кнопку и написать сообщение службе поддержки. Менеджеры разберут жалобу и свяжутся с клиентом чтобы разрешить её.

Основную часть работы делает система сбора и обработки заявок. И ещё АПИ приложения, которое перенаправляет заявки от клиента в систему. Моя же часть работы состояла в добавлении приложению трёх несложных экранов. Ничего особенного.

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

Обычно для обрезки задают лимит на длину. Например, сто символов. Если текст длиннее, из него берут первые сто символов, а в конце добавляют многоточие. Оно показывает, что есть продолжение. Если пользователь тапнет на заявку, то попадёт на отдельный экран с уже полным текстом.

Проблема в том, что тупая автоматическая обрезка часто приходится на середину слова. Это было бы не страшно, если бы иногда не искажало смысл. А иногда смысл делается и вовсе пошлым. Илья Бирман как-то писал об этом в одной из заметок.

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

Я вспомнил ту заметку и решил применить метод Ильи. Я не стал усложнять и делать поэтапный поиск сначала точки, потом запятых, потом пробелов. У меня текст обрежется по первому ближайшему к лимиту символу из перечисленных. Работает просто и надёжно. А главное, я теперь спокоен, что обрезка не приведёт к конфузу.

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

Конфигурация не примечательна. Это i5-12400 на 32 Gb памяти DDR4. Самое интересное в моём компьютере — это корпус. Я его долго выбирал и искал. О нём и пойдёт речь.

Моё рабочее место — это утеплённая лоджия. Она совсем небольшая, поэтому мне важна компактность. Старый ПК был в обычном здоровенном корпусе. Он выпирал из под стола и занимал под ним половину места. Я постоянно задевал его ногами и страдал.

В новой сборке я задался целью найти компактный корпус, который одновременно был бы вместительным. И нашел Thermaltake Core G3. На тот момент это был один из немногих, если не единственный, корпус формата SFX, в который влезала стандартная ATX плата.

Ширина корпуса всего 140 мм, а длина — 370 мм. Забавно, что материнка устанавливается в него вверх ногами. А видеокарта подключается через райзер. В него можно вместить даже двухсекционную водянку.

Правда, опыта эксплуатации водяного охлаждения у меня нет. Поэтому я поставил хороший низкопрофильный кулер от Be Quiet! Через это выбор процессора был ограничен холодными моделями. Для работы мне этого вполне достаточно.

Эта модель корпуса уже старая. Её больше не производят и в продаже её нет. Свой экземпляр я нашёл на Авито. Большое спасибо продавцу Марии за отличную сохранность. Впечатление, что до меня корпусом не пользовались. Б/ушное происхождение выдаёт только приклеенная эмблема Noctua. Мне понравилось, как она смотрится. Поэтому я не стал отдирать.

Компьютер получился тихий. Холодный процессор и добротный кулер делают дело. В комплекте с корпусом идут две заводские вертушки на вдув. Вопреки опасениям их тоже практически не слышно.

Конечно, есть и с вои недостатки. Например, пришлось отдать целое состояние за приличный SFX блок питания. Нет портов USB-C. Хотелось бы закалённое стекло вместо пластикового окна. Нет места для вертушки на задней стенке. Отсутствует возможность сделать кабель-менеджемент.

С этим можно мириться. В целом решение удачное. Главное — у меня теперь предостаточно места под столом. И я больше не пинаю ногами свой компьютер.

Таксишный сайт атаковали боты. Они совершают прямые заходы с адресов IPv6 на главную страницу и проводят на ней от 5 до 20 секунд. В первые дни атаки они хаотично скроллили страницу туда-сюда, затем кликали на email в подвале и уходили. А теперь ничего не кликают, только скроллят.

Посещаемость сайта совсем небольшая. Не больше сотни в день, в основном с поисковой выдачи. А с ботами выросла кратно. Они забили все отчёты в Метрике.

Это не DDoS, потому что заходов всё ещё слишком мало чтобы создать серьёзную нагрузку. Это либо прогрев поведенческих ботов, либо атака конкретно на наш сайт с целью компрометации ПФ. В любом случае, хорошего мало.

Самый кардинальный способ борьбы — это отключить IPv6. Среди настоящих посетителей сайта почти никто не заходит с таких адресов. Тем не менее, поступать так не хочется. Поэтому для начала я решил ограничиться капчей на прямые заходы с IPv6. А дальше посмотрим.

Причём, капча простейшая самодельная. Мне интересно, насколько быстро боты её сломают. Пока держится. А когда справятся — повешу Recaptcha от Гугла. Естественно, на странице с капчей нет никакой Метрики. А Google Аналитику мы убрали ещё когда РКН повысил штрафы за неуведомление о трансграничной передаче данных. Хотя, понятно, что отсутствие счётчика не мешает Гуглу с его Хромом собирать статистику.

Итого ботов в отчётах Метрики пока не видно. Статистика посещаемости вернулась к предыдущему уровню. Продолжаю наблюдение.

Во время теста нового мобильного приложения для Такси 42 нашел неприятную особенность. Иногда не приходят оповещения о том, что автомобиль подъехал и ожидает. Это случается на слабых устройствах с небольшим количеством памяти. Если одновременно запустить что-то тяжелое, то из-за нехватки ресурсов Андроид «убивает» сервис, следящий за статусом заказа.

В моих тестах этим «тяжёлым» было Яндекс Go. Не секрет, что многие часто запускают несколько приложений такси стремясь уехать подешевле или побыстрее. Я повторял это поведение на стареньком телефоне всего с двумя гигабайтами оперативки. Он не выдерживал нагрузки и принудительно закрывал работающие в фоне приложения. Включая и наше.

Я стал дебажить библиотеку Notifee, которую использую для фоновой работы с оповещениями. Пришлось залезть к ней «под капот» в нативный Java-код, хоть я и не особо силён в нём. Напомню, что я пишу на React Native.

Так вот, есть два режима, в которых можно стартовать сервис: START_STICKY и START_NOT_STICKY. В первом Андроид будет пытаться заново запустить его после принудительного завершения. А во втором — нет. Так вот, библиотека Notifee использует именно второй режим. И нет никакого способа повлиять на это через параметры или настройки.

Я встал перед дилеммой: форкать и модифицировать Notifee, либо вовсе от неё отказаться и переписать сервис на нативном модуле. Выбор пал на нативный модуль. Править чужой код не зная нюансов — такое себе занятие. Тем более, я за любой способ сделать приложение легче. А тут такая возможность избавиться от целой библиотеки. Заодно попрактикуюсь в написании кода на Java.

Я выкинул Notifee, переписал сервис и вернулся к тестам. START_STICKY помог, но не совсем. В особенно тяжелых случаях Андроид после рестарта сервиса тут же снова его «прибивал». На этот раз окончательно.

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

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

Словом, на сегодня проблема решена на половину. Приложение старается перезапустить сервис оповещений после «убийства». Это получается не всегда, поэтому по прежнему сохраняется опасность пропустить оповещение о подъехавшей машине. Хорошо, что оно дублируется звонком от робота.

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

Продолжаю работу над сайтом мастерской тренажеров для Кунг-Фу. Да, знаю, что идёт медленно. Оправданием служит то, что это проект на энтузиазме в свободное время. Для души, так сказать.

Итак, мне понадобился какой-нибудь узор чтобы украсить заголовки на сайте. Так как чонг — это тема китайская, дизайн тоже должен быть с уклоном в китайские мотивы. Я нагуглил китайский орнамент и собрал пачку референсов. Вот они.

По ходу дела оказалось, что в узоры в китайской культуре несут в себе глубокий символизм. Например, круг изображает гармонию бесконечности и совершенства. Как Солнце, Луна и вообще цикл жизни в природе. Квадрат символизирует землю, стабильность, прочность и надежность. А узел на китайском созвучен благожеланию. Он символизирует достижение желаемого, когда все складывается самым счастливым образом.

Для моей работы мне нужно было что-то легкое. Незатейливый узор, который разнообразил бы визуал, но не отвлекал не себя внимание. Вряд-ли посетители сайта мастерской будут разбирать его значение. Поэтому я скомбинировал самые простые фигуры, которые перечислил выше: круг, квадрат и узел.

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

А вот так выглядит заголовок, «отбитый» узором. Как и требовалось, он оживляет страницу. При этом он лёгкий и не мешает читать текст.

Добавил карту на сайт Такси 42. Речь пока только про десктоп. Раньше ввести адреса для заказа такси можно было только текстом. А теперь добавилась опция ткнуть их на карте. При этом, сайт тут же проложит маршрут.

Пока непонятно насколько удобно сделано переключение между адресами. Первый клик по карте назначает адрес «Откуда». Фокус переходит в поле «Куда», и все последующие клики по карте выбирают уже его. Чтобы вернуться к адресу «Откуда» нужно вручную перевести в него фокус.

Будем смотреть, удобен ли такой способ пользователям. У Яндекса, например, сделано по-другому. Там кликнуть на карте можно только адрес «Откуда». А адрес назначения вводится текстом.

Для работы с картой используется библиотека Leaflet и подложка 2ГИС. На очереди версия для мобильных устройств.

Расширил авторизацию на сайте Такси 42 при помощи JWT-токена. Раньше чтобы заказать такси приходилось каждый раз вводить номер телефона и подтверждать его через СМС-код. Теперь сайт научился запоминать пользователя. Если, конечно, тот поставил галочку «Сохранить вход» при авторизации.

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

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

Я заменил чекбоксы одной кнопкой «Пожелания к заказу». Она открывает диалог с выбором дополнительных опций. Форма стала гораздо лаконичнее. Можно набирать адреса и сразу же видеть, как меняется стоимость.

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

Продолжаю работу над сайтом мастерской по изготовлению манекенов для обучения технике кунг-фу. Такой манекен называется чонг. Изображение чонга используется на сайте как логотип. Я отрисовал его заново в Inkscape. Старый был растровый и с немного поехавшей перспективой. Новый стал векторный, а значит хорошо масштабируется. И перспектива стала ближе к реальности.

По ходу работы захотелось добавить ещё какую-то графику чтобы заполнить пустоты и сделать страницу интереснее. Нарисовал вид чонга сверху. Иллюстрация сделана с фотографии настоящего манекена. Её я тоже прикладываю.

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

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

На кнопке «Подробнее о чонге» тоже присутствует пиктограмма с изображением чонга сверху. На счёт неё я пока не уверен. Возможно, она лишняя.

Напомню, что я не настоящий дизайнер. По специальности я всё же разработчик. А художником я становлюсь на досуге для души. Осваиваю Фигму, Криту, Инкскейп. Думаю, что прогресс в этом деле у меня есть.

Взялся за редизайн сайта мастерской по изготовлению манекенов для обучения кунг-фу. На китайском такой манекен называют чонгом. Отсюда выбор домена.

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

Это, к стати, не единственная модель манекена. Есть ещё тренажёры на платформе в стальном стакане, подвесные на стену, «пауки» и т. д. Всё это может изготовить хозяин мастерской Дмитрий Васильевич Затуло.

С ним я знаком лично и, в своё время, много у него тренировался. Качество чонгов — отличное. Все конструкции из натурального дерева и стали, надёжные и проверенные временем.

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

Словом, я искренне надеюсь, что новый сайт понравится владельцу и поможет в продвижении мастерской.