Дизайн с двумя колонками в левой боковой панели

Дизайн двухблочной левой боковой панели - манекены

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

Здесь вы видите блог The Two in Love, который красиво использует этот стиль макета. Этот дизайн блога начинается с большого имени и фотографии блога, которые тянут вас к меню навигации и кнопкам социальных сетей.

Кредит: © Бекки Хэнкла в TheTwoinLove. com, дизайн блога Бри Ламкина в TheSecretLifeofBee. com

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

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

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

Вы можете обойти недостаток поисковой системы, гарантируя, что структура HTML вашего сайта сначала помещает ваше основное содержимое, а не после содержимого левой боковой панели. Хорошей новостью является то, что многие темы делают это за вас; в противном случае вам нужно настроить CSS для его реализации, что не всегда легко реализовать.