Инструкция: улучшаем дизайн за один день без бюджета и Артемия Лебедева

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

Проблема сайтов, сделанных в 2000-е, в том, что информация нечитаема. И это приводит к падению трафика. Поисковые системы «видят», что с сайта массово уходят пользователи. Они опускают сайт в выдаче, и он плохо продаёт.

Но есть один приём, который улучшит положение. Не надо переделывать дизайн, привлекать специалистов, нанимать Артемия Лебедева, отсматривать 403 варианта и тратить уйму денег. Просто сделайте отступы между единицами контента. Это, конечно, не редизайн, но сайт станет удобнее для восприятия.

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

Обозначения, которые используются в схеме:

В обоих случаях величина отступа выражается в пикселях.

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

В этих таблицах заданы усреднённые значения. Но вы можете задать свои. Главное — смотрите на формулу. Принцип расчёта отступов сохраняется.

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