13 Must-Haves для SEO-дружнього веб-дизайну

1. 1. Чуйний дизайн
3. 3. Crawlable і Indexable Pages
4. 4. Структура дружньої URL-адреси
5. 5. Час швидкого завантаження
6. 6. Flash… Nope
7. 7. Обмежте JavaScript
8. 8. Оптимізуйте ці зображення
9. Інтеграція соціальних медіа
10. 10. Використовуйте Breadcrumbs
11. 11. Очистіть свій код
12. 12. Зробіть навігацію легкою для всіх
13. 13. Використовуйте правильні елементи в потрібний час
14. SEO-Friendly не використовує ярлики

Перевірка реальності: Google не дбає, якщо ваш сайт виглядає досить.

Веб-дизайн має значення. Це має велике значення. Ви хочете, щоб ваш веб-сайт захопив вашу аудиторію. Клієнти більше схильні конвертувати веб-сайт, який є сучасним і професійним. Але пошукові системи не базують рейтинги на тому, як досить ваш сайт.

Якщо ви витратили багато часу на Google, ви, безумовно, зіткнулися з великою кількістю потворних веб-сайтів біля верхньої частини рейтингу. Можливо, один з цих потворних сайтів навіть перевершує вас. Цього достатньо, щоб викликати паніку будь-якого власника бізнесу. Витративши всі ці гроші на ваш привабливий новий веб-сайт, ви в кінцевому підсумку випередили щось, що виглядає як 10-річний розроблений він двадцять років тому.

Але ось справа: Ваш сайт не може бути просто гарним. Досить тільки перетворює, якщо ваші потенційні клієнти знайти його. Потворні сайти з великою кількістю відвідувачів зазвичай виконують ще краще, ніж красиві сайти без відвідувачів.

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

Cue SEO-дружні веб-дизайну. Незважаючи на те, що SEO та веб-дизайнери іноді не є ворогами, якісний дизайн у цифровому пейзажі сьогодні вимагає гармонії між ними. Веб-дизайн без очей для SEO подібний до того, як дозволити сліпому зібрати двигун вашого Ferrari.

Як саме виглядає SEO-дизайн? Ось 13 елементів, які повинні бути включені в будь-який новий веб-сайт.

1. Чуйний дизайн

Нам не треба йти на все "річ мобільного". Якщо ви ще не знаєте важливості мобільного, то у вас є багато наздоганяючих . Сьогоднішній SEO-дружній сайт є чуйним, тобто він виглядає і функціонує чудово на кожному пристрої. Завдяки використанню мобільних пристроїв та пошукових системах, які більше роблять акцент на зручності мобільного зв'язку, не має сенсу розробляти веб-сайт, який не реагує. Навіть Google вважає, що реагування краще .

2. Права система управління контентом

Зміст є королем. Ви не можете добре оцінювати пошуки без вмісту. Але просто мати вміст не достатньо. Ви повинні бути в змозі керувати і представити цей контент у спосіб, який пошукові системи можуть побачити. Майже кожен веб-сайт потребує системи управління контентом. Якщо ви використовуєте WordPress, Drupal, Magento або щось інше, ви матимете набагато більше контролю над своїм вмістом, і набагато більше успіхів у результатах пошуку.

3. Crawlable і Indexable Pages

Пошукові системи не можуть класифікувати те, чого вони не бачать. Ви можете мати найкрасивіший веб-сайт з найбільшим вмістом у всесвіті, але це не означає, що ваші сторінки не можна сканувати та індексувати.

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

4. Структура дружньої URL-адреси

Які з цих посилань ви більш схильні до відвідування:

Ну, якщо ви шукаєте веб-дизайнера в Міннеаполісі, ви, ймовірно, виберете другий. Але якщо ви шукаєте сюрприз, ви можете натиснути на перше. Як ви можете собі уявити, пошукові системи не люблять сюрпризи. Вони хочуть показувати результати, які відразу відповідають запиту користувача. SEO-дружній веб-дизайн повинен мати логічну структуру URL.

5. Час швидкого завантаження

Люди ненавидять. Так само роблять пошукові системи. Якщо ваш сайт не завантажується швидко, ви втратите клієнтів. Ви також втратите трафік. Компанія Google тестує кілька варіантів мітки "повільне завантаження" в результатах пошуку в мобільних пристроях.

Як ви, мабуть, можете здогадатися, будь-яке повідомлення з обережністю буде зашкодити вашій швидкості кліків, що в кінцевому підсумку буде зашкодити вашому рейтингу. Зробіть свій сайт швидким або спостерігайте, як ваші клієнти втікають.

6. Flash… Nope

Не використовуйте спалах. Пошукові системи ненавидять його. Багато пристроїв це не подобається.

Гаразд, можливо, це трохи суворіше. Можуть бути випадки, коли спалах є прийнятним. Але якщо ви хочете бути дружнім SEO, ви повинні керуватися чистими (або принаймні забезпечити альтернативу). Якщо потрібно використовувати flash, пам'ятайте про ці правила:

