Изменение внешнего вида страницы в ок

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

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

Итак, классификация сайтов.

Техническое разделение

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

HTML

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

CMS

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

Flash

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

Коммерческие

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

Тип с Сеопульта трясет бородой на фоне коммерческих сайтов, чтобы намекнуть владельцам бизнеса, где они могут похерить продвинуть свой сайт:

Интернет-магазины

Интернет-магазин — это сайт, на котором можно купить какой-либо товар. На них обычно есть кнопки «купить» и «добавить в корзину». Информация о доставке, номера телефонов и все остальные факторы коммерческого ранжирования обычно тоже имеются. Основное обращение денег в интернете обеспечивают именно эти порталы. Типичный пример огромного интернет-магазина — Юлмарт. Там продают все.

ИМ поменьше и более узкоспециализированный — это, например, «Очкарик».

Вообще, если классифицировать более-менее грубо (если нет — то видов может быть огромное количество), то и, например, сайт Аэрофлота можно отнести сюда же.

Для кого: для тех, кто занимается торговлей. Возможно даже имеет свой магазин, физический.

Сайты услуг

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

Пример поскромнее — прокат машин из Гаража Особого Назначения.

Для кого: для тех, кто занимается оказанием услуг, и, как ни странно, для поставщиков товара тоже может иметь смысл делать именно такой ресурс.

Landing Page

Лендинг — это веб-страница, цель которой — максимально эффективно продать товар или услугу. Landing Page обычно оформляется очень красиво, чтобы привлечь внимание и заставить пользователя:

1. Остаться на странице
2. Дочитать до конца
3. КУПИТЬ

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

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

Визитки

Сайт-визитка — это сайт, где размещена информация о человеке/компании. Бывает трудно выявить грань между визитками и сайтами услуг, потому что зачастую одно плавно перетекает в другое. Сюда же можно отнести и всякие онлайн-портфолио.

Для кого: для тех, кому нужен сайт «чтоб был». Так сказать, для пущей авторитетности.

Информационные

Мне самому нравится больше заниматься информационными сайтами. Такие сайты создаются либо для заработка, либо «для себя». И их подвидов просто масса.

Новостные

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

Региональные

Обычно это городские порталы (типа 36on), или региональные (типа SakhaLife). Среди новостников это, наверное, самый рентабельный вариант, ибо трафик идет не только с новостей, и есть очень хорошие варианты монетизации. Траф может идти на статьи о достопримечательностях или известных людях города, или по справочнику с адресами (вариантов масса). А монетизироваться можно продажами рекламы для местного бизнеса. К сожалению, самые прошаренные вебмастера в свое время смекнули, что такие сайты — золотая жила, и сейчас там уже дикая конкуренция. Всё забито, причем почти на всех сайтах уже сформировалось коммьюнити, что ставит крест на их конкурентах.

Тематические

Это порталы по какой-то относительно узкой теме, интересной определенному кругу людей. Например, Каратэ.ру. Обычно требуют много энергозатрат, а прибыль сильно зависит от тематики. Короче, такие сайты надо уметь готовить.

Общие

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

Блоги

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

Трафосборники

Эти сайты создаются вебмастерами с целью собрать трафик из поиска. В основном вебмастера любого калибра (от матерых до матерых лохов) прутся именно сюда.

Статейники

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

Видеосайты

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

Справочники

Сайты с контентом, который даже может быть неуникален. Это могут быть инструкции к лекарствам, тексты законов или еще какая-нибудь хрень. Некоторым копипастерам удается на этом сколотить много денег. Некоторым — потратить. Я в этой разновидности сайтов еще не разбирался, так что не знаю, что вторые делают не так, как первые. Типичный безликий, но посещаемый справочник:

Варезники

