Структура веб-сайту, як це зробити
Резюме статті
Структура сайту має величезний вплив на SEO. Поганий дизайн створює проблему: втрата позиціонування, неіндексований вміст, незрозумілість відвідувача ...
Рішення полягає в тому, щоб якомога швидше прийняти відповідну структуру для вашого сайту. Так, але як ... ?
Як створити структуру веб-сайту ?
Немає дива: будь-який дизайн веб-сайту повинен бути продуманим вище. Ви повинні визначити цілу низку елементів, що стосуються структури вашого веб-сайту, потреб користувачів, технічних питань або навіть стратегії SEO. Все це буде частиною специфікацій веб-сайту, документом, який послужить робочою основою для всіх: розробників, інтеграторів, графічних дизайнерів, рефералів тощо.
Що стосується структури вмісту та внутрішньої сітки, їй повинен бути присвячений розділ цих специфікацій. І ось ключові речі, над якими вам доведеться попрацювати:
Загальна деревна структура
Перш ніж говорити про технології, ми повинні поговорити про вміст і цілі. Це питання здорового глузду, але про яке занадто часто забувають:
Для кого призначений ваш сайт, щоб задовольнити які потреби, за допомогою яких інструментів чи якого вмісту ?
Для того, щоб навести ключові моменти структури вашого веб-сайту:
- Який тип веб-сайту використовувати? Ви можете вибрати блог, інституційний сайт, форум, сайт електронної комерції, портфоліо… Все залежить від вашого контексту.
- Як я буду задовольняти потреби своїх відвідувачів? Тут також ресурси легіон: текстовий, аудіо- чи відеоконтент, завантаження, продаж продуктів або послуг, відкриття зони підтримки, ...
- Що я приношу більше, ніж мої конкуренти ?
- Як я класифікую ці інструменти та ресурси?
Останнє питання, мабуть, найколючіше. Перший спосіб: ручка та блокнот. Спробуйте розставити пріоритети в інформації. Ти будеш:
- перелічіть весь вміст (поточний чи майбутній) вашого веб-сайту
- згрупуйте їх за категоріями
- структурувати їх
Нічого подібного до картинки для кращого розуміння:
Проблема в тому, що ця структура залежить від вашої точки зору. На щастя, є два способи завершити та вдосконалити свою роботу:
Метод сортування карт та персони
Метод сортування карт передбачає сторонню допомогу. На листках паперу ви напишете заголовок свого вмісту. Потім попросіть когось згрупувати їх в однорідні категорії або навіть перейменувати, якщо потрібно. Ви можете бути здивовані, як це структуруватиме ваш сайт. Для того, щоб зменшити похибку, ідеально попросити допомоги у 4-5 людей (у вашій мішені).
Ми також створимо персони, тобто віртуальних осіб, що відповідають вашим клієнтам та потенційним клієнтам. Ви повинні вказати, що їх характеризує і що їм потрібно. Щойно ваші персони будуть створені, ви зможете продумати структуру свого сайту відповідно до їхніх особливостей. Ось перший приклад:
Жак - ремісник-пекар і хоче створити свій веб-сайт. Він хоче знати, як з’являтись на Google. Він нічого не знає про веб-розробку чи SEO, і йому мало часу приділяти цьому.
І ось ще один, який допоможе вам зрозуміти, що таке персона:
Софі - менеджер з веб-маркетингу великої компанії і шукає поради та ресурси, щоб зрозуміти відвідувачів та покращити позиціонування. Вона ніколи не навчалася інструменту веб-аналітики або SEO, але вона знає, що це важливо для розвитку її компанії.
Зображення взято з сайту QualityStreet, Я рекомендую наступну статтю, щоб краще зрозуміти поняття: персони та ролі
HTML і структура
Теги HTML
Структура сайту базується на технічній частині. Мова HTML має кожен раз логічний тег для структурування ваших елементів:
для відображення коду
(розрив рядка) або (пробіли), тому що ми можемо робити те саме в CSS.
Окрім HTML-коду, є кілька моментів, на які слід звернути увагу:
- У вас буде лише один файл CSS для макета сайту, один файл javascript для управління будь-якими взаємодіями та один сценарій із інструменту веб-аналітики.
- Видаліть усе, що між ними: Це "коментарі", які не корисні відвідувачам або пошуковим системам. Зберігайте їх лише під час встановлення розробки (щоб допомогти розробникам краще зрозуміти код вашого сайту).
- Остаточний візуалізація вашого веб-сайту повинна бути зменшена, тобто стиснути якомога більше, щоб пришвидшити час завантаження
- Вигнати флеш-файли, незрозумілі для Google
- Файл sitemap.xml надасть прямий доступ до всього вашого вмісту
- І навпаки, файл robots.txt заблокує пошукові системи, щоб не індексувати певний небажаний вміст (якщо він є)
Якщо ви все це зробили, ви пройдете два тести, щоб перевірити загальну структуру сайту, і це зроблено під Firefox. Спочатку встановіть розширення Webdevelopper, якщо ви цього ще не зробили. Спочатку вимкніть CSS:
Перший інструмент дає змогу усвідомити структурні проблеми. Без цього макету порядок і показ вмісту повинні залишатися зрозумілими. Якщо для вас це не має сенсу, ваш сайт або сторінка погано розроблені. Після цього першого тесту попросіть відобразити план сторінки.
Цей план сторінки повинен дотримуватися наступних правил:
- Ви мали б лишелише один заголовок H1, який містить кілька Н2, який сам може містити кілька Н3 тощо.
- Крім H3, теги заголовків зайві.
- Немає обов’язків мати теги H2 або H3, але переважно структурувати сторінку.
- Теги H1 повинні бути різними на кожній сторінці вашого сайту (тому він буде містити лише назву сайту на домашній сторінці).
- Вони повинні містити ключові слова, пов’язані зі змістом сторінки.
- Теги від H1 до H6, безумовно, не слід розміщувати на загальних частинах вашого сайту, таких як "останні статті", "коментарі до цієї статті", "відгуки клієнтів" або навіть "останні коментарі" .
Посилання та внутрішня структура
Зараз у нас є відповідний та категоризований вміст із бездоганним HTML-кодом. Зараз залишається встановити зв’язок між усім цим. Навіть якщо ваш сайт добре продуманий на папері, це зовсім інше. Тому необхідно дотримуватися кількох простих правил:
Ми називаємо речі своїми іменами
Усі ваші заголовки та вміст мають бути явними. Іншими словами, їх повинні розуміти 100% користувачів Інтернету. Візьмемо для прикладу сайт електронної комерції: кнопка «Додати в кошик» буде кращою, ніж «Додати в кошик», сама краще, ніж «Я купую» (що може означати для відвідувача, що йому доведеться виконати додаткову дію ).
Обмежте кількість відображуваного вмісту
"Чарівне число сім, плюс або мінус два" - це поняття в психології, яке пояснює, як люди легко запам'ятовують 7 відомостей одночасно. Крім цього, ми мали б проблеми із збереженням додаткових елементів. Не зосереджуючись на цифрі 7, слід пам’ятати простий принцип: занадто багато інформації вбиває інформацію. Тож націлюйте кожну сторінку на найнеобхідніше, завжди з метою досягнення ваших цілей.
Вага краваток
Чим менше у вас посилань, тим більшу вагу кожен із них матиме на відвідуваність відвідувачів та ваше позиціонування.
Маючи на увазі цю ідею, ви будете прагнути зменшити кількість посилань на сторінку. Деякі двигуни, в т.ч. Google, вкажіть обмеження в 100 посилань на сторінку для вашого природного посилання. Насправді можна мати набагато більше. Однак це не цікавить вашого SEO та відвідувачів. Тож розміщуйте лише цікаві посилання для користувачів Інтернету. Для мене ідеально мати менше 60, хоча це може бути більш-менш складно залежно від вашого сайту.
У тій же перспективі, заборонити дублікати посилань: ви ніколи не повинні мати більше одного посилання, що вказує на одну сторінку (в меню, на бічній панелі, в нижньому колонтитулі, ...). Якщо у вас немає вибору, кожне посилання має мати різний прив’язок (/ tartantpion,/tartanpion # youpi,/tartanpion # tralala). Кожне повторюване посилання призводить до втрати рейтингу сторінок, тоді як прив'язка дозволяє диференціювати посилання, навіть якщо вони вказують на одне і те ж місце.
Посилання на себе
Ланки, що ведуть до них самих: коло обійшло повне коло
На закінчення посиланнями, ніколи не робіть посилання на себе. Посилання, яке вказує на себе, є марним для ваших відвідувачів та пошукових систем. Якщо, наприклад, у вас є навігаційний шлях, остання частина не повинна містити посилання на сторінку, де вже знаходиться користувач.
Я рекомендую програмне забезпечення Xenu, яке допоможе вам структурувати або реструктуризувати ваш сайт. Він аналізує всі посилання (сторінки, зображення, відео, переспрямування тощо) на сайт, щоб легко виявити аномалії та можливі вдосконалення. Я напишу вам невеличку статтю про звіра, як тільки встигну (PS: Я знаю: сайт Ксену страшно бачити, але це програмне забезпечення насправді вбивця ^^).
Сторінка мапи сайту
Цей розділ вашого сайту має подвійний інтерес:
- На природному рівні посилань це полегшує роботу пошукових систем. У два кліки, Google, Yahoo і Бінг може знайти весь ваш вміст. Це не збільшить ваше позиціонування, але полегшить розуміння та індексування двигунів. Це не звільняє від належної категоризації вмісту, файлу карти сайту або файлу robots.txt.
- Що стосується ергономіки, сторінка мапи сайту може допомогти деяким відвідувачам краще зрозуміти структуру вашого веб-сайту, зокрема знайти вміст, без якого вони могли б знайти проблеми (але, як правило, цього ніколи не повинно статися ...).
Поки я займаюся цим, погляньте на мій посібник зі створення сторінки карти сайту WordPress.
Структура веб-сайту відповідно до його змісту
Для сайтів загалом
На мій погляд, хороший сайт повинен мати логічну структуру:
- домашню сторінку
- Статичні сторінки: Про нас, Загальні умови продажу, Контакти, ...
- Категорії
- Зміст
Це впливає на ваші URL-адреси: тому я рекомендую задовольнити адреса типу/категорії/змісту /.
Багато веб-сайтів працюють з/категорією/URL-адресою з одного боку та/вмістом/з іншого, без вмісту, який може бути зв’язаний безпосередньо зі своєю категорією. В SEO, я думаю, він має однакову вагу. Адреса лише зі змістом є більш цільовою, але адреса з категорією є настільки ж релевантною (вміст обов'язково пов'язаний зі своєю категорією). Для відвідувача я все ще впевнений, що наявність категорії в структурі URL-адреси є плюсом, який допоможе йому зрозуміти, де він перебуває.
Щоб уникнути дублювання вмісту, вміст не повинен бути присутнім у кількох категоріях, інакше це означає, що ви можете почати читати цю статтю знову з самого початку.
Ви також повинні постійно показувати відвідувачам, де вони перебувають. Ви можете зробити це за допомогою навігаційного шляху (його також називають паніровкою або паніровкою), за допомогою піктограм або кольорів у меню.
Для блогів
Особливість блогів полягає у додаванні двох типів вмісту: ключові слова (теги) та архіви. У моєму випадку я вирішив заборонити обидва сайти, тому немає ключового слова чи сторінки архіву. Дозволь пояснити:
A архівна сторінка є марним, оскільки він приймає та продублює вміст категорій (які є вихідними даними архіву ...). Я націлююся, зокрема, на архіви за датою, які повинні зникнути з поверхні нашої старої доброї планети (не цікавить відвідувача та двигун).
сторінка тегів є делікатнішим. Є два бачення:
- Я хочу сказати, що вони марні, бо хороший вміст приведе відвідувача до статті, а не до сторінки ключових слів. Більше того, сторінка тегу дублює вміст ad infinitum: 5 ключових слів у статті, і у нас однаковий вміст дублюється 7 разів ...
- Друга перспектива - сказати, що сторінка ключових слів легше націлить на фразу і що вони мають більшу вагу, ніж сторінка категорії для SEO.
У всіх випадках вам доведеться вибрати: індексувати сторінки категорій або теги, але особливо не одночасно обидва !
Для портфелів
Структура портфоліо складна: лише із зображеннями ви ризикуєте не бути зрозумілими пошуковими системами. Спочатку потрібно використовувати Alt тег ваших зображень.
Не забудьте додати навколо нього текст, щоб детально описати свої візуальні ефекти. Без цього ви ніколи не зможете з’явитись у відповідному вигляді Google, навіть із чудовими творами, інтегрованими в хорошу структуру веб-сайту.
Для сайтів електронної комерції
Там це стає ще складнішим, оскільки інтернет-магазини мають дещо іншу структуру.
Перш за все, є частина продажу у структурі вашого сайту: кошик, підключення (або реєстрація), перевірка способу доставки та оплата. Ідеально - згрупувати все на одну-дві сторінки, максимально спростивши процес створення облікового запису та придбання: чим простіше та чіткіше, тим більше будуть купувати ваші клієнти.
У вас теж буде все підсвічування блоків, новини та інші улюблені. Фокус полягає в тому, щоб мати кілька різних коротких описів для кожного продукту, які можуть бути використані або не використані в кожному типі блоків: мета полягає у зменшенні повторюваного вмісту, щоб диференціювати сторінки в очах Google, і тому сприяти індексації.
Основною проблемою для сайтів електронної комерції буде правильно класифікувати вашу продукцію. І, на жаль, у вас все ще буде декілька товарів, які повинні бути в декількох категоріях. У цьому випадку два рішення:
- внутрішня мережа, яка буде сильно віддавати перевагу одній сторінці на шкоду іншій
- метатег Canonical, який повідомляє пошуковим системам, яку сторінку індексувати.
Ось, я думаю, я зробив огляд структури веб-сайту. Обрада, ідеї, подяки чи критика вітаються.
Поділитися в Twitter Поділитися на LinkedIn Поділитися на Facebook Поділитися поштою