• Не робіть весь сайт спалахом
• Не використовуйте спалах для навігації
• Не кладіть текст у спалах

7. Обмежте JavaScript

JavaScript дозволяє робити багато цікавих речей з вашим веб-сайтом. Але деякі розробники захоплюються. Ми навіть бачили крайні випадки, коли весь вміст сайту завантажується за допомогою JavaScript. Це приблизно як SEO-дружні, як виклик Google і говорити їм, що ви не хочете бути індексованими. Можна використовувати JavaScript, але не перестарайтеся. Пошукові системи не мають такої толерантності.

8. Оптимізуйте ці зображення

Веб-дизайн потребує величезних прекрасних зображень, чи не так? Ці зображення можуть виглядати чудово, але переконайтеся, що вони оптимізовані. Зображення потрібно стискати якомога більше (звичайно, без шкоди для якості). Інакше вони сповільнять весь ваш сайт. Пам'ятаєте, скільки весело було в 1998 році, коли ви намагалися відкрити файл зображення на комутованому з'єднанні? Сьогоднішні клієнти не збираються спостерігати за завантаженням зображення пікселем за пікселем.

І не забувайте про теги alt. Кожне зображення має містити альт-тег, який трохи розповідає про зображення. Деякі розробники роблять alt-теги майже неможливими, а інші за замовчуванням - всі теги alt до назви компанії. Не точно SEO-дружній, а?

Інтеграція соціальних медіа

Соціальні медіа - це велика справа. Існує досить велика позитивна кореляція між високими результатами пошуку та діяльністю соціальних медіа. Ваш веб-сайт має бути інтегрований із соціальними медіа. Це не означає лише декілька посилань у нижньому колонтитулі. Зробіть легким спільний доступ до продуктів, повідомлень і сторінок. Фактично підключайте ці соціальні профілі до свого веб-сайту. Це підвищить вашу видимість і надасть вам більшої уваги на всіх фронтах.

10. Використовуйте Breadcrumbs

Вам подобається бути в змозі повернутися туди, звідки ви прийшли, чи не так? Пошукові системи, безумовно, вважають, що ви повинні це зробити. Хлібні сухарі (ці маленькі стежки навігації), як правило, найкращі практики SEO. Вони роблять навігацію легкою. Пошукові системи люблять просту навігацію. Вони навіть показують сухарі в результатах мобільного пошуку . Ви повинні мати їх? Ні. Бувають випадки, коли це може не мати сенсу. Але якщо у вас є кілька шарів навігації - і особливо, якщо у вас є веб-сайт електронної комерції - тоді вам, мабуть, потрібні.

11. Очистіть свій код

Це може зайняти багато коду, щоб зробити всі ці дивовижні речі відбуваються на веб-сайті. Це піднімає два моменти:

• Хороші дизайнери не переповнюють сайти настільки повними, що неможливо сказати, що відбувається
• Хороші розробники знають, як мінімізувати код і досі роблять це

Чим більше код у вас, тим більше заплутаних речей потрапляє в пошукові системи. Все може відображатися правильно на інтерфейсі, але сканери пошукової системи можуть бачити деякі дуже божевільні речі завдяки роздутому коду. Або вони взагалі не зможуть побачити нічого.

12. Зробіть навігацію легкою для всіх

Ваші відвідувачі повинні бути в змозі знайти, де вони повинні йти. Так само роблять пошукові системи. Так, ми вже трохи говорили про навігацію з сухарями, але на малюнку набагато більше. Ваші меню повинні бути корисними. Ваші сторінки повинні бути належним чином пов'язані між собою. Якщо ваші користувачі збентежені вашою навігацією, то ймовірність того, що пошукові системи не зможуть зрозуміти цього. І вгадайте, що відбувається, коли пошукові системи не можуть зрозуміти, як здійснювати навігацію по сайту.

13. Використовуйте правильні елементи в потрібний час

Користувачі можуть не помітити, якщо ваше кодування не виконується. Але пошукові системи, ймовірно, будуть. Важливо викликати в коді такі елементи, як CSS і JavaScript. Якщо ви цього не зробите, це може призвести до неправильного відображення для сканерів. Не очікуйте, що сканери спробують розібратися. Хіба, вони навіть можуть перейти до наступного сайту, перш ніж вони зможуть побачити всю вашу домашню сторінку.

SEO-Friendly не використовує ярлики

SEO-дружній веб-дизайн не є легкою справою або швидким виправленням. Це, звичайно, не питання просто установки плагіна SEO на вашому сайті WordPress. Для веб-сайту, щоб бути по-справжньому SEO дружнім, потрібно ретельне планування, розумне проектування і експертне кодування. Якщо ви берете ярлики, це буде в кінцевому підсумку набагато важче для людей, щоб знайти цей казковий новий сайт.