Структура сайта – зачем и что такое структура сайта?

Вопросы:

·     Как подбирать содержимое сайта?

·     Что такое план структуры сайта и как его составить?

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

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

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

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

Подумаем, как можно разбить эту информацию на разделы, и как их можно разместить на страницах. Итак, общую информацию о классе, его последние новости, а также расписание занятий можно разместить на главной странице сайта. Если у нас есть информация об отдельных учениках, её можно поместить в раздел “Ученики”. Информацию об учителях можно пометить в раздел “Учителя”. Информацию об успеваемости и различных достижениях учеников можно разместить в разделе “Наши успехи”. Фотографии класса и отдельных учеников можно поместить в раздел “Галерея”, также для объявлений учеников и учителей можно сделать раздел “Объявления”.

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

image Граф структуры сайта о классе

Итак, в начале пользователь всегда попадает на главную страницу сайта, из неё, как правило, можно попасть на страницы сайта по разделам. То есть на страницы разделов “Ученики”, “Учителя”, “Наши успехи”, “Галерея” и “Объявления”.

Также на графе можно более детально показать содержимое некоторых разделов. Например, раздел “Ученики” может содержать личные страницы всех учеников. Раздел “Учителя” может содержать информацию об учителях по каждому предмету. Раздел “Наши успехи” можно разделить на достижения в учёбе и спорте.

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

Основные виды внутренней структуры сайта:

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

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

image

Пример линейной структуры

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

Пример линейной структуры с альтернативными вариантами

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

Пример линейной структуры с ответвлениями

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

Пример древовидной структуры

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

Пример решётчатой структуры

Важно запомнить:

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

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

·     Навигация по сайту – это система переходов с одной страницы сайта на другую.

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

Виды внутренней структуры

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

Линейная

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

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

Линейная с отводами

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

Блочная

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

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

Древовидная

Самый распространённый вид, которым я пользуюсь в 95% случаев. Вы ищите универсальный вариант? Древовидная структура подойдёт для любого сайта или блога. Онлайн-ресурс строится на тематических разделах, которые включают в себя подразделы. Благодаря такому строению посетитель быстро находит интересующую его информацию. Глубина вложения — не больше четырёх. Вес распределяется на главную страницу и на разделы. Чтобы достичь оптимального распределения веса, советую тщательно настроить «хлебные крошки».

Читайте также:  Где лучше самостоятельно создавать сайты с нуля не только для себя, но и для продажи

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

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

Он состоит из:

  • Header. Голова сайта, в которой указывается название организации, размещается логотип и прочая дополнительная информация (контактные данные, адрес офиса, часы работы и т.д.);
  • Sidebar. Сайдбар не является основным элементом, вместо двух блоков может быть один справа или слева. Его назначение — показ посетителю дополнительной информации, которая увеличит время его пребывания на страницах проекта;
  • Content. Главная часть сайта, где находится основная и полезная информация. Её необходимо излагать в доступном виде, не нагружать лишними элементами. Тексты на онлайн-ресурсе должны быть интересными и легко читаемыми;
  • Footer. Нижняя часть, в которой размещается иная полезная информация о компании, и показываются полезные ресурсы.

Критерии структуры

Требования к схеме сайта предъявляют поисковые роботы. Работая над созданием веб-сайта, в первую очередь необходимо думать о будущих посетителях, а во вторую очередь о поисковых роботах.

Требования Яндекс:

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

Требования Google:

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

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

Софт для создания структуры

Для ускорения процесса построения наглядной структуры будущего сайта можно воспользоваться специальной программой — MindMeister. Здесь можно создать любую схему. После окончания разработки с помощью неё можно ориентироваться при создании структуры проекта. Главное преимущество сервиса — интуитивно понятный интерфейс. У вас не возникнет вопрос, как сделать схему структуры, ведь вы разберётесь во всех функциях в течение 5-10 минут.

Читайте также:  Как сайт на Джумле перенести с Денвера на хостинг – пошаговая инструкция

Программу можно скачать на свой телефон. Доступны приложения на iOS и Android.

Примеры

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

Сайт-визитка

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

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

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

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

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

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

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

Какой можно сделать вывод?

Создание схемы структуры будущего проекта важно. Это является фундаментом будущего успеха. Если фундамент не заложить при строительстве, то в будущем будет сложно что-то исправить. Вы хотите стать успешным вебмастером и делать качественные сайты? Тогда, как говорил Джордж Бернард Шоу, сделай так, чтобы получить то, что ты хочешь, иначе тебе придётся любить то, что ты имеешь. Проще говоря, продумайте сайт в самом начале, чтобы получить желаемый результат, иначе придётся довольствоваться низкой посещаемостью.

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

