Тренды веб-дизайна 2026: что работает. Что конвертит, что вредит — и что уместно в Эстонии

Фильтр из трёх тестов для любого тренда 2026 года

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

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

1. Есть ли доказательства? Не скриншот красивого сайта, а исследование, A/B-тест или хотя бы задокументированное наблюдение из юзабилити-теста. Мы проверили источники самой цитируемой «статистики трендов» 2026 года, и удивительно большая часть ведёт к маркетинговому блогу, который цитирует другой маркетинговый блог. Там, где так вышло, мы говорим об этом прямо.
2. Сколько это стоит в Core Web Vitals? Пороги Google в 2026 году не изменились: Largest Contentful Paint меньше 2,5 с, Interaction to Next Paint меньше 200 мс, Cumulative Layout Shift меньше 0,1 — по 75-му перцентилю реальных визитов. Новой метрики Core Web Vitals в этом году не появилось, что бы вы ни читали. Единственное настоящее изменение касается измерения: начиная с Chrome 151 браузер без флага сообщает о мягких навигациях, и это наконец позволяет измерять смену маршрута в одностраничных приложениях, а не только первую загрузку.
3. Прочитает ли это машина? Новый тест 2026 года и тот, который дизайнеры пропускают чаще всего. Растущая доля вашей аудитории — не человек с браузером, а краулер, который не умеет выполнять JavaScript. Об этом ниже.

Тренд заслуживает места, когда проходит три теста: есть доказательства, что он помогает пользователю; он ничего не стоит в Core Web Vitals; и машина, не выполняющая JavaScript, всё равно понимает страницу.

Одна цифра, чтобы закрепить аргумент про скорость, — самая хорошо задокументированная в отрасли. Ритейлер Farfetch сократил время загрузки карточек товара более чем на 600 мс и получил рост конверсии на 1–5% в A/B-тесте — не корреляцию, а эксперимент. Их собственная регрессия дала примерно −1,3% конверсии на каждые лишние 100 мс LCP, и они увидели, что конверсия падает, а выходы растут ровно после отметки 2,5 с — там, где Google проводит границу. Vodafone Italy сообщил о росте продаж на 8% после улучшения LCP на 31%. Исследование Deloitte и Google Milliseconds Make Millions (30 млн сессий, 37 брендов; опубликовано в 2020-м, так что цитируйте с датой) показало: выигрыш всего 0,1 с в мобильной загрузке поднял конверсию в рознице на 8,4%, а в travel — на 10,1%.

При этом, по данным HTTP Archive Web Almanac, все три метрики Core Web Vitals проходят лишь около 48% мобильных сайтов. Чаще всего не проходит именно LCP. Это контекст, в котором придётся жить каждому тренду ниже.

1. Editorial-типографика — работает, но с условиями

Что это: крупный шрифт как главное визуальное событие страницы, вариативные шрифты вместо шести статических начертаний, возвращение антикв после десятилетия геометрических гротесков и типографика как вёрстка, а не украшение. Это доминирующий облик 2026 года — и именно то, что вы сейчас видите: iweb.ee построен на одном вариативном семействе (Onest), палитре «бумага и чернила» и типографике как несущей конструкции.

Конвертит ли это? Доказательств, что крупный шрифт или антиква сами по себе продают лучше, нет, и любой названный процент здесь выдуман. А вот что действительно установлено — это исследования читаемости, и они про основной текст, а не про заголовки: длина строки примерно 50–75 знаков (оптимум около 66), кегль основного текста не меньше 16 пикселей, межстрочный интервал от 1,5. Это не тренды. Это разница между страницей, которую читают, и страницей, которую пробегают глазами и закрывают.

Сколько это стоит: шрифты — одна из самых частых причин плохого LCP. По данным Web Almanac, веб-шрифты используют около 88% сайтов, медианная страница грузит четыре шрифтовых файла, и лишь порядка 12% делают им preload. Примерно на четверти мобильных страниц LCP-элемент — это текст; там загрузка шрифта и есть ваш LCP. При аккуратной реализации цена близка к нулю: хостить у себя, резать сабсет, делать preload одного файла, нужного первому экрану, и задать запасному шрифту совпадающие метрики через size-adjust, чтобы подмена не сдвигала вёрстку.

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

