Большое обновление ITKudashev.ru: новый дизайн, структура, поиск и SEO

ITKudashev.ru получил крупное обновление: переработаны дизайн, структура разделов, персональные рекомендации, поиск, техническое SEO, безопасность и внутренняя административная панель. Для читателей это означает более понятную навигацию, аккуратный интерфейс, лучшую перелинковку и более стабильную работу сайта.

Изначально проект задумывался как блог с понятными инструкциями по Windows, программам и компьютерному железу. Со временем сайт вырос: сейчас на нём есть бесплатные программы, раздел PRO, профиль пользователя, персональные рекомендации, собственная система категорий и другие функции, которые чаще встречаются у крупных IT-порталов.

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

Что не изменилось

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

Из этой же идеи появилась программа Оптимизатор, которая остаётся полностью бесплатной.

Для поддержки развития проекта создан раздел PRO. Он даёт доступ к дополнительным материалам, но основной приоритет по-прежнему остаётся за бесплатными инструкциями.

Кратко: что изменилось

• полностью обновлён внешний вид сайта;
• переработаны страницы и основные элементы интерфейса;
• создана новая административная панель для редакционной работы;
• появилась более понятная структура разделов;
• запущены персональные рекомендации и раздел «Моя лента»;
• улучшены поиск, теги и внутренняя перелинковка;
• серьёзно обновлены техническое SEO, безопасность и производительность;
• перед публикацией успешно пройдены автоматические проверки.

Новый дизайн и более аккуратные страницы

Самое заметное изменение — новый дизайн. Для всех разделов сайта создана единая современная дизайн-система.

• единая система оформления для светлой и тёмной тем;
• спокойная серо-графитовая цветовая палитра;
• фирменные синие и фиолетовые акценты;
• компактная панель навигации;
• единый стиль всех элементов интерфейса.

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

Страницы стали аккуратнее

Практически каждый элемент интерфейса был переработан. Карточки статей получили:

• полноценный фон;
• аккуратные границы;
• мягкие тени;
• одинаковую высоту;
• улучшенное отображение метаданных.

Подборки материалов стали заметнее, но сохранили спокойный внешний вид без чрезмерных эффектов.

Во всём проекте обновлены:

• размеры заголовков;
• интервалы между блоками;
• типографика;
• оформление предупреждений;
• таблицы;
• блоки кода;
• содержание статей;
• отображение дополнительной информации.

Также переработаны страницы автора, профиля, раздела PRO, футер и основные формы.

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

Обновлена административная панель

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

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

В результате работать над проектом стало быстрее и удобнее.

Полностью переработана структура сайта

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

Windows

Теперь используется полноценная иерархия:

• Windows 7–11
  • Windows 11
  • Windows 10
  • Windows 8.1
  • Windows 7

Родительская категория автоматически показывает материалы из всех дочерних разделов.

Компьютеры и комплектующие

Раздел оборудования тоже переработан. Теперь в него входят:

• сборка ПК;
• диагностика;
• выбор комплектующих;
• цены.

Такая структура делает навигацию удобнее и помогает быстрее находить нужные материалы.

Персональные рекомендации и «Моя лента»

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

При построении рекомендаций учитываются:

• выбранные интересы;
• категории, которые пользователь читает чаще всего;
• теги просмотренных материалов;
• наличие доступа к разделу PRO.

Для быстрого доступа в основном и мобильном меню появился новый раздел «Моя лента».

Поиск стал умнее

Для улучшения поиска и рекомендаций создано 14 тематических тегов.

• при поиске материалов;
• для формирования рекомендаций;
• при создании персональной ленты.

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

Внутри статей теги стали кликабельными и помогают быстрее находить похожие материалы.

Структура сайта стала чище

Во время обновления удалось отказаться от нескольких устаревших решений.

• полностью удалён тип публикации «Видео»;
• все старые ссылки автоматически перенаправляются на список статей;
• сами видеоролики продолжают находиться внутри соответствующих материалов;
• категории, в которых слишком мало публикаций, автоматически получают атрибут noindex и исключаются из sitemap.xml.

Благодаря этому поисковые системы индексируют только действительно полезные разделы сайта.

Большая работа над техническим SEO

За последнее время была практически полностью переработана техническая часть SEO. Для посетителей большинство таких изменений почти незаметно, но для поисковых систем и современных AI-поисковиков они важны.

• единый набор правил для robots без дублирования;
• расширенные правила индексирования;
• корректный показ изображений;
• Open Graph;
• Twitter Card;
• SearchAction для поиска по сайту;
• canonical;
• JSON-LD;
• хлебные крошки.

При этом полностью сохранена работа sitemap.xml, robots.txt и llms.txt.

Безопасность и производительность

Техническая часть проекта также получила серьёзное обновление.

Корректно работают:

• Gzip-сжатие;
• Content Security Policy (CSP);
• HSTS;
• защитные HTTP-заголовки;
• серверное кеширование;
• оптимизация работы Nginx.

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

Проверка после обновления

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

• успешно пройдено 260 автоматических тестов;
• все основные страницы возвращают код HTTP 200;
• Django не обнаружил системных ошибок;
• отсутствует горизонтальное переполнение страниц;
• Nginx и приложение работают корректно;
• публичный кеш полностью очищен.

Что дальше

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

Теперь основное внимание будет уделяться:

• дальнейшей SEO-оптимизации;
• развитию административной панели;
• улучшению системы модерации;
• развитию пользовательских чатов;
• совершенствованию персональных рекомендаций;
• и, возможно, созданию собственного форума.

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

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

Обсуждение

Комментарии

Только для участников

Обсуждение доступно после входа

Авторизуйтесь через VK ID, чтобы читать комментарии, отвечать, ставить лайки и сохранять статьи.

Войти через VK ID

Автор статьи

Кудашев Дмитрий Витальевич

IT-специалист из Ростова-на-Дону. Делюсь практическим опытом, объясняю технологии понятным языком

Об авторе →