5.3. Тестування сайту

http://*****/articles/seo/glavnye-oshibki-v-rabote-nad-saitom. html

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

Головні помилки в роботі над сайтом

1. Створення сайту «заради галочки».

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

2. Розміщення застарілих даних.

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

3. Створення «порожніх» сайтів.

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

4. Ігнорування заходів для залучення цільової аудиторії.

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

НЕ нашли? Не то? Что вы ищете?

5. Перевантаження сайту графікою.

У гонитві за якістю і красою деякі веб-дизайнери втрачають почуття міри. Результатом їх роботи стає величезне число зображень, анімації та графіки на сайті. Веб-ресурс перетворюється в «різнобарвну ковдру», втрачає смак, діловий стиль, серйозність і солідність. До того ж велика кількість графічних елементів буде довго завантажуватися і цим викликати роздратування (особливо у користувачів з низькою швидкістю Інтернет-з'єднання).

6. Відсутність на сайті чіткої і добре продуманої структури.

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

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

7. Розбіжності між назвою і змістом сайту.

У разі, коли заявлена «назва» сайту не відповідає дійсному змісту ресурсу відвідувач відчуває себе обдуреним і незадоволеним. Добитися успіхів подібними методами неможливо. Якщо сайт називається «Кулінарні рецепти», то не можна на його сторінках продавати автомобілі!

8. Нерозбірливі шрифти і складні форми реєстрації.

При виборі фону для тексту, групи шрифтів, розмірів і стилів, необхідно пам'ятати про потенційних читачів. До цього ж класу помилок можна віднести заскладні реєстраційні форми і незрозумілі зображення для «capture» (контрольний код, який потрібно ввести для підтвердження особи).

9. Смуги прокрутки.

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

Горизонтальна смуга прокрутки не допускається взагалі!

10. Помилки в тексті.

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

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

6. Невірна розстановка пріоритетів.

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

10. Погане тестування сайту перед запуском.

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

Незалежне тестування ресурсу на працездатність допомагає виявити помилки й недоліки на самих ранніх стадіях.

Підводячи підсумки, можна рекомендувати всім розробникам (власникам сайтів) перевірити власні проекти на наявність вищеописаних помилок. Навіть невеликі відступи здатні призвести до непередбачуваних наслідків. Важливо розуміти, що сайти створюються для людей. Людина, на відміну від робота, відразу помітить всі "грішки" й неточності!

Тестування перед запуском сайту

http://*****/post/57702/

А. Вміст (контент) і дизайн

Типографіка і верстка. Правильність розділових знаків, особливо апострофів, лапок, дефісів, тире. Перевірка орфографії і граматики. Несуперечність (цілісність) інформації. Наявність заголовних літер в заголовках, абзацах, надписах тощо. Доречний стиль (манера) написання текстів. Однакові загальні фрази, які повторюються (наприклад, посилання «Детальніше»). Урізноманітнення тексту синонімами та різними варіантами сполучення слів (з врахуванням конкретної аудиторії сайту). Однакове закінчення пунктів списків (наприклад, точки або коми в кінці кожного пункту). Перевірка посилань на їх вірне скерування, переконання в цьому після перенесення на «робочий» сервер. Відсутність тестового текстового наповнення замість реального. Перевірка виведення на друк найбільш важливих сторінок. При редизайні існуючого сайту, переконатися, що існуючі (старі) посилання, перескеровуються на відповідні нові URL-адреси. Наявність прихованих текстів (наприклад, альтернативний текст для зображень, текст у функціях JavaScript).

B. Відповідність до стандартів

Доступність для людей з обмеженими можливостями. Валідність коду HTML і CSS. Працездатність JavaScript.

C. Видимість в пошукових системах, SEO та метрики

Заголовки сторінок є дуже важливими, тому, слід використовувати змістовні заголовки з відповідними ключовими словами. Наявність короткого опису в тегах meta для різних сторінок. Перевірка домену для канонічних запитів (наприклад, запит за адресою , www. і www. / index. html повинні призводити до запису одного виду в адресному рядку). Наявність семантично вірної розмітки (застосовано теги заголовків, мікроформати тощо). Наявність ключових слів в тексті сторінок. Форматування URL-адрес для користувачів і пошукових роботів. Налаштування Google Analytics, FeedBurner або інших серверів для стеженням за просуванням сайту. Наявність XML Sitemap. Налаштування Google Webmaster Console або інструментів Яндекс. Вебмастер.

D. Функціональне тестування

Перевірка роботи всіх обов'язкових функцій сайту. Перевірка роботи пошукового механізму на сайту (включаючи релевантність результатів). Перевірка сайту в популярних браузерах (IE, Firefox, Opera, Chrome тощо), їх різних версіях і операційних системах (Windows, OSX, Linux). Перевірка відображення сторінок при різних роздільних здатностях. Тестування роботи всіх форм (наприклад, реєстрація, зворотній зв'язок, додавання коментаря в блог), в тому числі анти-спам фільтри, шаблони листів, що відправляються тощо. Тестування сайту при вимкненому JavaScript, Flash чи інших плагинах. Перевірка правильності зовнішніх посилань.

E. Забезпечення безпеки (зниження ризиків)

Налаштування розкладу резервного копіювання, перевірка результату відновлення з резервної копії. Захист критично важливих сторінок (наприклад, розділ адміністрування сайту). Наявність конфігураційних файлів robots. txt та.haccess. Тестування безпеки і засобів унеможливлення злому. Вимикання виведення текстових повідомлень про помилки. Перевірка розміру доступного дискового простору. Налаштування повідомлень електронною поштою чи SMS (наприклад, про помилки або збої сервера) для системи внутрішнього та зовнішнього моніторингу. Перевірка продуктивності системи. Тестування працездатності сайту при різних навантаженнях. Здійснити оптимізацію зображень. Розроблення і перевірка кешування, де це необхідно. Перевірка загального розміру сторінки і часу її завантаження. Оптимізація і очищення коду JavaScript, HTML, CSS файлів. Оптимізація CSS: використання коротких шляхів для зображень, спадкування властивостей тощо. Перевірка правильності створених індексів в таблицях бази даних. Перевірка налаштування конфігурації на кожному рівні (веб-сервер, база даних, CMS та інші програми). Налаштування формування лог-файлів на веб-сервері і сервері бази даних.

F. Заключні штрихи

Створення користувацьких сторінок для помилок 404 та інших. Створіть іконку favicon для сайту.

Після запуску

G. Маркетинг

Організація соціального маркетингу: Twitter, LinkedIn, Facebook, ВКонтакте тощо. Додавання сайту до відомих каталогів. Організація різного роду реклами: банерної, контекстної, замовні статті, обмін посиланнями. Перевірка інформації про сайт в результатах пошукової видачі.

H. Поточні перевірки

1. Стеження і реагування на звернення зворотного зв'язку (отриманих безпосередньо, на сайтах соціальних мереж тощо).

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

3. Періодичне оновлення контенту.