1. Перевірка верстки - відповідність дизайну сайту
2. Перевірка технічної частини і коду сайту
3. Перевірка адаптивності
4. Перевірка функціоналу
5. Висновок, додавання, редагування контенту
6. Швидкість завантаження сайту
7. Базова SEO оптимізація сайту

Додано: 13-11-2017

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

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

Перевірка верстки - відповідність дизайну сайту

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

• Повна відповідність розміщення блоків на сайті
• Візуально співвідношення пропорцій розмірів блоків
• Відступи між елементами, в тому числі і в самому контенті
• Відповідність шрифтів, розмірів шрифтів, читабельність тексту і заголовків (пам'ятаєте, шрифти можуть трохи відрізнятися в Adobe Photoshop і в браузері).
• Кольори, які використовуються для сайту
• Відповідність фігурних елементів згідно макету
• Кросбраузерность - як відображається сайту в різних браузерах Chrome, Firefox, Internet Explorer, Opera і Safari

Перевірка технічної частини і коду сайту

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

Перевірити Мова сайту, кодування (може використовуватися тільки одна UTF-8 або Windows-1251).

Для цього необхідно відкрити код сторінки використовуючи поєднання клавіш Ctrl + U і подивитися як на прикладі мова сайту lang = "ru-RU", кодування charset = "UTF-8"

Перевірка адаптивності

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

Перевірка функціоналу

На цьому етапі необхідно:

• Самостійно виконати переходи по всім можливим пунктам меню, банерів, внутрішнім посиланням на сайті.
• Перевірити форми, повідомлення при неправильно заповнених полях
• При наявності пошуку перевірити як функціонує пошук по сайту і які виводяться результати пошуку
• Перевірити форми реєстрації та формат повідомлень на email
• Для інтернет магазину перевірити функціонал кошика, оформити замовлення з разимі варіантами оплати і способами доставки.
• Інтеграцію з соціальними мережами, як відображається сайт, коли зробити репост сторінки в Facebook Google+

Висновок, додавання, редагування контенту

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

Доступність для редагування контенту на сайті через адмін панель

Швидкість завантаження сайту

Для виконання даної перевірки можна використовувати сервіс PageSpeed ​​Insights https://developers.google.com/speed/pagespeed/insights/?hl=ru

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

Базова SEO оптимізація сайту

• На що звернути увагу виконуючи перевірку базової оптимізації?
• Наявність метаданих title, description, keywords
• Наявність заголовків H1, H2, H3
• Редіректи: з www на без www або навпаки, з index.php, index.html на сторінку без index.php, index.html
• При підключеному ssl сертифікат, редирект всіх сторінок сайту з http: // на https: //, відсутність внутрішніх посилань з http: //
• Карту сайту sitemap.xml
• Наявність файлу robots.txt
• Хлібні крихти - відповідність url сторінки
• Реалізацію ЧПУ url сторінок сайту
• 404 сторінку
• Логічну вкладеність сторінок сайту в url адресу

контент

Для перевірки унікальності контенту можна використовувати сервіси https://text.ru/ , https://content-watch.ru/

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