SEO Читать 13 минут

Прочитать позже

Часто информация на сайтах организовывается так, как кажется удобным их создателям. Однако подобная система неудобна для реальных посетителей, т. к. не совпадает с их знаниями и пониманием специфики товара. Поэтому система организации на таких сайтах не только не помогает найти желаемое, но даже мешает этому. Структура, которая ориентирована на пользователя, значительно увеличивает шансы того, что посетители быстро найдут на сайте нужную информацию или товар. В этой статье я расскажу о том, как составить структуру сайта с помощью семантики. Содержание: 1. Подбор семантики- Подбор базовых слов с помощью Яндекс.Вордстат и Google AdWords- 2. Изучение структуры сайтов конкурентов- Поиск потенциальных конкурентов с нуля- Поиск конкурентов конкретного сайта3. Группировка запросов4. Создание структурыЗаключение Структура сайта — это логически выстроенная разметка информации на сайте. Она необходима для создания максимально удобного интерфейса, который будет четко соответствовать требованиям пользователей. Семантическое ядро — отличный источник для составления структуры сайта. Именно благодаря семантическому ядру можно создать сайт, который максимально удовлетворит требования всех поисковиков и выведет сайт в топовые места в поисковой выдаче. Я приведу несколько вариантов сбора семантики для составления структуры интернет-магазина тюлей. ШАГ #1

Подбор семантики

Подбор базовых слов с помощью Яндекс.Вордстат и Google Ads

Подумайте, какие ключевые фразы описывают ваш сайт, какие товары вы предлагаете, какие услуги осуществляете. Ваша цель собрать базовый костяк фраз, от которого и нужно отталкиваться при составлении семантического ядра. При его составлении можно воспользоваться инструментами Яндекс.Вордстат и Google AdWords. Перед сбором семантики в Яндекс.Вордстат рекомендую для удобства работы скачать расширение Wordstat Helper. После установки делаю следующее: 1 В поисковой строке набираю слово «тюль». 2 Из полученного списка выбираю подходящие фразы, добавляю их в Wordstat Helper. 3 Копирую результаты в буфер. Подбор слов с помощью Google AdWords происходит схожим образом: 1 Набираю в поисковой строке необходимое слово. 2 Выделяю галочками подходящие фразы. 3 Скачиваю подходящие ключевые слова.

Читать!

Подбор слов с помощью Serpstat

Не могу не отметить подбор семантики в Serpstat. Для начала введу в поисковой строке ключевой запрос «тюль», выбрав поисковую систему «Google Украина» и перейду по вкладке «Ключевые фразы» (или можно перейти в меню «Анализ ключевых фраз» → «SEO-анализ» → «Подбор фраз»).

Также, чтобы проанализировать фразы, можете просто ввести свой запрос в форму ниже: Отсортирую полученные результаты по частотности («Частотность») так, чтобы вверху списка остались только высокочастотные запросы. Для этого надо нажать на стрелку слева. Теперь меня на 100% устраивает полученный результат. Экспортирую таблицу и сохраню ее в Google Docs для дальнейшей работы. Главное на этом этапе собрать максимально полное семантическое ядро. Однако я не буду подробно останавливаться на его сборе. Это тема отдельной статьи, которую мы уже написали.

Читать!

Персональная демонстрация Оставьте заявку и мы проведем для вас персональную демонстрацию сервиса, предоставим пробный период и предложим комфортные условия для старта использования инструмента ШАГ #2 Изучать конкурентов следует, во-первых, для того, чтобы расширить свою семантику, а во-вторых, если вы только планируете создавать свой сайт, сравнение семантики и структуры конкурентов в выбранной нише сэкономит вам время и поможет сразу определиться с тем, как нужно составлять структуру для вашего сайта. Рассмотрю оба варианта подробнее. Вариант #1

Поиск потенциальных конкурентов с нуля

Если вы только планируете создавать сайт и хотите узнать своих потенциальных конкурентов и проанализировать их структуру, делаем следующее: 1 Вводим ключевую фразу, по которой будет ранжироваться будущий сайт. К примеру, «купить тюль». 2 Выбираем регион (Google Украина). 3 4 Получаем список потенциальных сайтов-конкурентов, который можно сохранить и экспортировать (он чуть позже понадобится).

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

Читать!