Настоящий риск — контраст. Выразительная типографика любит серое на сером и тонкие начертания поверх фотографий. Низкий контраст сейчас — самая частая ошибка доступности в вебе: по исследованию WebAIM 2026 года он встречается на 83,9% главных страниц из миллиона популярнейших, против 79,1% годом ранее. И это же та ошибка, о которой посетитель вряд ли сообщит и из-за которой скорее всего уйдёт, — как объясняет раздел про доступность.

2. Bento-сетки — хороший приём, выдуманные доказательства

Что это: асимметричная сетка из скруглённых карточек разного размера, которую популяризировали страницы продуктов Apple, а теперь это стандарт SaaS-лендингов. Функция, метрика, скриншот и цитата, разложенные как в коробке бэнто.

Конвертит ли это? Никто не знает, и это самый поучительный пример во всём списке. Статистика, которую цитируют везде, — «bento-сетки увеличивают время на странице на 47%, а кликабельность на 38%» — ведёт к одному дизайн-блогу без выборки, без методологии и без опубликованного исследования. То же самое с утверждением «айтрекинг показывает в 2,6 раза более длительную фиксацию на крупных карточках». Мы искали первоисточник — его нет.

Это не делает bento плохим приёмом. Это делает его разумным применением старого принципа: размер означает важность, а сканируемые модули соответствуют тому, как люди на самом деле читают промо-страницу. Используйте их поэтому. Только не позволяйте продавать вам редизайн под 47%, источник которых никто не найдёт.

Сколько это стоит: почти ничего, если быть аккуратным. Чистый CSS Grid, ноль JavaScript, а контейнерные запросы (@container) делают карточки по-настоящему адаптивными без медиазапросов. Две ловушки: в bento-первом экране LCP-элементом часто оказывается картинка карточки, поэтому именно ей нужны fetchpriority="high" и немедленная загрузка, а всем карточкам ниже сгиба — loading="lazy" и явные размеры; и фон «матовое стекло» стоит дорого (см. антитренды).

3. Спокойный дизайн — единственная бесплатная эстетика

Что это: одно шрифтовое семейство, два-три тона, воздух как структура, а не как украшение, движение только там, где оно что-то объясняет. В отчётах это называют спокойным или тихим дизайном. Честное объяснение, почему он пришёл именно в 2026-м: визуальную норму задали ИИ-инструменты — ChatGPT, Claude и Perplexity выглядят ровно так, и сотни миллионов людей проводят в этой эстетике часы каждый день.

Конвертит ли это? Данных нет, как и по любой другой эстетике. Но это единственный стиль 2026 года, чьи интересы полностью совпадают со всем остальным в этой статье. Меньше файлов — лучше LCP. Меньше JavaScript — лучше INP. Настоящий текст в семантическом HTML — и скринридер, и ИИ-краулер его прочитают. Сдержанность — единственный тренд, который бесплатен во всех трёх тестах сразу.

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

Если хотите увидеть этот компромисс на практике, а не в теории, наше портфолио клиентских проектов построено ровно на этом ограничении: editorial-вёрстка, почти ноль клиентского JavaScript, статический HTML.

4. Анимация, которая не крутится в основном потоке

Что это: привязанная к скроллу анимация средствами CSS (animation-timeline: scroll() и view()) вместо JavaScript-библиотеки, плюс View Transitions API для «приложенческих» переходов между страницами без фреймворка.

Конвертит ли это? Все ходящие по сети цифры про микровзаимодействия — «hover-эффекты дают +37% кликов», «микроанимации поднимают конверсию на 25%» — это контент-маркетинг без исследования. Игнорируйте их все. Что действительно выдерживает проверку — многолетние выводы об интерфейсах: отклик быстрее 100 мс воспринимается мгновенным, 100–300 мс — всё ещё быстрым, а дольше примерно 300 мс начинает ощущаться ожиданием. Анимация — способ объяснить смену состояния, а не рычаг роста.

Сколько это стоит — и здесь настоящий выигрыш 2026 года: CSS-анимации по скроллу, которые двигают только transform и opacity, выполняются в потоке композитора. Они не конкурируют с вашим JavaScript, поэтому не стоят ничего в INP даже на нагруженной странице. JavaScript-слушатель скролла делает обратное. А отказ от библиотеки убирает ещё и десятки килобайт с критического пути.

