Самостоятельная раскрутка сайта uCoz
Главная » Раскрутка сайта uCoz » Подготовка к продвижению


Оформление страниц сайта. Правила, принципы, советы


Оформление страниц сайта

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


Оформление страниц сайта является неотъемлемой частью процесса по внутренней оптимизации. Анализируя сайты на uCoz, я сделал вывод, что основная масса вебмастеров не уделяет этой работе должного внимания, и платят за это большим показателем отказов и маленькой глубиной просмотра страниц (снижением поведенческого фактора).

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

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


Вид материалов.

В uCoz есть возможность добавлять материалы с кратким и полным описанием. Пользуйтесь этим!


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



Краткое описание влияет на действия посетителей! Если НЕ «лепить» всю новость в вид материалов, и НЕ отдавать изюминку, которая скрывается в полном описании и ради которой написан материал, то пользователь будет вынужден посетить страницу материала и комментариев для получения полной информации! А это уже +1 просмотр за посещение! Советую делать краткие описания уникальными, завораживающими и интересными.

При составлении анонса советую придерживаться следующих правил:

  1. Не превышайте объем текста в 400 символов.
  2. Пишите без грамматических ошибок.
  3. Если описание длинное, используйте переносы строк.
  4. Все должно быть симметрично.
  5. Выкладывайте только суть материала, а не весь материал.
  6. Делайте описания интересными и уникальными.
  7. Следите за оформлением текстового контента.
  8. Прикрепите изображение (это повышает кликабельность).
  9. Делайте заголовок видным и легким для восприятия.
  10. Желательно, чтобы текстовая информация в кратком описании материала не дублировалась в полном.


Страница материала и комментариев к нему.

Полное описание служит для отображения основной информации того или иного материала. За его вывод отвечает шаблон модуля «Страница материала и комментариев к нему».

На этой странице просто необходимо открыть «все козыри» и дать посетителю как можно больше ценной информации. Чем полезнее она будет, тем вероятнее, что материал окажется в ТОП-10 по какому-то НЧ запросу, обогнав конкурентов. Если посетителю понравиться контент вашего сайта, то он может продолжить серфинг по сайту, увеличивая количество просмотров страниц на посетителя (влияет на поведенческие факторы). Плюс ко всему, он с удовольствием посетит ваш сайт еще раз в будущем или даже добавит его в закладки.

Несколько советов по составлению полного описания:

  1. Найдите «изюминку» материала и укажите ее в полной новости.
  2. Пишите уникальные описания без грамматических ошибок.
  3. Используйте изображения, но не перенасыщайте ими. Соблюдайте размеры и вес картинок, чтобы не перегружать страницу!
  4. Следите за оформлением текстового контента.
  5. Используйте теги акцентирования.
  6. Опять же все должно быть симметрично.
  7. Если суть описания дать ссылку, сделайте ее видной и аккуратной и не требуйте за нее совершение каких-либо действий.
  8. Рекламу размещайте таким образом, чтобы она не мешала просмотру основного контента.
  9. Если материал взят из других источников, укажите ссылку на него.
  10. Делайте страницу материала удобной и приятной для восприятия.


Страницы разделов и категорий

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

При оформлении этих страниц пользуйтесь некоторыми советами:

  1. Сделайте уникальное описание для разделов и категорий (подробнее в статье «Размещение текстов на страницах»).
  2. Не выводите слишком мало или слишком много материалов (оптимально 15-30). Мало материалов – уменьшают время проведения посетителя на сайте, а слишком много – увеличивают скорость загрузки страниц.
  3. Используйте дополнительное навигационное меню по разделу (подробнее в статье «Перелинковка сайта»).
  4. Добавьте способ сортировки материалов (переменная $SORTING_MENU$, но она работает не во всех модулях).
  5. Установите привлекательные переключатели страниц.
  6. Следите за видом материалов (об этом говорилось выше).


Главная страница

Главная страница сайта – это лицо вашего проекта (поэтому ее называют «морда сайта»), под нее затачиваются самые высокочастотные и высококонкурентные запросы, она отображает весь ваш сайт в целом. Она всегда должна оставаться уникальной и привлекательной, так как при посещении главной станицы сайта, посетитель уже понимает куда попал и что его здесь ждет. К оформлению главной страницы нужно отнестись с максимальной ответственностью!

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

  • Выводить различные информеры;
  • Вставлять виджеты и гаджеты;
  • Добавлять тексты;
  • Выводить опросы и формы для контактной связи;
  • Вставлять ссылки на внутренние страницы;
  • Делать редирект на конкретные модули;
  • Добавлять изображения, таблицы, скрипты и прочие элементы;
  • Крутить, вертеть, менять и исправлять – так как этого хочется вам с помощью HTML и CSS!

Для изменения содержания главной страницы вам не нужно заходить в панель управления, достаточно зайти на сайт как администратор, и под контентом главной страницы найти и нажать на иконку в виде листа с текстом (это HTML редактор – его рекомендую использовать) или на иконку в виде глаза (это визуальный редактор - НЕ рекомендую использовать).