Вариант #2

Поиск конкурентов конкретного сайта

Этот вариант подойдет тем, кто хочет улучшить позиции своего сайта, но не знает с чего начать. Для определения конкурентов конкретного сайта делаем следующее: 1 Переходим в меню «Анализ доменов» → «SEO-анализ» → «Сравнение доменов». 2 В поисковой строке вводим домен нашего сайта. 3 4 Мы получили график, по которому можно посмотреть количество общих и уникальных ключевых фраз. Для нашего сайта полезна информация в столбце «уникальные ключевые фразы». Из уникальных ключевых слов можно выбрать те, которые помогут расширить структуру нашего сайта.

Читать!

ШАГ #3 Итак, я уже получила базу подходящих ключевых слов. В Serpstat есть еще один полезный инструмент под названием «Кластеризация», который позволяет группировать фразы по смыслу. Воспользуюсь им. Для этого в меню слева выбираю «Инструменты» → «Кластеризация»: Кластеризация Serpstat:полная инструкция по инструменту Все, что вы хотели знать об инструменте Serpstat «Текстовая аналитика» Как с помощью Кластеризации и Текстовой аналитики выйти в топ-3 Как повысить текстовую релевантность страниц сайта Если у вас получится не тот результат, на который вы рассчитывали — попробуйте сгруппировать фразы иначе с помощью перекластеризации. Подробнее о ней читайте в статье Перекластеризация без потери лимитов.

У меня есть общий список запросов по ключевому слову «тюль» и фразы, которые чаще всего с ним ищут. Эти фразы дадут мне идею для названия будущих категорий сайта. Персональная демонстрация Оставьте заявку и мы проведем для вас персональную демонстрацию сервиса, предоставим пробный период и предложим комфортные условия для старта использования инструмента ШАГ #4 Основываясь на информации из собранных кластеров, базы собранной семантики и сгруппированных запросов я могу точно прописать, что конкретно интересует мою ЦА: Готово!

Читать!

Итак, для того, чтобы составить структуру сайта, необходимо: 1 Собрать семантику по ключевой фразе. 2 Разбить собранные фразы на группы с помощью инструмента «Кластеризация». 3 Сгруппировать собранные запросы по смыслу в графике или таблице. 4 Прописать название фильтров, оформить финальную структуру подкатегорий. Чтобы быть в курсе всех новостей блога Serpstat, подписывайтесь рассылку. А также вступайте в чат любителей Серпстатить и подписывайтесь нанаш канал в Telegram.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами 😉

Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Рекомендуемые статьи

SEO

Покупка дроп-доменов: что это, и как найти свободный домен для бизнеса

Обновления Serpstat SEO Контент-маркетинг

Эти 2 инструмента прокачают вашу семантику: «Поисковые подсказки» и «Похожие фразы»

SEO

Как найти обратные ссылки на сайт [Полное руководство + чек-лист]

Кейсы, лайфхаки, исследования и полезные статьи

Не успеваешь следить за новостями? Не беда! Наш любимый редактор Анастасия подберет материалы, которые точно помогут в работе. Присоединяйся к уютному комьюнити 🙂

Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.

Комментарии

20 ноября 20195 минут на чтениеОтправь статью на почту?

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

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

Требования SEO к структуре сайта

Рекомендации по структуре сводятся в несколько основных пунктов:

  1. Создание структуры на основе семантического ядра (CЯ);
  2. Учет внутренней перелинковки (внутренний ссылочный вес каждой страницы);
  3. Технические требования.

1. Создание структуры на основе семантики (СЯ)

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

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

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

Собрать семантическое ядро можно с помощью сервисов:

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

2. Распределение внутреннего ссылочного веса

Для распределения внутреннего ссылочного веса следует использовать иерархию (от названия домена – первого уровня, до N-уровня конкретного товара или услуги).

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

Пример

Для примера разберем сайт медицинской тематики. Его еще нет и только планируется разработка. Мы собрали запросы, сделали кластеризацию и у нас получились кластеры:

  • врач
  • лечение геморроя
  • колоноскопия
  • офтальмолог
  • медицинский центр

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

site.ru/диагностика/колоноскопия  site.ru/процедуры/лечение-геморроя  site.ru/врачи/офтальмолог  

Неверное построение структуры из этих же кластеров:

site.ru/медицинский-центр/диагностика/лечение-геморроя  site.ru/процедуры/колоноскопия  site.ru/офтальмолог/колоноскопия  
Cтруктура сайта на основании собранных кластеров

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

