Как организовать структуру сайта: иерархия страниц, структура URL, внутренняя перелинковка и плоские vs глубокие сайты, с пятью диаграммами карты сайта для кровельщика, ресторана, клиники, юридической фирмы и интернет-магазина — каждый создан на основе шаблонного дизайна We.Inc.
Структура сайта — это то, как ваши страницы организованы и связаны между собой: какая страница находится под какой, как выглядят адреса (URL), и как посетители и поисковые системы перемещаются между ними. Хорошая структура означает, что любой может добраться до любой страницы за два-три клика, и каждая страница выполняет одну чёткую задачу. Ниже приведены правила, а затем пять примеров карты сайта, каждая из которых выросла из разделов шаблонного дизайна We.Inc (не реального сайта клиента).
| Часть | Что это значит | Рекомендация |
|---|---|---|
| Иерархия | Какие страницы верхнего уровня, а какие находятся под ними. | От пяти до семи страниц верхнего уровня в главном меню. |
| Структура URL | Адрес каждой страницы. | Короткий, строчными буквами, с дефисами, отражающий иерархию: /services/roof-repair. |
| Внутренние ссылки | Ссылки с одной вашей страницы на другую. | Каждая страница ссылается вверх на родительскую и на связанные страницы. Ни одна страница не должна оставаться без ссылок на неё. |
| Глубина | Сколько кликов от главной страницы до страницы. | Важные страницы — в пределах трёх кликов. |
Плоский сайт держит почти каждую страницу в одном клике от главной. Глубокий сайт вкладывает страницы в несколько уровней (главная, категория, подкатегория, элемент).
Каждый шаблон ниже поставляется как одна длинная страница, ссылки в меню которой переходят к разделам. Это хорошее начало. Когда раздел разрастается (больше услуг, больше пунктов меню, больше адвокатов) или вы хотите, чтобы он занимал позиции по своему запросу, выделите его в отдельную страницу. Диаграммы показывают этот расширенный вариант. Элементы в [скобках] — это заполнители.
Создан на основе разделов шаблона Ironpeak Roofing: услуги, материалы, страховые случаи, отзывы, бесплатный осмотр.
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspectionПочему такая форма: каждая услуга получает свою страницу, чтобы охватить свой поисковый запрос («ремонт кровли [город]»). Страницы зон обслуживания оправданы только при наличии реальной местной информации (выполненные работы, время в пути); копии с заменённым названием города — это слабый контент. Страница бесплатного осмотра ссылается из шапки каждой страницы. Подробнее в SEO для кровельщиков.
Создан на основе шаблона Azafran: зал, меню, бронирование, как добраться.
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visitПочему такая форма: плоская. Посетители хотят увидеть меню, часы работы и оформить бронирование, обычно с телефона. Размещайте меню в виде HTML-текста, а не только PDF, чтобы его можно было прочитать и найти. Смотрите SEO для ресторанов и как создать сайт ресторана.
Создан на основе шаблона Verdant Family Health: наши услуги, команда, как добраться, запись.
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/bookПочему такая форма: отдельная страница «Новым пациентам» отвечает на вопросы первичных посетителей (формы, страховка, что взять с собой) без загромождения главной страницы. Каждая страница врача ссылается на его услуги, а каждая страница услуги — обратно на тех, кто её оказывает. Смотрите SEO для стоматологов.
Создан на основе шаблона Sterling & Vance LLP: области практики, адвокаты, результаты, контакты.
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contactПочему такая форма: один из более глубоких примеров. Люди ищут по юридической проблеме, поэтому каждая область практики — это отдельная страница, а профиль каждого адвоката ссылается на его области. Раздел аналитики (блог) необязателен; добавляйте его, только если будете публиковать материалы регулярно. Смотрите SEO для юристов.
Создан на основе шаблона Cellar & Rowan: магазин, наше мастерство, материалы, дистрибьюторы, корзина.
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cartПочему такая форма: самый глубокий из пяти: главная, категория, товар. Страницы категорий — это место, где происходит и просмотр, и поиск. Держите каждый товар по одному URL, даже если он появляется в двух категориях, и ссылайтесь на страницы политик из подвала и оформления заказа. Смотрите как открыть интернет-магазин.
Затем выберите макет для каждого типа страницы из примеров макетов сайта и проверьте меню по примерам навигации.
Начните с шаблона, близкого к вашему бизнесу. Бесплатный план позволяет создать до 3 шаблонных сайтов на адресе we.inc (без кредитов ИИ, без собственного домена). На тарифе Starter ($20/месяц) вы можете попросить конструктор ИИ добавить страницы, например «добавить страницу для каждой услуги с собственным адресом», и подключить собственный домен; Pro стоит $50, а Max — $99 в месяц (цены). Руководство дизайн сайта для SEO охватывает страничную сторону.
Это то, как страницы сайта организованы и связаны между собой: иерархия страниц, URL каждой страницы и внутренние ссылки между ними.
Обычно плоская: главная страница, пять-семь страниц верхнего уровня и отдельные страницы для каждой основной услуги, все в пределах двух-трёх кликов.
Плоская — для небольших сайтов; чуть более глубокая (главная, категория, элемент) — для магазинов, каталогов или фирм с большим количеством услуг. Держите важные страницы в пределах трёх кликов.
Короткие слова строчными буквами, разделённые дефисами, отражающие иерархию, например /services/roof-repair. Не меняйте URL, которые уже получают посетителей, без редиректа 301.
Да. Чёткая иерархия и внутренние ссылки помогают поисковым системам найти и понять каждую страницу, и позволяют каждой странице нацеливаться на свой запрос.
Нет. Они выросли из разделов шаблонных дизайнов We.Inc как примеры структуры.
Начать бесплатно · Банковская карта не нужна