Два условия. Первое: в поток композитора попадают только transform и opacity — анимируйте ширину, высоту или отступы, и вы тут же вернёте раскладку в основной поток. Второе: поддержка всё ещё неровная — Chromium с 2023 года, Safari с 2025-го, но в Firefox к середине 2026-го это по-прежнему было за флагом (анимации по скроллу входят в приоритеты Interop 2026). Относитесь к этому как к прогрессивному улучшению, а не как к фундаменту.

И оборачивайте декоративное движение в @media (prefers-reduced-motion: no-preference). Это не вежливость: критерий WCAG 2.2.2 («Pause, Stop, Hide») — требование уровня A, и оно ловит именно автопрокручиваемые карусели и автозапускающееся фоновое видео.

5. Тёмная и светлая тема — победителя по-прежнему нет

Что это: в 2026 году реализация наконец стала чистой. CSS-функция light-dark() вместе с color-scheme: light dark заменяет продублированные блоки медиазапросов и — что важнее — убирает JavaScript-костыль переключения темы, из-за которого на каждой загрузке мелькала не та тема.

Конвертит ли это? Достоверных данных нет ни в одну сторону, и если вам говорят обратное — стоит насторожиться. Nielsen Norman Group читает исследования так: при нормальном зрении читаемость выше на светлом фоне, а тёмная тема действительно помогает при светочувствительности, катаракте и в темноте. В исследованиях удовлетворённости стабильно важнее не значение по умолчанию, а сама возможность переключить.

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

6. Доступность — утечка выручки, которую никто не измеряет

Это самый важный раздел статьи и тот, который большинство списков трендов сводит к одному пункту про «инклюзивный дизайн».

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

И это гораздо шире, чем подсказывает само слово. Кроме постоянных ограничений есть ситуативные, которые касаются всех: телефон на ярком солнце, треснувший экран, одна свободная рука в транспорте, шумное помещение с выключенным звуком. Низкий контраст, крошечные зоны нажатия и видео без субтитров проваливаются и для этих посетителей тоже. Технический ориентир, по которому стоит строить, — WCAG уровня AA: целиться лучше в 2.2, потому что он включает 2.1 и избавляет от лишней миграции позже.

А веб при этом становится хуже. Ежегодное сканирование WebAIM миллиона самых популярных главных страниц, опубликованное в марте 2026 года, нашло выявляемые нарушения WCAG на 95,9% из них — против 94,8% и впервые с откатом после шести лет подряд улучшений. Средняя страница несёт теперь 56,1 обнаруженной ошибки (+10% за год) и состоит из 1437 элементов — рост сложности на 22,5% за двенадцать месяцев. WebAIM связывают откат с разрастанием фреймворков и «вайб-кодингом» с помощью ИИ.

Шесть ошибок, дающих около 96% всех нарушений, не меняются семь лет подряд:

• Низкий контраст текста — 83,9% главных страниц.
• Отсутствие alt-текста — 53,1%. Более чем у каждой четвёртой картинки alt отсутствует, пуст или бесполезен.
• Поля форм без подписей — 51%, при этом треть всех полей не подписана.
• Пустые ссылки — 46,3%.
• Пустые кнопки — 30,6%.
• Не указан язык документа — 13,5%.

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

Два вывода из того же исследования стоит повесить на стену. Число ARIA-атрибутов выросло за год на 27%, и страницы с ARIA имеют в среднем 59,1 ошибки против 42 у страниц без неё — больше разметки доступности коррелирует с бо́льшим числом барьеров, потому что ARIA, применённая без понимания, активно ломает. А библиотеки каруселей — среди худших: Swiper коррелирует с 31,8% ошибок сверх среднего, Slick — с 26,4%, OWL Carousel — с 26,1%.

Коммерческий аргумент. Британское исследование Click-Away Pound — данные 2019 года, так что цитируйте с датой — показало, что 69% покупателей с ограничениями уходят с сайтов, которыми трудно пользоваться, 86% платили больше, лишь бы купить на доступном сайте вместо более дешёвого неудобного, и 82% тратили бы больше, если бы сайтами было проще пользоваться. Но важнее всего последняя цифра: только 7% вообще сообщают об этом бизнесу. В одной этой статистике — весь аргумент. Деньги уходят молча, никогда не приходят в виде жалобы, и ни один отчёт их вам не покажет — именно поэтому это и не чинят, пока команда спорит о радиусе скругления карточек.