3. Технические требования

Структура сайта отражается в поисковой выдаче. С помощью микроразметки schema.org можно повысить привлекательность вашего сайта в выдаче.

Также длина URL влияет на ранжирование. Оптимальная длина URL, включая доменное имя, не должна превышать 75-80 символов.

Не рекомендуется использовать названия разделов, которые при переводе URL в символьный код, вместе с доменным именем превышают это значение.

Выводы

  1. Проектировать структуру сайта следует до создания сайта;
  2. Создавать структуру необходимо на основании полученных кластеров;
  3. Структура сайта должна иметь понятную иерархию;
  4. Конечная структура сайта должна отражать собранное семантическое ядро;
  5. Используйте краткий URL каждой страницы и используйте микроразметку schema.org;

Если структура сайта была спроектирована после создания сайта и есть трафик с поисковых систем, то оптимальным вариантом будет сбор и установка 301 редиректов со старых URL на новые URL адреса.

16 ноя в 2020 36K image

Английская аббревиатура URL расшифровывается как Uniform Resource Locator, что в переводе на русский означает «унифицированный указатель ресурса». Впервые URL стал применяться в 1990 году. Слава его изобретения принадлежит создателю Всемирной паутины — Тиму Бернерсу-Ли.

Что такое URL

Изначально УРЛ применялся для обозначения размещения файлов в Интернете, но в настоящее время используется для указания расположения почти всех веб-ресурсов. URL может обозначать путь как к веб-сайту, так и к какому-то определенному документу или изображению. Чтобы перейти к нужному сайту или файлу, пользователю нужно написать в адресной строке браузера соответствующий УРЛ. Например, URL https://timeweb.com/ru/community открывает стартовую страницу сайта хостингового сообщества «Timeweb Community».

image

Определить URL-адрес веб-страницы просто — он показан в адресной строке браузера. Оттуда его можно скопировать, кликнув по адресной строке правой кнопкой мыши (при этом адрес выделяется) и в контекстном меню выбрав команду «Копировать».

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

Для копирования адреса документа в контекстном меню ведущей к нему ссылки следует выбрать команду «Копировать адрес ссылки».

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

Структура URL адреса

URL-адрес, который мы видим в адресной строке браузера, состоит из нескольких частей:

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

  • «ftp» — в этом случае браузер откроет файловый сервер. После протокола «ftp» может указываться логин и пароль для входа в учетную запись. Выглядеть это может следующим образом: ftp://name:password@example.com;
  • «mailto» — браузер выполнит команду отправки письма на указанный адрес;
  • «file» — в браузере будет открыт файл с компьютера.

