1. Помилки на сторінках сайту
2. валідація
3. кросбраузерність
4. Індексація
5. Адаптація сайту до мобільних пристроїв
6. Безпека
7. висновок

Дмитро Фітеро, менеджер відділу пошукового просування i-Media , Написав для E-pepper колонку про помилки, що зустрічаються на сайтах інтернет-магазинів, і тому, як вони сприймаються пошуковими системами, а також зазначив, наскільки важливо їх усунення в тому чи іншому випадку.

Ранжування - це процес сортування сайтів в результатах пошуку за певними факторами, які використовують пошукові машини для оцінки релевантний вмісту за набраним запитом.

Одна з основних завдань для пошукової оптимізації - робота з вмістом сторінок сайту, наприклад, додавання або зміна інформації в заголовках сторінок (title), метатегах (keywords і description), заголовках документа (H1-H6) і так далі.

Однак не всі фактори, які використовуються пошуковими системами для ранжирування, враховують кількість слів у заголовках, метатегах, текстовому вмісті. Є і чинники, які орієнтовані на оцінку якості з точки зору відсутності або мінімізації помилок.

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

Помилки на сторінках сайту

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

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

Часто помилки пов'язані з оформленням інформації на сторінках сайту, наприклад:

• Основна суть документа стануть невидимими першому екрані браузера (рис. 1).
• На сторінці використовуються елементи оформлення, які ускладнюють сприйняття або вводять в оману відвідувачів (рис. 2). До таких елементів можна віднести: вікна прокрутки, приховані випадають блоки та інші елементи.
• Текст має різні шрифти, оформлення. В цьому випадку його складно читати, а відображається інформація важка для сприйняття (рис. 3). А якщо врахувати ще й помилки, про які згадував Яндекс, то і зовсім у відвідувача від сайту можуть залишитися не найкращі враження.

Мал. 1. Основна суть документа стануть невидимими першому екрані браузера (не видно каталогу з товаром)

Мал. 2. На сторінці використовуються елементи оформлення, які ускладнюють сприйняття або вводять в оману відвідувачів (при наведенні курсором миші на задні двері автомобіля, на зображенні виділяється задня частина авто)

Мал. 3. Інформація важка для сприйняття через використання різних шрифтів і оформлення елементів сторінки (різні не тільки види шрифтів, але і їх розміри у текстових елементів на сторінці)

Зараз резонно повинен виникнути питання: «Як же Яндекс буде це оцінювати?». На цей рахунок у Яндекса і у інших пошукових систем є метрики, за допомогою яких він може оцінити поведінкові фактори (ПФ) на сайті. Важливо не забувати про оформлення основних елементів сторінок. До основних елементів відноситься тег <title>, він відображає основну думку, що викладається на сторінці матеріалу і не потрібно намагатися запхати в нього якомога більше слів. Саме його бачать відвідувачі в результатах пошуку, тому він повинен легко читатися і відповідати контенту, представленого на сторінці. Також потрібно звернути увагу, що в результатах пошуку буде видно 9-11 слів з тега <title>, тому не варто витрачати свій час на спробу написати в нього якомога більше слів - це одна з найпоширеніших помилок.

Ще більшу увагу варто звернути на заголовки документа - теги </ h1>, ..., </ h6>. Якщо вони використовуються не за призначенням, а саме для виділення або створення жирного стилю тексту, то це буде однією з серйозних помилок і оцінюватися як спроба «заспаміть» сторінку. На щастя, такі помилки зустрічаються все рідше і переважно на сайтах, які були оптимізовані під перші алгоритми пошукових систем. Тоді релевантність документа визначалася за кількістю і частотою згадування ключових слів в заголовках і інших тегах, несучих семантичне навантаження для пошукових систем.

валідація

Наскільки в процесі створення сайту або при його доопрацюванні приділялася увага верстці сторінок у відповідності зі стандартами? На сайті http://w3c.org.ru/ наведені стандарти, за якими і проводиться валідація сторінок сайту. Раджу витратити частину часу для ознайомлення, тому що важливо розуміти суть вимог, що пред'являються з боку пошукових систем до сайтів. Вони не придумані кимось, щоб заплутати або зробити складніше і без того не дуже-то і просте життя власників сайтів. Вони потрібні для того, щоб різні програми могли взаємодіяти з документом і розуміти вміст.

У кожній мові розмітки є посилання на простір імен, де визначена семантика і граматика. У документі вона вказується у елемента «DOCTYPE», наприклад <! DOCTYPE html PUBLIC «- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd »>. Виняток хіба що становить мову розмітки HTML5, де посилання на простір імен не ставиться, по абревіатурі <! DOCTYPE html> всі програми і браузери розуміють, де шукати стандарт для валідації документа.

Але не будемо вдаватися в технічні деталі кожного конкретного мови розмітки і його версії, тому що правила валідації мають розбіжності в написанні і вживанні деяких елементів, наприклад, HTML4. Перевірити документ можна на сайті http://validator.w3.org/ .

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

кросбраузерність

Якщо ми вже торкнулися технічну частину, пов'язану з валідація документа, буде справедливим згадати і таке поширене поняття як кроссбраузерность. Основне завдання кросбраузерності - зробити відображення сайту однаковим у всіх браузерах. Відображення контенту може змінюватися в різних браузерах, і це пов'язано зовсім не з помилками при верстці, а найчастіше з ігноруванням технічних особливостей роботи з властивостями елементів браузерів. А іноді і зовсім проблема виникає через те, що ширина макета сайту робилася під якийсь конкретний розмір екрану (довжину, ширину), але не враховувалися інші можливі дозволи. На малюнку 4 видно, як при зміні ширини вікна браузера верхня горизонтальна навігація з'їжджає нижче і зливається з фоном.

Мал. 4. Верхнє горизонтальне меню (текст білого кольору) з'їжджає вниз і зливається з фоном при зміні ширини вікна браузера

Повернемося до рентабельності внесення доробок на сайт для виправлення помилок. Робота над кросбраузерністю якраз і повинна визначатися рентабельністю. Припустимо, у вас сайт містить помилки в браузері IE 6, і, витративши купу часу, грошей і сил, отримано позитивний результат. Або другий випадок: ваш сайт повністю не вміщається в ширину екрану, рівну 800 пікселів (частина елементів потрапляють за область видимості екрану), при цьому гроші виділені на виправлення цього недоліку. У першому і другому випадках була виконана якась робота і буде прикро, якщо її ніхто не побачить. Таке цілком може бути, адже користувачів, що використовують IE 6, вкрай мало і може бути на ваш сайт їх заходить один або два людини. Така ж ситуація може виникнути і з тими, хто використовує дозвіл екрана 800 на 600 пікселів.

І для оцінки дійсної користі від доробок потрібно зрозуміти, за допомогою інструментів аналітики (Google Analytics або інших, які ви застосовуєте), скільки відвідувачів, з яких пристроїв і браузерів заходить на сайт.

Рис.5 Розподіл трафіку за версією браузера і дозволу екрану (Google Analytics)

Індексація

Помилки, пов'язані з індексацією сторінок сайту пошуковими системами, найчастіше виникають через некваліфікованих дій з боку фахівців, що займаються роботою з сайтом. Наприклад, ряд розділів помилково закриті для індексації, у файлі robots.txt неправильно визначені директиви, а іноді можуть бути заблоковані пошукові роботи.

Сайт може не індексуватися через неправильну структури URL адрес, що містить багато повторюваних параметрів або виводяться за допомогою динамічних адрес. Проблеми з попаданням сторінок в індекс можуть виникнути при використанні технології виведення контенту через javascript. Наприклад, в разі ajax або flash вмісту на сторінках сайту, коли вся інформація виводиться через ці технології. На щастя, на цей випадок у пошукових систем є рішення проблеми - потрібно створити дублюючі сторінки c html вмістом.

Бувають випадки, коли не весь сайт виконаний з використанням javascript або flash, а тільки окремі його елементи, наприклад, навігація. В цьому випадку пошукові роботи не будуть переходити по посиланнях і обов'язково потрібно дублювати посилання, зроблені за допомогою скриптів, звичайними текстовими. Ускладненням для індексації документа також може стати використання фреймів * з модулями в них документами. Позначаються фрейми тегами <FRAME>, <IFRAME> або <FRAMESET>, такі документи пошукачі не індексують.

*** Фрейм (від англ. Frame - рамка) - окремий, закінчений HTML-документ, який разом з іншими документами HTML може бути відображений у вікні браузера (з Вікіпедії).

Іноді сторінки випадають з індексу через зміну статусу відповіді на 4хх перші помилки. Найпоширеніша помилка - 404, вона говорить пошуковику, що інформація на сторінці не доступна на даний момент. Такі сторінки прибираються з індексу, щоб не вводити в оману відвідувачів. Якщо адреса сторінки змінюється, то потрібно обов'язково вказувати нову адресу, тобто робити 301 редирект зі старої сторінки на нову.

Адаптація сайту до мобільних пристроїв

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

Один з найважливіших факторів - це швидкість завантаження сторінок сайту. У більшості випадків користувачі мобільних пристроїв для доступу до мережі інтернет використовують не швидкісний wi-fi, а мобільні мережі, в яких швидкість обмежена в залежності від покоління мережі.

Зараз стільникові оператори намагаються якомога більшу площу покрити мережами третього (3G) і четверного покоління (4G), проте до цих пір зустрічаються мережі другого покоління (2G), які в основному були побудовані для голосових послуг і повільної передачі даних. І для користувачів мобільних пристроїв актуальні «легкі сайти», які швидко завантажуються. Пошукові системи звертають увагу на швидкість завантаження сторінок сайту. Зокрема Google для мобільного пошукової видачі вже тестує спеціальні мітки «Slow to load», які відображаються у видачі під сайтами з низькою швидкістю завантаження.

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

Тому мало забезпечити тільки швидке завантаження сторінок сайту, а потрібно адаптувати сайти до мобільних пристроїв. На сьогоднішній день найдешевшим способом є створення адаптивного дизайну сайту, який був би зручний не тільки користувачам десктопних, але мобільних пристроїв і коректно відображався в їх браузерах. Якщо бюджет дозволяє можна створити окрему мобільну версію сайту, ну і зовсім буде здорово якщо під кожну мобільну платформу буде створено свій мобільний додаток. Перед тим як розробляти мобільні додатки потрібно ретельно оцінити, скільки відвідувачів і з яких пристроїв відвідують сайт (яка платформа на пристроях), а на підставі вже цих даних приймати рішення про рентабельність розробки програми.

Безпека

Не можна забувати і про безпеку відвідувачів сайту, якщо на сайті є віруси, то пошуковики будуть природним чином викидати їх з індексу або попереджати про ймовірність зараження. Найчастіше на сайтах зустрічаються мобільні редіректи на рекламні сайти. Такі редіректи перенаправляють відвідувачів, які використовують мобільні пристрої, на сайти з рекламним вмістом і тим самим вводять в оману не тільки відвідувачів, але і шкодять самому сайту, якщо пошуковики це помічають. Для зараження комп'ютерів використовуються скрипти, розміщені на сайті, особливо часто javascript. Вони можуть довантажувати через браузер експлойти, які будуть виконувати сторонні дії на комп'ютері користувачів (рис. 6).

Мал. 6. Попередження Яндекса при переході на сайт з небезпечним вмістом

висновок

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