7. ИИ-персонализация — для небольшого сайта скорее минус

Что это: подстройка заголовков, офферов, вёрстки или текста под посетителя с помощью машинного обучения; в 2026 году всё чаще ещё и с вариантами, сгенерированными языковой моделью.

Конвертит ли это? На большом масштабе — да: McKinsey давно оценивает хорошо выстроенные программы персонализации примерно в 10–15% прироста выручки. Но эта цифра описывает компании с миллионами сессий и командой аналитиков. Ниже примерно 1000 конверсий в месяц результаты тестов слишком шумные, чтобы на них опираться; ниже нескольких тысяч посетителей в месяц большинство платформ вообще не наберут достоверный сигнал. Это не мнение вендора, а базовая статистическая мощность.

Сколько это стоит — и этого не пишут в прайсе:

• LCP. Клиентская персонализация приходит блокирующим рендер скриптом, обычно вместе с «антимерцающим» сниппетом, который прячет страницу (body { opacity: 0 }), пока инструмент не ответит. Это худший LCP-антипаттерн в коммерческом использовании — вы намеренно откладываете показ собственного контента.
• INP. Ещё один сторонний скрипт, борющийся за основной поток. Сторонний JavaScript — самая частая причина провала INP.
• Видимость в ИИ. Контент, собранный в браузере после гидратации, для ИИ-краулеров не существует. Ваша персонализированная таблица тарифов, блок с оффером и сетка преимуществ невидимы для движков, которые всё чаще отвечают вместо вас.

Вывод: для большинства бизнес-сайтов клиентская ИИ-персонализация имеет отрицательное ожидаемое значение — трафика не хватает на статистическую мощность, а цена в скорости и машиночитаемости гарантирована. Если персонализировать, то на сервере или на edge, чтобы и посетитель, и краулер получали готовый HTML.

8. Дизайн, который ИИ-поиск действительно читает

Вот сдвиг 2026 года, который никто не положил на мудборд: появилась вторая аудитория, и она не умеет выполнять JavaScript.

Исследование Vercel и MERJ, разобравшее поведение краулеров на сотнях миллионов запросов, показало, что ни один из крупных ИИ-краулеров не выполняет JavaScript — ни GPTBot, ни ClaudeBot, ни PerplexityBot, ни Bytespider, ни Common Crawl. Исключения — Gemini от Google, который едет на рендеринге Googlebot, и AppleBot. Все остальные видят ваш первоначальный HTML-ответ и больше ничего.

С каждым кварталом это весит больше. Обновление Ahrefs за февраль 2026 года, сравнившее данные Search Console по 300 000 ключевых слов, показало: клики по первому органическому результату падают примерно на 58%, когда рядом есть ИИ-ответ, — против 34,5% годом ранее. Pew Research зафиксировал падение доли кликов с 15% до 8% при появлении AI Overviews. Видимость, которая теперь имеет значение, — это быть внутри ответа.

Какие же дизайнерские решения на это влияют?

• Рендерите на сервере. Не из идеологии, а потому что контент, появляющийся только после гидратации, невидим большинству краулеров, решающих, цитировать вас или нет. Статическая генерация или серверный рендеринг — это решение уровня дизайна с последствиями для SEO.
• Перестаньте класть текст в картинки. Таблица тарифов, выгруженная в PNG, схема процесса с шагами внутри графики, первый экран, где ценностное предложение — это иллюстрация: всё это ноль текстового сигнала. Единственный канал — alt-текст, а с ним, по данным WebAIM, уже не справляется больше половины главных страниц.
• Заголовки — это структура, а не размер. WebAIM нашли, что 41,8% главных страниц пропускают уровни заголовков, а у 18,1% больше одного H1. Иерархия заголовков — это то, как навигирует скринридер и как языковая модель понимает, о чём страница. Выбор H4 «потому что размер подошёл» ломает и то и другое.
• Отвечайте прежде, чем украшать. Короткий блок-резюме в начале страницы — как под заголовком выше — самый цитируемый объект, который вы можете дать модели. Дизайн обязан оставить под него место.
• Не переоценивайте schema в этой роли. Исследование Ahrefs на 1885 страницах, добавивших JSON-LD, против 4000 контрольных не нашло сколько-нибудь заметного прироста цитирований ИИ: +2,4% в Google AI Mode, +2,2% в ChatGPT, −4,6% в AI Overviews. Держите schema ради расширенных сниппетов Google — для этого она и сделана. Рычагом ИИ-видимости она не является.

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

Три аудитории 2026 года — спешащий человек, скринридер и краулер, не выполняющий JavaScript, — хотят одного и того же: настоящий текст, в семантическом HTML, в разумном порядке и быстро.

9. Антитренды: что убрать в 2026 году

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

Карусели и слайдеры в первом экране

Самый известный набор данных — Эрика Раньона, опубликованный в 2013 году и с тех пор по сути не опровергнутый: на крупной университетской главной странице по карусели кликали около 1% посетителей, и 84% этих кликов приходилось на первый слайд. Вы платите за четыре слайда, с которыми 96% людей не взаимодействуют, — байтами, часами разработки и теми ошибками доступности, с которыми коррелируют эти библиотеки. Автопрокрутка вдобавок задевает WCAG 2.2.2 уровня A. Поставьте лучшее сообщение в статичный первый экран.

Перехват скролла (scroll-jacking)

Юзабилити-исследование Nielsen Norman Group однозначно: большинство участников были как минимум слегка дезориентированы, несколько решили, что сломалась мышь, а на одном сайте заблудились все участники. Коммерчески важен их вывод, что уходят именно целеустремлённые пользователи — те, кто ближе всего к покупке. На мобильных хуже. Если всё-таки делаете: держите ниже первого экрана, никогда не меняйте направление скролла, не помещайте внутрь текст, который нужно читать, и оставьте липкую навигацию как выход.

Тяжёлое видео в первом экране

Видео нельзя предзагрузить так же, как картинку, поэтому видео-герой регулярно даёт плохой LCP. Если видео нужно, решение не в том, чтобы его убрать, а в том, чтобы оптимизировать кадр-постер — часто именно он и есть LCP-элемент, — поставить preload="none" и отложить воспроизведение. Автоматическое движение дольше пяти секунд без кнопки паузы — нарушение доступности уровня A.

Баннеры согласия, перекрывающие страницу

DebugBear измерили, как баннер, вставленный в начало DOM, сдвигал первый экран более чем на 300 пикселей и давал 0,11 CLS сам по себе — достаточно, чтобы выйти за порог ещё до того, как загрузится что-то ещё. В другом замере LCP вырос с 1,43 с до 3,61 с. Решение скучное и рабочее: закрепить баннер fixed у края экрана, чтобы он ничего не двигал, грузить менеджер согласия асинхронно и никогда не привязывать к нему первую отрисовку.

Бесконечная прокрутка на коммерческих страницах

Юзабилити-тесты Baymard показали, что кнопка «показать ещё» вместе с ленивой загрузкой выигрывает и у бесконечной прокрутки, и у чистой пагинации, когда пользователь целеустремлён. Бесконечная прокрутка ломает возврат назад, лишает позицию адреса, навсегда убирает подвал из досягаемости и растит DOM, пока INP не начнёт деградировать тем сильнее, чем дальше человек прокрутил. Она уместна в лентах для «полистать». Она неуместна в каталоге, где покупают.

Кастомные курсоры

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

Прелоадеры на быстрых страницах

Заставка добавляет к LCP реальные миллисекунды, чтобы спрятать время загрузки, которое надо было починить. Хуже того, полноэкранные прелоадеры обычно скрывают тело страницы через opacity: 0, что катастрофично для измерения LCP. Если страница быстрая, прелоадер и есть задержка. Оставьте состояния загрузки для по-настоящему неизбежных ожиданий.

ИИ-стоки на страницах, где решается доверие

Здесь исследования неудобные. Опрос Getty показал, что почти 90% людей хотят знать, создано ли изображение ИИ (Getty продаёт не-ИИ фотобанк, учитывайте это), а Clutch — что 57% потребителей вообще не отличают. При этом рецензируемое исследование 2026 года показало, что раскрытие ИИ-происхождения включает скепсис и подрывает доверие. Проигрыш в обе стороны. Используйте настоящую съёмку там, где доверие и есть суть: команда, помещение, выполненные работы.