После протокола (2) следует доменное имя сайта (хост) или в редких случаях его IP-адрес. Также в некоторых случаях URL-адрес может содержать номер порта, например, его можно увидеть в сетевых приложениях (выглядит это так: //example.com:8080).

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

URL также может включать параметры, которые указываются после знака «?» и разделяются символом «&». Пример адреса страницы с результатами поиска по слову «url» в поисковой системе Google:

  https://www.google.ru/search?newwindow=1&sxsrf=ALeKk02BP8tO_kCAffUrYqQOwhLV3p_jdw%3A1605124767263&source=hp&ei=n0KsX6mcDO-grgT7tpeYDA&q=url&oq=url&gs_lcp=CgZwc3ktYWIQAzIFCAAQsQMyBQgAELEDMgIILjICCAAyAggAMgIIADICCAAyAggAMgIIADICCABQjghYjghgkRpoAHAAeACAAUOIAUOSAQExmAEAoAECoAEBqgEHZ3dzLXdpeg&sclient=psy-ab&ved=0ahUKEwjp58bco_vsAhVvkIsKHXvbBcMQ4dUDCAs&uact=5

Конечный компонент URL, который пользователь может увидеть в документах большого объема, состоящих из нескольких разделов, — это якорь, которому предшествует знак решетки «#». Часть адреса после этого знака ссылается на определенный абзац внутри страницы сайта. Пример: если на странице Википедии со статьей «URL» перейти по ссылке «Структура URL» в блоке «Содержание», унифицированный указатель ресурса в адресной строке браузера примет такой вид:

  https://ru.wikipedia.org/wiki/URL#Структура_URL

Виды URL

URL-адреса веб-страниц бывают статические и динамические.

  • Статический URL представляет собой постоянный адрес, он остается неизменным на протяжении всего времени, пока владелец сайта сам не внесет в него изменения. Такие адреса не содержат дополнительных параметров. Пример: https://timeweb.com/ru/community/articles/v-chem-sostoit-raznica-mezhdu-domenom-hostingom-i-saytom.
  • Динамические адреса веб-страниц генерируются в ответ на запросы пользователей и содержат разделители «?», «=», «&», после которых отображаются дополнительные параметры страницы. Такие адреса формируются, к примеру, когда пользователь применяет фильтр, производит сортировку товаров в интернет-магазине, использует поиск по сайту. Подобные УРЛ могут выглядеть так:
  https://www.amazon.com/s?i=specialty-aps&bbn=16225009011&rh=n%3A%2116225009011%2Cn%3A541966&ref=nav_em__nav_desktop_sa_intl_computers_and_accessories_0_2_21_6

С точки зрения SEO предпочтительнее статические ссылки, так как динамические URL имеют ряд недостатков:

  • они бывают очень длинными, настолько, что могут не помещаться в строке поиска и обрезаться при копировании.
  • динамические адреса сложно запоминаются и не дают пользователю понимания, какое содержимое отобразится на странице при переходе по ссылке;
  • CTR (click-through rate — показатель кликабельности) у них ниже, чем у статических;
  • в динамических URL не учитываются ключевые слова.

Форматы URL

Транслитерация

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

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

Латиница

Латинские URL представляют собой адреса, переведенные на английский язык. Например, вместо «/novosti/» в адресе будет значиться «/news/».

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

Кириллические URL

Такой формат URL чаще всего применяют в кириллических доменах или когда часть адреса не очень длинная.

К их преимуществам относятся:

  • удобство и простота запоминания;
  • достаточное количество свободных доменов из-за невысокой популярности кириллицы;
  • возможность использования ключевых слов в УРЛ.

Однако кириллические URL имеют существенный недостаток: при копировании такого адреса и вставки его в сообщение для отправки кому-либо или вставки в текстовый редактор, вы получите непонятный набор знаков, наподобие:

  https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0

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

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

Человекопонятные URL

Поисковые системы рекомендуют создавать дружественные адреса веб-страниц, по которым и пользователи, и поисковые роботы смогут судить, какая информация на этой странице находится. Например, по URL-адресу вида: www.yoursite.net/viewpage.php?page_id=23 понять это невозможно, а адрес www.yoursite.net/contact/ сразу дает представление о содержании страницы. Такие УРЛы называют человекопонятными (ЧПУ).

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

  • ими легко делиться с другими людьми — можно не только переслать в сообщении, но и продиктовать устно;
  • в такой URL можно вставить ключевые слова;
  • ЧПУ легко запомнить, так как он вызывает простые и понятные ассоциации;
  • они позволяют быстрее перемещаться по сайтам — вы можете удалить часть адреса с конца и сразу попасть в нужный раздел, что избавляет от поиска соответствующей ссылки на сайте.

При формировании ЧПУ на своем сайте следует придерживаться определенных правил:

  • использовать транслитерацию в соответствии с приведенной ниже таблицей (с одним исключением — «ый» — транслитерируется как «iy»).
  • пробелы, а также знаки препинания менять на дефис или нижнее подчеркивание, а два таких символа подряд заменять на один;
  • удалять символ «-» в начале или в конце адреса;
  • не использовать заглавные буквы, так как УРЛы чувствительны к регистру;
  • стараться формировать короткие URL.

Рекомендации по созданию URL

  • Правильно сформированный URL должен включать в себя ключевые слова, так как поисковые системы учитывают этот фактор при ранжировании. Однако не стоит злоупотреблять ими в УРЛ, чтобы поисковик не посчитал, что вы применяете спамные методы продвижения.
  • Следует создавать максимально короткий URL, желательно не более 4-5 слов, а общая длина адреса не должна быть более 80 символов. Длинные ссылки не показываются в поисковой выдаче, адрес может обрезаться на середине.
  • Чем дальше подраздел сайта или веб-страница находится от главной, тем длиннее будет URL конечной страницы. Поэтому иногда необходимо убирать из URL упоминания о категориях и рубриках.
  • Латинские символы в URL более предпочтительны, чем символы кириллицы, так как такие сайты легче продвигать.
  • Рекомендуется разделять слова в адресе веб-страницы символом дефиса «-», а не нижнего подчеркивания «_».
  • Если вы хотите изменить адреса страниц, чтобы избежать их дублирования, вам обязательно нужно настроить 301 редирект.

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

imageАнна Самарина +51

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий