Кейс: невидимі прийоми оптимізації сайту
Просування сайту в пошукових системах включає безліч різних робіт, що впливають на ті чи інші фактори ранжирування в пошукових системах. Серед цих робіт є як добре відомі навіть недосвідченому замовнику (наприклад, SEO-копірайтинг), так і неочевидні прийоми , непомітні на сайті незброєним оком, але важливі для алгоритмів пошукових систем. Про деякі такі прийоми ми хочемо розповісти сьогоднішньому кейсі на прикладі інтернет-магазину bilka.com.ua (див. опис проекту у нашому портфоліо).
Валідація коду сайту
Валідація – це приведення HTML-коду у відповідність до певних правил та стандартів. Справжньою революцією у цій сфері свого часу став стандарт HTML5, який прийшов на зміну XHTML та значно полегшив життя розробникам. У HTML5 синтаксис став менш суворим, але тим не менш він вимагає валідації.
Сважається, що валідність коду не враховується пошуковими системами, проте дотримуватися стандартів HTML5 необхідно, адже від цього може залежати кросбраузерність, коректне відображення елементів та інші важливі аспекти використання сайту. А значить, за рахунок впливу поведінкових факторів та позиції у пошукових системах!
На цьому сайті ми підключили спеціальний плагін Seocheck, за допомогою якого відстежили помилки у валідності коду. Активно використовувався і добре знайомий будь-якому веб-верстальнику інструмент валідації https://validator.w3.org.
Візуально на сторінках сайту відображається все коректно і немає жодних проблем у верстці. Але при валідації ми бачимо багато типових помилок:
- неправильне маркування списку (наприклад, тег <a> має бути обернений у тег списку <li>);
- незакриті теги;
- неправильне використання тегів <section>;
- неправильне розташування тегів <h1>-<h6>;
- інші дрібні помилки, які ми не бачимо на працюючому сайті, але які важливі для перевірки валідації.
Ось так виглядають результати перевірки валідності коду після нашої роботи.
Мікророзмітка
Мікророзмітка — свого роду єдина мова розмітки смислів, який однаково розуміють та трактують пошукові роботи Google, Яндекс, Bing, Yahoo. Про це вони «домовилися» ще далекого 2011 року з метою підвищення якості та релевантності пошуку. Так, за допомогою мікророзмітки можна показати роботам, що певний текст або інші елементи на сторінці належать до конкретного типу даних (адже пошукові роботи ще недосконалі в трактуванні змісту контенту та розміщенні пріоритетів).
Словники мікророзмітки
Словники мікророзмітки – набори класів, властивостей, які дозволяють вказати на суть вмісту сторінки. Одним з найпопулярніших є Schema.org.
З погляду SEO мікророзмітка потрібна в першу чергу для формування розширеного СНІП в пошукових системах і підвищення релевантності сторінки.
У цьому випадку ми бачимо помилки мікророзмітки на сайті, пов’язані з бібліотекою Opengraph. Зокрема, некоректно було розмічено сутності:
- Organization (дані про організацію, контакти);
- LocalBusiness (дані про регіональний бізнес);
- Product (дані про товар, ціну, доступність, відгуки).
Всі ці проблеми були успішно усунуті нашими спеціалістами з мікророзмітки.
Технічне SEO
Однією з основних аспектів ранжирування сторінки у пошукових системах є наявність технічне SEO, тобто. оптимізація коду. Правильне структурування коду, наявність всіх необхідних тегів, коректна ієрархія заголовків та деякі інші моменти дозволяють пошукачам правильно “рахувати” та “зрозуміти” сторінку. А значить – коректно уявити її в результатах пошуку на тих позиціях, на які вона дійсно заслуговує.
Також дуже поширена помилка, пов’язана з відсутністю атрибутів alt та/або title у картинок та зображень. Якщо ми говоримо про комерційні сайти, то людина, яка прийшла з пошуку за зображеннями, не обов’язково має інформаційний інтент.
Часто ці люди мають комерційний інтент, але не знають, як виглядає той чи інший товар/виріб (наприклад, запити“ніж для різання лінолеуму” або “samsung 4220 картридж”) або шукають модель по фотці, що сподобалася (приклад запитів з практики: “стульчик для годування”, “домашній телескоп”).
SEO-оптимізація картинок часто дозволяє отримати нехай невеликий, але потенційно цікавий та цільовий трафік із пошукових систем.
- порушення ієрархії заголовків;
- відсутність description;
- не прописано title та деякі інші.
Комментарии