Варезники (warez) — это сайты, позволяющие скачать какие-то файлы. Я сюда отношу очень большое количество подвидов — торрент-трекеры, сайты с картинками, сайты с книгами, файлообменники и так далее. Именно из-за пестроты данного направления тут, пожалуй, самая низкая конкуренция среди всех трафосборников и именно тут быстрее всего «поднимаются» вебмастера со смекалкой. Но эта же пестрота и создает определенную специфику, которая и дает возможность подняться именно вебмастерам со смекалкой, а не баранам. Поэтому я сюда пока что и не иду:)))

Агрегаторы

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

Black SEO

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

Дорвеи

Дорвей — это сайт, созданный для сбора трафика и перенаправления его на другой сайт. Раньше дорвеи нехило рулили и люди делали на них большие деньги. Сейчас дорвейщики в основном сосут члены. Ибо поисковики нащадно банят их творения.

Адалт

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

Социальные

«Убиваторы времени», куда заходят обычно без особой цели, а ради общения. Монетизация там хромает, поэтому нужно брать числом, а не умением.

Соцсети

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

Другое

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

Поисковики

Поисковик (поисковая система) — это сайт, выдающий в ответ на запрос пользователя список релевантных этому запросу веб-страниц. Гугл и Яндекс — акулы ниши, которые, по сути, разорвали всех других в РФ. Можно сказать, что это агрегаторы информации. И они не собирают трафик, они наоборот, перенаправляют свой прямой трафик на наши сайты.

Сервисы

Основная ценность сервисов не в их контенте, а в их техническом функционале. Допустим, одно время неплохой доход приносили сайты о погоде, пока их не сожрал Яндекс. Или сайты-переводчики, пока их не сожрали Яндекс с Гуглом. Или почтовые сервисы. Как видите, основную часть всех этих сайтов сжирают Яндекс и Гугл, это их и ждет в будущем. С концами. Хотя есть некоторые стойкие солдатики вроде хостингов и регистраторов доменов — до них поисковики еще не добрались.

Каталоги

Каталоги сайтов — это такая допотопная версия поисковиков. Постепенно затухают, туда им и дорога. Пример — ЯК (одна из первых попыток Яндекса захавать всё). По сути сейчас более-менее значимы только он и ДМОЗ.

Закрытые сайты

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

Пожалуй, сюда вошли почти все виды сайтов, которые я знаю. Если есть что дополнить или есть дискуссионные моменты — прошу в комментарии.

В одноклассниках изменили внешний вид страницы.

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

Если люди продвигают компанию или личный бренд в социальных сетях, важно, чтобы страницы выглядели уместно, не теряли качество и доносили идею. Полезно знать правильные размеры, форматы, требования и инструменты для создания и поиска изображений. Инструменты смены фона (темы) присутствуют во всех популярных сервисах (социальных и почтовых).

Аналогично можно сменить фон в Одноклассниках, и вы, наверняка, не раз встречали странички друзей с красивыми заставками, картинками и темами.

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

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

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

Вот теперь вашу красивую страницу будут видеть все друзья и гости.

Наиболее важные параметры изображений в Ок:

Размеры изображения в Одноклассники важно учитывать, потому что изображения меньше рекомендованного размера «растягиваются» и становятся нечеткими, а картинки большего размера могут сжиматься программным способом и терять в качестве по сравнению с оригиналом. Как итог — если изображение отличается от рекомендованного размером, то она может обрезаться в неудачном месте.

Если не хочется входить в тонкости, запомните один размер: 1024×512 px. В большинстве случаев такая картинка будет отображаться корректно в многих социальных сетях.

• Изображение для поста: 1680х1680 px
• Обложка: 1340×320 px
• Аватар профиля: 288х288 px

Удачи!

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

С уважением, Тамара Гладкова.

Поговорим про страницы сайта, которые должны быть на каждом проекте.

Предложу свой вариант 18 типов страниц сайта.

Страницы сайта, которые обязаны быть

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

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

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

Страницы сайта

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

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

Попадая на новый ресурс, я в первую очередь захожу на них.

3. Контакты – На многих блогах до сих пор нет подобной. Поражаюсь, как можно лишать себя нужного канала. В любой момент, заинтересованный читатель захочет связаться с вами. Допустим, предложить размещение баннера на сайте и договориться об оплате. Или предложить выгодную работу для вам.

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

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

4. Следующая Подписка . Необходимо в обязательном порядке размещать её. На ней указывать все каналы для подписки на новые публикации. Это может быть как подписка через RSS фид так и на почтовый адрес. Кстати, у меня такая присутствует. Помним о положительном влиянии социальных сервисов на раскрутку блога. Поэтому будет полезным указать свои адреса в Twitter, Facebook и Google+. Незабываем, пригласить посетить свои аккаунты в Вконтакте и подписаться на Youtube канал. Также продублировать свои акки на странице об авторе.

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

17. Размещение интервью с популярными блоггерами . Можно их расположить отдельно, где будут появляться новые интервью.

18. Поиск по сайту . На странице с поиском можно разместить рекламу и приглашения для на обновления. Чем я и воспользовался!

Незабываем на каждую ставить форму связи с автором. Что является полезным дополнением для общения автора со своей постоянной аудиторией.

После перечисления вариантов для размещения информация, подведу итог. Кто-то особо не замарачивается, и создает их по минимуму. Однако, каждая из них несет в себе полезную составляющую для раскрутки и популяризации вашего проекта.

А какие страницы сайта вы размещаете на своих проектах? Прошу добавить свои варианты в комментариях.

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

Содержание:

• § 1. Виды структур сайтов
• § 2. Правильная структура сайта
• § 3. Число страниц сайта
• § 4. Навигационное меню

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

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

§ 1. Виды структур сайтов

1. Линейная - это структура, построенная по типу слайд - шоу. Пользователи просматривают web-ресурс страница за страницей.

Линейная структура сайта

2. Древовидная структура - самая популярная структура, которая подходит для всех видов сайта. Главное, что нужно помнить при построении «сайта-дерева» с многочисленными ветвями в виде страниц и «под - страниц», чтобы ресурс «рос» и развивался не только вширь, но и в глубь.

Древовидная структура сайта

3.Гибридная структура сайта - наиболее используемый вариант построение веб ресурсов. Представляет собой смешанный вариант линейной и древовидной.

Гибридная структура сайта

4. Решетчатая структура - довольно сложна и используется в основном в каталогах. Плотно связана с навигационным меню. Горизонтальные и вертикальные страницы логически связаны, что позволяет быстро переходить от одного элемента к другому.

Решетчатая структура сайта

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

У каждого сайта есть шапка, где пишется заголовок (подзаголовок) сайта, навигационное меню - названия рубрик, меток и другая полезная информация, основная часть сайта, где публикуется основная информация, подвал, где показана некоторая служебная информация.

Внешняя структура

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

Наиболее популярные mind map или Visio.

Создание сайта и его разделов - кропотливая и ответственная работа.

§ 2. Правильная структура сайта

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

Cделайте HTML карту сайта , на которой будут ссылки на все страницы сайта.

Cтруктура сайта должна быть упорядочена и понятна.

Пример чистой структуры URL:

• mysite.ru/Category1/Product1
• mysite.ru/Category1/Product2
• mysite.ru/Category2/Product3

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

На сайте не должно быть «битых ссылок» которые ведут на несуществующие страницы отдающие код 404. Такие ссылки могут привести к тому что поисковой робот уйдет с вашего сайта, а посетитель не найдет то чего хотел.

В URL используйте ЧПУ, например:

• правильно — site.ru/razdel/chto-takoe-chpu/
• неправильно — site.ru/category_id=2/?page_id=12/

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

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

§ 3. Число страниц сайта

