5 онлайн-інструментів для перевірки вашого сайту

Сьогодні створити свій сайт дуже легко. Для цього не обов'язково розбиратися в дизайні і верстці - в мережі можна знайти безліч сервісів, за допомогою який можна створити сайт всього за кілька хвилин. Однак не завжди такий сайт буде відповідати сучасним вимогам. Сайт сьогодні повинен швидко відкриватися, бути кросбраузерності і mobile friendly. Користувач, далекий від веб-дизайну, може і не здогадуватися, що з його сайтом щось не в порядку. Хоча є багато дуже корисних програм, за допомогою яких можна знайти і швидко виправити допущені помилки.

GOOGLE PAGESPEED INSIGNTS

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

Також не варто забувати про те, що сьогодні понад 50% користувачів Серф в інтернеті з мобільних пристроїв, тому швидкість завантаження є надзвичайно важливим фактором, що впливає на популярність сайту. З ростом мобільного сегменту повільні сайти приречені на вимирання, перш за все тому, що люди не хочуть чекати. А значить, у таких сайтів просто не стане аудиторії.

Щоб цього не сталося, потрібно перевірити сторінки сайту на швидкість завантаження. Зробити це можна за допомогу простого, але дуже зручного сервісу Google Pagespeed Insights. Досить ввести в спеціальне поле адресу сайту і сервіс відразу ж покаже, наскільки швидко відкривається сторінка на десктопах і мобільних пристроях. Також цей інструмент виявить можливі проблеми, що уповільнюють завантаження.

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

W3C VALIDATOR

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

Чому? Якщо сайт великий, і створювався своїми силами, то можна з 100% упевненістю припустити, що в його коді буде дуже багато помилок. Серед великої кількості колонок, сайдабров, футер і блоків легко пропустити дубльований або незакритий тег. В результаті сторінка буде неправильно відображатися в деяких браузерах, що небажано. Сервіс-валідатор відразу ж вкаже на допущені помилки.

Перевірити сайт на валідність найкраще в старому доброму W3C Validator. Не всі, що підсвічує цей інструмент, потрібно виправляти, але серйозні помилки краще усунути відразу ж. Нещодавно розробники W3C Validator створили інструмент Nu HTML Checker, які дозволяє без праці перевірити якість HTML і CSS коду.

SCREENFLY

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

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

ACHECKER

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

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

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

WEBPAGETEST

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

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

Отже, перший тест. Сервіс PageSpeed ​​Insights. Все нормально, швидкість завантаження висока, хоча є над чим попрацювати в плані завантаження на мобільних пристроях. Сервіс настійно порадив видалити з верхньої частини сторінки код JavaScript і CSS, який блокує відображення. Ок, Google, врахуємо на майбутнє.

Другий тест - в сервісі Nu HTML Checker. Перевіримо сторінку на валідність. Все в повному порядку, хто б сумнівався. Контенту-то майже немає.

Тест третій, перевіряємо, як сайт виглядає на різних типах пристроїв. Перевіримо на смартфоні Apple iPhone 6. Також все нормально - сайт цілком mobile friendly. Тести на інших типах пристроїв, включаючи планшети і ноутбуки, не виявили проблем.

Четвертий тест, на веб-доступність. Більш-менш нормально, дві рекомендації щодо поліпшення. Помилки абсолютно не критичні, так що можна залишити все як є.

П'ятий, останній тест. Швидкість завантаження. Я вибрала варіант користувача з Праги, що використовує браузер IE 11. Хороший результат. У мене просто візитка, значну частину якої займає картинка. Її б коштувало стиснути - це тільки підвищить швидкість завантаження. У місцях з повільним інтернетом сайт буде відкриватися занадто довго.

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

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