Тестування сайту, інструкція для розробників

1. 1. Перевірка всіх текстів на відповідність правилам мови.
2. 2. Тестування форм
3. 3. Перевірка фотографій
4. 4. Перевірка контексту на зміст
5. 5. Перевірка швидкості завантаження сайту
6. 6. Адаптація сайту для перегляду на мобільних пристроях
7. 7.Проверка сайту в різних браузерах
8. 8. Перевірка шрифтів
9. 9. Навігація і юзабіліті
10. 10. Пошук битих посилань
11. 11. Перевірка в Google Search Console
12. 12. Установка Minify
13. 13. Перевірка помилки 404
14. 14. Перевірка наявності іконки
15. 15. Переведення - 301 редирект
16. 16. Перевірка SEO
17. 17. Карта сайту
18. 18. Тестування цілей, установка аналітики
19. 19. Перевірка розмітки
20. 20. Прискорені мобільні сторінки (AMP)
21. 21. Інтеграція з соціальними мережами
22. 22. SERP
23. 23. Реклама
24. 24. Моніторинг
25. 25. Системи резервного копіювання
26. 26. Тестування навантаження на ресурс
27. 27. Авторизація користувачів
28. 28. Сертифікат безпеки SSL

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

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

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

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

1. Перевірка всіх текстів на відповідність правилам мови.

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

2. Тестування форм

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

• Зрозуміло простому користувачеві, що потрібно робити для правильного заповнення форми? Чи точно описані етапи її заповнення та вимоги до підсумкового варіанту?
• З якими труднощами можна зіткнутися при заповненні? Що може бути незрозуміло або витлумачено двояко?
• Як поліпшити форму, як зробити її більш зрозумілою і простою?
• Чи приймається форма за вказаною адресою після відправки?

3. Перевірка фотографій

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

4. Перевірка контексту на зміст

Тут слід відповісти на питання про сенс:

• Навіщо конкретна розглянута сторінка може знадобитися для усунення?
• Заповнено сторінка таким чином, щоб користувач міг відразу отримати всю необхідну інформацію щодо заявленої теми?
• Наскільки конткент сторінки вплине на цільову аудиторію і чи вплине взагалі, притягне до відповідальності?

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

5. Перевірка швидкості завантаження сайту

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

6. Адаптація сайту для перегляду на мобільних пристроях

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

7.Проверка сайту в різних браузерах

Перевірте, як сайт відкривається в популярних браузерах і відкривається взагалі.

8. Перевірка шрифтів

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

9. Навігація і юзабіліті

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

Веб-розробники можуть виступати в ролі тестувальників.

10. Пошук битих посилань

Всі вони повинні працювати і вести на правильні сторінки. Якщо сайт маленький, перевірити посилання можна самостійно. Якщо ж на сайті близько п'ятисот посилань, можна озброїтися такими інструментами, як Screaming Frog SEO Spider . Якщо посилань понад п'ятсот, знадобитися купити розширену версію або скористатися сервісом онлайн.

11. Перевірка в Google Search Console

Search Console дає можливість дізнатися про всі істотні проблеми сайту: поява сторінок з помилкою 404, поява несанкціонованого ПЗ тощо. За допомогою такого інструменту веб-розробник може стежити за ходом роботи ресурсу, а також регулювати індексацію, збирати статистику запитів і т.д. Ще один варіант для монторінга сайту - реєстрація в Bing Webmaster Tools, Яндекс.Вебмайстер.

12. Установка Minify

Ця бібліотека на PHP5 потрібна, щоб об'єднати, кешувати JavaScript і CSS-файли, а також мінімізувати їх. Завдяки цьому зменшується час завантаження сайту. Детальніше про бібліотеку написано на GitHub.

13. Перевірка помилки 404

Сторінки з такою помилкою повинні давати відвідувачеві сайту корисну інформацію і запускати пошук по ресурсу.

14. Перевірка наявності іконки

Значок сайту, який користувачі бачать в своїй вкладці і адресному рядку. Оригінальний запам'ятовується значок підвищує довіру до сайту і робить його більш запам'ятовується.

Часто наші SEO-оптимізатори в ролі тестувальників.

15. Переведення - 301 редирект

Структура сайту буде неминуче змінюватися, і при цьому важливо упевнитися, що старі посилання дають 301 редирект на нові. Для збору всіх посилань призначений вже згаданий Screaming Frog Spider. Отриману по посиланнях інформацію вивантажують в Excel, де в різних колонках відображаються старі і нові URL.

16. Перевірка SEO

На кожній сторінці повинен бути заповнений Title, крім того, потрібні метаописания, h1, h2. Перевірка robots.txt.

17. Карта сайту

Повинна бути коректно видно і в XML, і в HTML. Перевірка наявності посилання на її в robots.txt.

18. Тестування цілей, установка аналітики

Встановлена ​​система аналітики повинна бути налаштована до того, як сайт буде запущений. Це може бути Google Analytics або інша на ваш розсуд. Крім усього, краще відразу налаштувати всі необхідні цілі.

19. Перевірка розмітки

Будь-яка розмітка даних (наприклад, Schema.org) повинна адекватно відобразитися в SERP. За допомогою в усуненні багів мікророзмітки можна звернутися до Search Console або в Яндекс вебмастер.

20. Прискорені мобільні сторінки (AMP)

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

21. Інтеграція з соціальними мережами

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

22. SERP

Search Console допоможе проаналізувати, як сторінки показуються в результатах пошуку, чи адекватно відображення.

23. Реклама

Рекламні кампанії зазвичай запускаються одночасно з ресурсом.

24. Моніторинг

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

25. Системи резервного копіювання

При «падінні» сервера ці системи повинні зберегти всі необхідні вам дані, тому такі системи повинні працювати з самого запуску сайту.

26. Тестування навантаження на ресурс

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

27. Авторизація користувачів

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

28. Сертифікат безпеки SSL

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