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

Содержание:

• § 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 технологии - с помощью них можно организовать определенную реакцию на действия при наведении курсора, нажатии кнопок мыши или клавиатуры.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удачи!

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

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

Как изменить дизайн своей странички на сайте Вконтакте по своему вкусу

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

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

Как же это сделать? Сейчас я все подробно расскажу:

1. Заходим сюда чтобы установить темы для Вконтакте и Одноклассников

выбираем "Установить Плагин". Выходит страничка программы Page Morth. Устанавливаем. Появится надпись

Это значит, что вы все сделали правильно и приложение готово к использованию.

2. Теперь жмем кнопку, и выбираем например ВКонтакт.

3. Теперь можно заходить на Вконтакте. Там вы увидите появившиеся новые функции: Убрать Стиль, Редактировать Стиль, Сменить Стиль

Что же делают эти новые функции?

1. Функция Убрать Стиль - полностью убирает установленный стиль(сделанный при помощи других двух функций), и возвращает вас к стандартному стилю.

2. Функция Редактировать Стиль вызывает редактор стилей. Здесь как раз вы и можете выбирать и редактировать стили, устанавливать фоновые картинки, выбирать цвет текста.

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

И вот как теперь выглядит моя страничка!

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

3. Функция Сменить Стиль вызывает окошко в котором можно поменять тему.

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

Мне например очень понравились эти темы:

И это еще не лидеры))) в лидерах вообще симпатичные - заходите и сами выбирайте на свой вкус:-)

Какую бы выбрать? Решилась примерить одну:

Надо теперь только цвета шрифтов поредактировать, ну это я уже умею:-)

Кстати в Одноклассниках менять Стили так же просто. Пробуйте!

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

Установить программу Темы для Вконтакте (VK) и Одноклассников PageMorph можно здесь: