Ошибки iTunes 

Как создать свою карту для спутниковой навигации. Использование области навигации в MS Word

Список

Как и большинство современных панелей навигации, наша будет основываться на теге неупорядоченного списка (

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

    Вот наш пример HTML:

    Вот и все, что для этого нужно! Заметьте, что я использовал один идентификатор, чтобы мы могли отличить нашу навигационную панель от всех других неупорядоченных списков на странице. Но если бы он был помещен в div с его собственным идентификатором (например, div “banner” или “header”), возможно, идентификатор не будет нужен. И да, я мог бы добавить еще больше идентификаторов и классов, если бы хотел усложнить пример, но сегодняшний урок посвящен простоте.

    Как сделать его горизонтальным

    По умолчанию наш список вертикальный. Итак, давайте сделаем его горизонтальным:

    #nav {
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none; }
    #nav li {
    float: left; }

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

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

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

    На данный момент наша панель навигации выглядит так:

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

    Во-первых, мы зададим фон и границы для нашей панели навигации, изменив наш #nav в CSS таким образом:

    #nav {
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-top: 1px solid #ccc; }

    Теперь давайте определим тегом “якорь” немного свободного места и зададим стиль:

    #nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }

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

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

    #nav li a:hover {
    color: #c00;
    background-color: #fff; }

    Итак, мы получаем полностью функциональную, практичную и полезную панель навигации.

    А тут в одном месте собраны все CSS:

    #nav {
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc; }
    #nav li {
    float: left; }
    #nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
    #nav li a:hover {
    color: #c00;
    background-color: #fff; }

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

    Спасибо за внимание. Впереди еще очень много уроков на разные темы! Оставайтесь с нами! :)

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

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

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

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

    • Каталог продуктов или страница с портфолио.
    • Способы доставки и оплаты.
    • Страница о компании или об авторе.
    • Сведения о возврате средств и гарантии.
    • Страница с отзывами.
    • Скидки и акции.
    • Обратная связь.
    • Блог.
    • Карта сайта.

    Для каждого сайта может быть свой список страниц в навигационное меню. Рекомендуется делать 5-7 страниц. Если же их получается больше, то лучше добавить второй ряд для меню. У пунктов меню могут быть подпункты. Их тоже лучше не делать слишком много – список подпунктов должен помешаться на один экран, без прокрутки.

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

    О том, как работать с меню в WordPress можно узнать .

    Форма поиска

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

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

    Использование подвала

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

    Чтобы сделать удобную навигацию сайта, нужно задействовать пространство подвала. Вот какие полезные элементы можно там установить:

    • Ссылки на все рубрики и страницы. Если в главном меню вы были ограниченны 5-7 страницами, то в подвале можно не ограничиваться.
    • Все контактные данные – электронные почты, адреса мессенджеров, номера телефонов, ссылки на обратную связь и другое.
    • Ссылки на аккаунты в социальных сетях.
    • Можно также добавить логотип и название сайта, бренда.

    Хлебные крошки

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

    Такое название элемент получил от сказки “Генезель и Греттель”. Похищенный Гензель бросал хлебные крошки, чтобы помочь Греттель найти его.

    • Их традиционное и привычное место – вверху слева.
    • Шрифт должен быть невыразительным, и быть на втором плане, относительно всего остального текста.
    • Каждый раздел в крошках должен быть кликабельной ссылкой, но не последний. Последний раздел должен наименоваться так же, как и текущая страница.
    • Хлебные крошки должны быть на всех страницах сайта, кроме главной.

    Для создания хлебных крошек в WordPress можно использовать специальные плагины. Например, .

    Боковое меню

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

    Кнопка для возврата наверх

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

    Карта сайта

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

    В WordPress сделать карту сайта можно .

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

    Что значит «юзабилити»?

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

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

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

    JavaScript. Быстрый старт

    Для чего нужна эффективная навигация?

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

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

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

    Какие виды навигации выбрать?

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

    Основная. Сюда относятся разделы ресурса и все ссылки, ведущие на основную страницу;

    языковая - позволяет пользователю выбрать нужный язык и уже на нем просматривать веб-ресурс;

    тематическая - помогает в перемещении по заметкам и статьям одной тематики, от раздела к разделу;

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

    JavaScript. Быстрый старт

    Изучите основы JavaScript на практическом примере по созданию веб-приложения

    выпадающая - ресурс имеет выпадающие элементы, такие как форма заказа или анкета.

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

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

    Удобное меню - залог успеха!

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

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

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

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

    для фона и текста кнопок используйте контрастные цвета;

    активный пункт меню должен подсвечиваться. Сделайте так, чтобы пользователь мог в любой момент сориентироваться, где он пребывает. Тут вам в помощь «хлебные крошки» или подсветка (можете использовать и то и другое);

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

    на крупных ресурсах используйте многоуровневое меню с превью, чтобы при наведении курсора менюшки раскрывались;

    группируйте схожие элементы. Размещайте по соседству похожие категории или товары;

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

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

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

    До новых встреч! Подписывайтесь на наш блог и делитесь ссылочкой с друзьями!

    JavaScript. Быстрый старт

    Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

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

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

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

    Эффективная навигация по сайту

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

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

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

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

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

    Начинайте со структуры сайта

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

    Первичная навигация

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

    Информационные ссылки

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

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

    Расположение основных навигационных ссылок

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

    Вторичные навигационные ссылки

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

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

    Навигационные ссылки в контексте страницы

    Советы по разработке эффективной навигации по сайту

    Не открывайте страницы в новых окнах

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

    Не перемещайте элементы навигации от страницы к странице

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

    Не пытайтесь поставить все ссылки на каждой странице

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

    Используйте "крутые" современные технологии с умом

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

    Используйте цвет, чтобы выделить ссылки

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

    Точно так же, не делайте цвет обычного текста того же цвета, что и ваши ссылки. Ваши бедные посетители будут вынуждены тщетно кликать и кликать по этому тексту. Если, к примеру, ваши ссылки окрашены в красный цвет, то не выделяйте важные слова или предложения в тексте красным цветом тоже!

    Используйте описательный текст в атрибуте "аlt" для изображений - ссылок

    Обязательно следует добавить описательный текст в атрибут "аlt " - как правило, это те же слова, которые вы бы использовали, если бы составляли текстовые ссылки. Это позволит посетителям, которые не могут видеть изображения на своем браузере, продолжать использовать ваш сайт и поможет поисковым роботам определить, о чем повествует данная страница.

    Последовательность, последовательность и еще раз - последовательность

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

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

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

    Рекомендации от Google по структуре навигации по сайту

    СТРУКТУРА НАВИГАЦИИ САЙТА

    Навигация важна для поисковых систем

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

    Создавайте навигацию по сайту основываясь на стартовой странице

    На любом сайте есть стартовая или “главная” страница, на которую чаще всего заходят пользователи, и которая является исходной для навигации по сайту. Если ваш сайт содержит более чем пару страниц, то следует задуматься о том, как пользователь сможет перейти с главной страницы на страницы с более специфическим содержанием . Если у вас достаточное количество узкотематических страниц, то стоит создать отдельную страницу навигации по этой теме (то есть стартовая страница -> список тематических страниц -> специфическая тема). У вас на сайте сотни продуктов, которые необходимо рассортировать по директориям и каталогам?

    Используйте навигационные цепочки для большего удобства пользователей

    Навигационная цепочка (так называемые “хлебные крошки”) – это цепочка внутренних ссылок в верхней или нижней части страницы. Она помогает пользователю быстро переходить к предыдущему разделу или корневой папке . В большинстве навигационных цепочек ссылка на корневую папку (или стартовую страницу) идет первой, далее слева направо идут целевые директории.

    Предусмотрите возможность удаления части URL

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

    Например, он будет на странице

    http://www.moyastranaotkrytok.ru/otkrytki/vintage/prazdniki/novy_god.html ,

    a затем введет в адресную строку браузера

    http://www.moyastranaotkrytok.ru/otkrytki/vintage/

    в надежде получить список всех старинных открыток.

    Ваш сайт подготовлен к подобным запросам, или выдаст ошибку 404 (“страница не найдена”)? А что случится, когда пользователь введет в строку поиска такой адрес http://www.moyastranaotkrytok.ru/otkrytki/ ?

    Приготовьте карту сайта для пользователей и XML-файл Sitemap для поисковых систем.

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

    Файл Sitemap в формате XML, который вы можете добавить через Инструменты для Веб-мастеров Google, облегчает поисковику Google сканирование вашего сайта. Файл Sitemap также является способом сообщить Google о том, какой вид URL вы предпочитаете для своего сайта: например, http://moyastranaotkrytok.ru/ или http://www.moyastranaotkrytok.ru/.

    ПРАКТИЧЕСКИЕ СОВЕТЫ

    Создайте естественную иерархию. Упростите переход от общего материала сайта к тематическому, так как пользователи ищут именно его на вашем сайте. Добавьте навигационные страницы. Не советуем:

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

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

    • строить навигацию исключительно на JavaScript (меню, графикa и анимация), так как не все поисковые системы могут обрабатывать подобные ссылки. Наличие простых текстовых ссылок на все страницы существенно улучшит доступность вашего сайта для пользователей.

    Разместите на сайте html-карту сайта и файл Sitemap в формате XML. Наличие простой карты сайта со ссылками на все или самые важные страницы (если страниц сотни и тысячи) может быть очень полезным. Файл Sitemap в формате XML упростит сканирование сайта поисковыми пауками. Не советуем:

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

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

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

    • позволять поисковым системам индексировать вашу страницу 404 (убедитесь, что ваш веб-сервер настроен на ответ статусом 404 при запросе несуществующей страницы);
    • не предоставлять страницу 404 вообще, или помещать на нее только короткое сообщение “Не найдено”, “404”;
    • использовать для страницы 404 дизайн, отличающийся от дизайна вашего сайта.

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

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

    Открыть область навигации в Ворде можно двумя способами:

    1. На панели быстрого доступа во вкладке «Главная» в разделе инструментов «Редактирование» нажмите кнопку «Найти» .

    2. Нажмите клавиши «CTRL+F» на клавиатуре.

    Слева в документе появится окно с названием «Навигация» , все возможности которого мы и рассмотрим ниже.

    Средства навигации

    Первое, что бросается в глаза в открывшемся окне «Навигация» — это строка поиска, которая, собственно, и является основным инструментом работы.

    Быстрый поиск слов и фраз в тексте

    Чтобы найти нужное слово или фразу в тексте, достаточно ввести его (ее) в поисковой строке. Место этого слова или фразы в тексте сразу же будет отображено в виде миниатюры под поисковой строкой, где слово/фраза будет выделена жирным. Непосредственно в самом теле документа это слово или фраза будет подсвечена.

    Примечание: Если по каким-то причинам результат поиска не отображается автоматически, нажмите клавишу «ENTER» или кнопку поиска в конце строки.

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

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

    Поиск объектов в документе

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

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

    Настройка параметров средств навигации

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

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

    Рассмотрим основные параметры этого окна более детально.

    Учитывать регистр — поиск по тексту будет осуществляться с учетом регистра символов, то есть, если вы напишите в поисковой строке слово «Найти», программа будет искать только такое написание, пропуская слова «найти», написанные с маленькой буквы. Применимо и обратное — написав слово с маленькой буквы с активным параметром «Учитывать регистр», вы дадите Word понять, что аналогичные слова с большой буквы нужно пропускать.

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

    Подстановочные знаки — предоставляет возможность использования подстановочных знаков в поиске. Зачем это нужно? Например, в тексте есть какая-то аббревиатура, а вы помните только некоторые ее буквы или любое другое слово, в котором вы запомнили не все буквы (такое ведь возможно, да?). Рассмотрим на примере тех же «Ашеров».

    Представим, что вы запомнили буквы в этом слове через одну. Установив галочку напротив пункта «Подстановочные знаки» , можно написать в строке поиска «а?е?о» и нажать на поиск. Программа найдет все слова (и места в тексте), в которых первая буква «а», третья — «е», а пятая «о». Все остальные, промежуточные буквы слов, как и пробелы с символами, значения иметь не будут.

    Измененные параметры в диалоговом окне «Параметры поиска» , при необходимости, можно сохранить в качестве используемых по умолчанию, нажав на кнопку «По умолчанию» .

    Нажав в этом окне кнопку «ОК» , вы очистите последний поиск, а указатель курсора будет перемещен в начало документа.

    Нажатие кнопки «Отмена» в этом окне, не очищает результаты поиска.

    Перемещение по документу с помощью средств навигации

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

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

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

    Во вкладке «Страницы» вы сможете увидеть миниатюры всех страниц документа (они будут располагаться в окне «Навигация» ). Для быстрого переключения между страницами достаточно просто кликнуть по одной из них.

    Закрытие окна «Навигация»

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

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



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Отправить