При оформлении главной страницы, так же как и при оформлении внутренних страниц, я рекомендую придерживаться некоторых правил:

  1. Не делайте шрифт текста слишком крупным – чтобы прочитать весь текст, посетителям придется прокручивать экран, да и выглядит это ужасно с точки зрения юзабилити.
  2. Не центрируйте его (не выравнивайте текст посередине экрана) – тяжело воспринимается.
  3. Не перенасыщайте страницу анимацией и графикой – это раздражает посетителей.
  4. Соблюдайте структуру страницы – это придает серьезности вашему проекту.
  5. Делайте главную страницу максимально информативной и в то же время сжатой, иначе говоря, кратко объясните суть вашего сайта и перечислите его основные качества.
  6. Если вы выводите последние новости (используете переменную $LAST_NEWS$), тогда следите за видом материалов (выше уже говорилось), так как один неправильно оформленный материал испортит всю структуру и юзабилити вашей главной страницы.
  7. Смело размещайте ссылки на основные разделы сайта – это улучшит навигацию и сделает ваш сайт более удобным для посетителя.


Глобальные блоки (футер, сайтбары, шапка)

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

Советы по использованию глобальных блоков:

  1. В шапке сайта разместите логотип и слоган.
  2. В сайтбарах не используйте бесполезные скрипты типа: «время на сайте», «сегодняшнее время года», «сайт существует N лет», «ваш IP», «статистика посещаемости» на пол страницы, «летающие кнопки» и т.д.
  3. Не используйте слишком много счетчиков посещаемости (одного вполне достаточно), а лучше вообще их уберите, особенно если ваш сайт посещают 3 человека в сутки, из которых 2 – это поисковые роботы и 1 – это вы…
  4. Не делайте акцент на рекламу и не размещайте блоки везде, где это возможно, если ваша посещаемость менее 300 (цифра зависит от тематики) уников в день – про прибыль пока забудьте и занимайтесь раскруткой! Про это расскажу в статье о монетизации сайта.
  5. Удалите все лишние внешние ссылки из глобальных блоков (эти ссылки сквозные и отображаются на всех страницах вашего сайта, понижая их общий вес).
  6. В глобальных блоках могут присутствовать: меню сайта, форма входа, форма поиска по сайту, опросы, информеры, полезная для посетителей информация, рекламные блоки, счетчики, копирайты, логотип, слоган, полезные кнопки, различная динамическая информация.
  7. В футере не пытайтесь скрывать копирайт uCoz от посетителей, поисковых систем и администрации uCoz. Посетителям все равно, на каком хостинге ваш сайт, поисковики не любят скрытый текст, а администрация системы вообще может закрыть ваш сайт за нарушение правил.
  8. В футере укажите копирайт вашего сайта, ссылку на HTML карту сайта, ссылку на RSS ленту, а так же можно продублировать ссылки на основные разделы (но не рекомендую с точки зрения SEO).
  9. Старайтесь все блоки гармонично сочетать с шаблоном сайта.


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


Я подготовил статью на основе анализа сайтов случайно выбранных из рейтинга uCoz ТОП-100 и если я что-то упустил, пожалуйста, помогите мне дополнить статью своими замечаниями в комментариях. Надеюсь, что мои советы помогут вам в продвижении!

Поделитесь записью в социальных сервисах!





    Аватар пользователя
    1. bobsidor (13.07.2015, 16:54)
    Спасибо, очень полезно. 
    Цитата
    В футере укажите копирайт вашего сайта, ссылку на HTML карту сайта, ссылку на RSS ленту, а так же можно продублировать ссылки на основные разделы (но не рекомендую с точки зрения SEO).

     Читал, что наоборот рекомендуют для лучшей индексации сайта ПС. Буду признателен если объясните.
    Аватар пользователя
    2. bobsidor (13.07.2015, 17:00)
    Работает ли все Вами перечисленное на OpenCart?
    Аватар пользователя
    0 Хороший комментарий Плохой комментарий
    3. SEOprof (16.07.2015, 13:43)
    
    Цитата
    Читал, что наоборот рекомендуют для лучшей индексации сайта ПС. Буду признателен если объясните.
    Нет. На индексацию это никак не влияет. Обычно меню дублируют для удобства пользователей и если страницы сайта имеют несколько "прокрутов" экрана. Обычно их выводят либо скриптом (в коде его не видно), либо закрывают от индексации атрибутами nofollow и noindex. Так как эти атрибуты работают достаточно "скользко" и по-разному для Яндекса и Гугла - я не рекомендую вообще дублировать меню.

    Причин несколько:

    1. Если у вас удобное основное навигационное меню и продуманный дизайн сайта - нет смысла что-либо дублировать.
    2. Каждая страница имеет свой вес. Каждая установленная ссылка этот вес забирает. В итоге, дублирующим меню вы лишаете ценного веса страницы категорий и материалов. Не забывайте - меню сквозное!
    3. Страница не должна ссылаться сама на себя. А в таком случае она будет ссылаться аж 2 раза - в основном меню и в дублирующем. Зачем плодить препятствия, если их можно избежать?

    Для лучшей индексации - создайте HTML карту с ссылками на все полезные страницы, ссылку на нее разместите в основном меню. В этом случае страница карты сайта будет получать максимальный вес (так как на нее ссылаются ВСЕ), а она уже будет равномерно его распределять по всем остальным страницам.
    Аватар пользователя
    0 Хороший комментарий Плохой комментарий
    4. SEOprof (16.07.2015, 13:45)
    
    Цитата
    Работает ли все Вами перечисленное на OpenCart?
    Да. Те же принципы. Так как OpenCart - это скрипт для коммерческих проектов, соответственно есть нюансы по оформлению карточек товаров и "продающих" текстов.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Быстрый вход ]







Опрос
Ваше отношение к uCoz?

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