Правила SEO верстки ресурсів

  1. Основні критерії SEO верстки
  2. Кілька корисних порад по SEO верстці

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

Але чим ближче до початку html-коду знаходиться текст, тим релевантні він буде з точки зору пошукових систем

Основні критерії SEO верстки

Версткою коду займається html-верстальник. Саме він повинен передбачити всі основні моменти для SEO, інакше просування сайту буде малоефективним. Які правила потрібно дотримуватися в обов'язковому порядку?

По-перше, важливою частиною сторінки є теги H1, H2 і H3. Оформивши назва товару або заголовок поста в тег H1, можна вказати пошуковому роботу на значимість цього елемента. Але зазвичай цим правилом або нехтують, або неправильно його інтерпретують.

Також важливим елементом для сторінки є наявність мета-тегів Title, Description, Keywords. Перші два виводяться в пошуковій видачі в якості сниппета, тому їх значимість складно переоцінити. Цим правилом теж іноді нехтують, просто забуваючи про нього.

Ще один важливий елемент - атрибут ALT у зображень, який використовується для їх оптимізації. Це допомагає їм потрапити на видимі позиції в Google або Яндекс.Зображення.

Що стосується посилань в тексті, то вони повинні мати нижнє підкреслювання. Також обов'язковим вважається наявність атрибута Title, який відображається при наведенні курсору на посилання.

Зрозуміло, SEO верстка повинна бути кросбраузерності. Це необхідно для того, щоб сайт відображався однаково в усіх браузерах.

Ще одна обов'язкова умова - адаптивність. І в першу чергу для мобільних пристроїв. Адже сьогодні все більше користувачів заходять в інтернет з планшета або смартфона. На ноутбуках і моніторах сайт теж повинен відображатися коректно, оскільки дозвіл екрана може бути різним.

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

Кілька корисних порад по SEO верстці

Перераховані вище правила є обов'язковими. Але крім них є ще ряд моментів, які теж бажано дотримуватися:

  • оптимізуйте верстку, прибравши зайві блоки;
  • зробіть навігацію «хлібні крихти»;
  • оптимізуйте html-код сторінки;
  • виділяйте заголовки тегом H1;
  • не захоплюйтеся тегами STRONG і B (використовуйте їх тільки в тексті, а в решті випадків виділяйте через стилі);
  • зробіть посилання в тексті підкресленими і змініть їх колір;
  • не використовуйте в верстці дизайну теги H2 і H3;
  • зробіть все частини контенту відкритими, щоб не доводилося їх розкривати;
  • оптимізуйте таблиці стилів CSS, а також виділяйте їх в окремий файл або папку.

І найголовніша порада - прагнете до простоти. Адже чим складніше сайт, тим більше помилок. І ставте на перше місце контент. Адже саме заради нього і створюється кожна сторінка, чи не так?

Які правила потрібно дотримуватися в обов'язковому порядку?
Навіщо це потрібно?
Адже саме заради нього і створюється кожна сторінка, чи не так?