Красивые идеи, стильное воплощение

Страница с графикой и инфографикой

Разработка макета для оформления страницы сайта

 

Ниже представлена информация по типичному наполнению рабочих страниц сайта. Одной из главных имиджевых составляющих является слайдер.

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

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

Обязательная составляющая любой страницы - ее визуальная, то есть, графическая, составляющая в виде картинки формата jpg, gif, png. Это может быть фотография товара или услуги. Также особую популярность набирает "инфографика" - сочетание словесного описания, цифр и графических элементов.

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

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

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

H1 Заголовок

H2 Заголовок

H3 Заголовок

H4 Заголовок

H5 Заголовок
H6 Заголовок

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

Ниже собраны варианты специальных форматов для выделения "значимых" частей текста:

Курсив

Выделение жирным

Акроним

Перечеркнутый текстt

Ссылка

Цветовое выделение

Существует также специальная часть для передачи слов автора или прямой речи персонажа, комментариев и прочих отступлений от основной мысли текста. Она может иметь специальное графическое оформление или не иметь его. Маркируется она тегом "blockquote".


Разметка и теги - зачем нужны?

В своей работе мы используем традиционные html теги и особые теги микроразметки. Например, рекомендуемую Яндекс, Schema.org

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

 

Другие услуги компании