Размер страниц сайта должен быть столько, сколько потребуется по содержанию. Для одной страницы сайта достаточно 1000 знаков. Страницы сайта не должны быть перенасыщены текстом. Чтобы найти необходимую информацию на странице перенасыщенной текстом пользователю потребуется слишком много сил и временных затрат. Большинство пользователей считают, что поиск информации в огромном объеме текста не стоит затраченного на это времени. Поэтому следует придерживатьсяоптимального размера текста на странице.

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

СКОЛЬКО ДОЛЖНО БЫТЬ ВНУТРЕННИХ ССЫЛОК СО СТРАНИЦЫ САЙТА?

Определение количества ссылок на странице должно подчиняться следующим закономерностям:

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

Какой размер статьи на сайте должен быть для эффективного продвижения?

• Примерный размер статьи для эффективного продвижения должен быть 2500-3000 символов без пробелов. При этом текст статьи сайта должен быть разбавлен картинками, причём картинки нужно вставлять в текст статьи, а не за её пределами.
• Чем больше страниц на вашем сайте проиндексировано поисковыми системами, тем больше трафика ваш сайт может получать с поиска.

Почему полезно и нужно ежемесячно увеличивать количество страниц на сайте?

Публикуя на своём сайте уникальную, актуальную и интересную для целевой аудитории информацию о своей деятельности Вы:

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

§ 4. Навигационное меню

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

Навигационные компоненты включают в себя:

1. Глобальная навигация;

2. Локальная навигация;

3. Вспомогательная навигация;

4. Фильтры категорий, ценовых границ и т. п.;

6. Футер, дублирующий элементы глобальной, локальной и вспомогательной навигации страницы.

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

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

Главная страница→ Раздел→ Подраздел→ Текущая страница.

Все злементы в цепочке, кроме конечной, должны быть ссылками.

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

виды навигации

Виды навигации можно выделять исходя из двух критериев: функционального и визуального.

По функциям система навигации делится на следующие виды:

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

По визуальному оформлениювыделяют следующие виды навигации:

• Текстовая - совпадает с определением текстовой в функциональном плане. Это, пожалуй, самый древний вид навигации.
• Графическая - сейчас наиболее популярный вид навигации с графическим отображением, применяется для всех видов функциональной навигации.
• HTML-формы - помогают в экономии места с помощью выпадающих или открывающихся элементов.
• Java и Flash технологии - с помощью них можно организовать определенную реакцию на действия при наведении курсора, нажатии кнопок мыши или клавиатуры.

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне - признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

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

Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

Рассмотрим пример. Аналогию можно провести с библиотекой. На стеллажах стоят книги - веб-сайты. Они могут быть из 1-2 страниц, а также содержать более 1 млн. Каждая страница книги (веб-сайта) и есть веб-страница.

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

Какие страницы должны быть на сайте и как их продвигать

Самой важной единицей любого веб-ресурса считается Главная. Она, как правило, располагается в корневой директории и имеет название index.php, index.html и т.п.

Попасть на нее можно по следующему URL: http://домен/index.html или просто http://домен. С главной можно перейти на все остальные разделы веб-ресурса. Совокупность разделов (веб-страниц) в виде путей по ним называется структурой интернет-сайта.

Пример структуры сайта:

Главная
- Информация
- Статьи
- Услуги
-- Грузоперевозки
-- Аренда машин
- Контакты

Как видно из представленного примера, у веб-документов может быть несколько . Первый - главная страница, второй - документы “Информация”, “Статьи”, “Услуги”, “Контакты”, третий - “Грузоперевозки”, “Аренда машин”. Уровней может быть больше трех.

При работе над продвижением веб-проекта следует придерживаться правила 3-х кликов: переход на самый дальний документ не должен занимать более 3 кликов с главной. В представленном нами примере документы третьего уровня находятся в 2-х кликах (“Услуги” - первый клик от Главной, “Грузоперевозки” - второй клик. Теоретически из раздела “Грузоперевозки” можно сделать еще 1 клик на внутренний документ, доступный для продвижения.

Как поисковый робот индексирует веб-сайты

Поисковик изначально приходит на главную страницу. Затем собирает с нее ссылки и проходит по ним. Так в его базу попадают документы второго уровня. Следом начинается обработка документов второго уровня по такому же принципу. Часто до документов далее 3-го уровня робот-поисковик просто не доходит.

Если структура вашего веб-проекта расширенная, и без глубоких уровней вложенности обойтись не получится, - помогите поисковику. Необходимо добавить карты сайта HTML и XML, которые помогут боту увидеть структуру веб-проекта.

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

На каждую HTML-страницу следует распределять от 1 до 10 ключей, в зависимости от их частотности и тематики проекта.

Что писать на страницах сайта

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

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

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

Структура страницы

• Шапка (хедер) - главная часть вверху, сообщающая посетителю, о чем сайт.
• Контентная часть - содержимое: тексты, картинки, видео, формы отправки, калькуляторы и многое другое.
• Подвал (футер) - нижняя “закрывающая” часть.

Подробнее про структуру страницы можете почитать .

Что еще может быть на каждой веб-странице

• Меню - список доступных разделов.
• Навигационная строка - чтобы посетитель знал, где находится, и всегда мог вернуться в предыдущий раздел.

Как создается каждая страница

По правилам разработки веб-ресурсов, сначала художник рисует в графическом редакторе дизайн. Затем верстальщик “разрезает” его на кусочки и вставляет HTML-коды. Получается полноценная, но пустая HTML-страница. После этого программист подключает систему управления - и все отдается контент-менеджеру, который наполняет сайт уникальным содержимым.

Какие HTML-страницы любит поисковая система

• Поисковик предпочитает текст. Если на сайте много красивых картинок, но мало текста - это плохо.
• Откажитесь от тяжелых изображений, java-скриптов и сложной анимации. Уделите больше внимания текстам, которые должны быть уникальными, интересными и грамотными.
• Тексты должны быть структурированы, наполнены ключевыми словами и синонимами “в меру”. Иначе может последовать наказание за переспам.
• До каждой веб-страницы можно дойти с помощью кликов по ссылкам. То есть у вас не должно быть страниц, на которые не ссылается ни одна другая.
• Придерживайтесь правила трех кликов.
  URLы должны быть человекопонятнми и короткими. Желательно применять в URL ключи на латинице. К примеру, сайт.ru/domen/price. Избавляйтесь от динамических URL и огромного количества слеш в адресе (не более 3 слешей).
• Динамическая веб-страница генерируется программно в виде HTML, и имеет адрес типа сайт/index.php?id=1039.
• Если на конечный документ ведет ссылка сайт.ru/str/, то это плохо, потому что слеш в конце URL сообщает боту о том, что на там еще есть вложенные страницы (и ссылки на них), которые нужно проиндексировать. Если робот не находит их, сайт.ru может быть понижен в выдаче.
• Код должен быть коротким и валидным (безошибочным). Все стили оформления (тексты, блоки, картинки и т.п.) следует выносить в отдельный файл CSS.
• Нельзя копировать чужой текст и размещать его на своем проекте. Поисковики любят уникальные тексты. Если без копирования не обойтись, то количество такого текста не должно превышать 10%, и под каждым из них должна стоять прямая ссылка на ресурс-первоисточник.

Сайт-одностраничник - хорошо или плохо

Если вы собираетесь продвигать веб-ресурс белыми методами и не покупать контекстную рекламу - забудьте о разработке лэндинга. Самое главное - текст, и ваш одностраничник никогда не сможет конкурировать с полноценным веб-проектом.

Но о том, каким должен быть объем “правильного” полноценного веб-проекта, никто сказать не сможет. Количество страниц веб-ресурса зависит от тематики и степени продвинутости ваших конкурентов.