Стеклянный эффект по умолчанию

backdrop-filter: blur() заставляет GPU пересобирать кадр каждый раз, и цена растёт с радиусом размытия и числом слоёв. На бюджетных телефонах это видно. Бо́льшая проблема в том, что текст на изменчивом размытом фоне проваливает требования к контрасту почти по определению. Две-три стеклянные панели на страницу, полупрозрачная заливка под текстом и уважение к prefers-reduced-transparency.

Что из этого уместно на эстонском рынке

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

• Масштаб убивает персонализацию. У большинства эстонских бизнес-сайтов сотни, а не десятки тысяч посетителей в месяц. Статистической мощности ни на A/B-тест, ни на ИИ-персонализацию просто нет. Тот же бюджет, потраченный на скорость и ясность, даёт измеримый результат, а персонализация даёт шум и более медленный сайт.
• Доступность здесь — дешёвый способ обойти конкурентов. Большинство местных сайтов собрано на готовых темах, где карусель, низкий контраст и неподписанные поля форм идут в комплекте по умолчанию, — и их никто не убирает, потому что никто не жалуется. На маленьком рынке, где конкурентов десятки, а не тысячи, один день работы над шестью самыми частыми ошибками сразу переводит сайт в другой класс, без всякого редизайна.
• Три языка — это ограничение дизайна, а не задача перевода. Один и тот же макет должен нести эстонские составные слова, короткие английские заголовки и русскую кириллицу. Editorial-типографика здесь работает только если у шрифта есть нормальный кириллический сабсет, а заголовки просчитаны по самому длинному языку — иначе «veebiarenduse hinnapakkumine» ломается на три строки и первый экран рассыпается. То же и с ИИ-поиском: эстонский клиент спрашивает ChatGPT на всех трёх языках.

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

Чек-лист 2026

Если читать только одно — читайте это. Порядок по отдаче на усилие, а не по тому, насколько современно что-то выглядит.

1. Сначала измерьте, потом перерисовывайте. Посмотрите свои реальные Core Web Vitals — полевые данные, а не лабораторный балл. LCP меньше 2,5 с, INP меньше 200 мс, CLS меньше 0,1 по 75-му перцентилю.
2. Почините шесть ошибок доступности. Контраст, alt-тексты, подписи полей, пустые ссылки, пустые кнопки, язык документа. День работы — и снята бо́льшая часть барьеров, которые незаметно отнимают у вас визиты.
3. Сделайте первый экран статичным и быстрым. Одно сообщение, одна оптимизированная картинка с явными размерами и fetchpriority="high". Без слайдера, автовидео и прелоадера.
4. В начало каждой важной страницы — резюме. Две-четыре фразы, которые отвечают на вопрос. Человек пробегает глазами, модель цитирует.
5. Отдавайте готовый HTML. Статическая генерация или серверный рендеринг, чтобы посетитель, скринридер и ИИ-краулер получали контент, ничего не выполняя.
6. Проверьте сторонние скрипты. Виджеты чата, пиксели, тег-менеджеры, персонализация, менеджер согласия. Это самая частая причина провала INP, и у большинства сайтов их несколько таких, которыми уже не пользуются.
7. Одно вариативное шрифтовое семейство — и только если нужно несколько начертаний. Свой хостинг, сабсет, preload, запасной шрифт с совпадающими метриками.
8. Перенесите декоративное движение в CSS. Анимации по скроллу для transform и opacity, обёрнутые в prefers-reduced-motion, как прогрессивное улучшение.
9. Проверьте заголовки как структуру. Один H1, без пропущенных уровней, выбор по смыслу, а не по размеру.
10. Тестируйте в браузерах, которыми реально пользуются ваши посетители. Половина CSS-новинок 2026 года ещё не Baseline. Прогрессивное улучшение, а не допущение.

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

Если хотите, чтобы весь список применил к вашему сайту кто-то другой — дизайн, разработка, скорость и доступность одним заходом, — это и есть разработка сайтов в iweb.ee. А если бюджет ещё не определён, разбор стоимости сайта в 2026 году — честная версия ответа.

Часто задаваемые вопросы