10 вещей, о которых нужно вспомнить перед запуском веб-сайта

Вольный перевод статьи «10 Things to remember before launching a website»

Вы доделали дизайн, сверстали все страницы и установили систему управления контентом... что теперь? Запуск сайта сопряжен со множеством мелочей, которые частенько забываются в спешке перед подходом дедлайна. Ниже представлен список из 10 пунктов, о которых нужно вспомнить перед запуском сайта.

1. Кроссбраузерное тестирование

Тестирование сайта в различных браузерах вероятно один из самых «невеселых» этапов разработки. Но, как и посещение стоматолога, это необходимое зло.

Необходимо протестировать сайт в нескольких браузерах, делая особый упор на те, которыми пользуется целевая аудитория вашего будущего проекта. Убедитесь также, что сайт более-менее хорошо отображается и функционирует в менее популярных браузерах. Уделите особое внимание «проблемным» элементам дизайна, таким как скругленные углы, тени, прозрачность и т.д.

Ресурсы для кроссбраузерного тестирования:

2. Система статистики и аналитики

Эти системы могут представить вам широкий спектр информации о вашем сайте и его посетителях. Вы сможете отслеживать поисковые запросы, популярность страниц и разделов вашего сайта, переходы на ваш сайт из внешних источников и многое другое. Эта информация поможет вам проанализировать популярность вашего сайта и отдельных его разделов, понять кто и почему заходит на ваш сайт, эффективней управлять наполнением, обновлением и раскруткой сайта.

Системы статистики и аналитики:

3. Фавиконка

Шагните на один шаг дальше в оформлении сайта и создайте фавиконку, которая будет отображаться в адресной строке браузера рядом с URL. Иконка также поможет пользователям более точно идентифицировать ваш сайт, когда они добавят ссылку на него себе в закладки. Фавиконка должна быть простой и запоминающейся.

В дальнейшем можно использовать иконку как аватар в Твиттере или блоге.

Ресурсы для создания фавиконок:

4. Рамки вокруг ссылок и изображений

Если стандартные рамки не часть вашего дизайна, то лучше их все-таки убрать. Делается это двумя простыми строчками в вашем css-файле:

img a {border:none;}
a {outline:none;}

5. Проверка форм

Иногда можно так увлечься тестированием дизайна сайта в различных браузерах, что велика вероятность напрочь забыть о проверке функциональности форм в вашем проекте. Также необходимо дополнительно проверить направление отсылки данных заполненной формы.

6. Грамматические и пунктуационные ошибки

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

Проверка орфографии и грамматики в вашем проекте — это еще один способ показать заказчику, что вы выложились на все сто. Речь, конечно, не идет о том, чтобы дословно вычитывать все тексты заказчика, однако еcли вы заметите ошибку — дайте знать о ней. Заказчик будет счастлив :).

Ресурсы по проверке орфографии:

7. «Битые» ссылки

В спешке, отлаживая функциональность и дизайн сайта, часто забывают о «битых» ссылках (ссылках на несуществующие страницы, документы, изображения).

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

W3C Link Checker

8. Мета-теги

Не забудьте добавить мета теги на страницы вашего проекта. Их влияние на поисковую оптимизацию спорно, но хуже точно не будет.

9. 404 страница

Рано или поздно появление «битых» ссылок, особенно на крупных проектах, неизбежно. Будьте готовы к этому! Создайте страницу 404, чтобы пользователи не потерялись, пройдя по нерабочей ссылке.

Ресурсы о 404 странице:

10. 301 редирект

Если вы перезапускаете сайт, то необходимо установить переадресацию старых URL вашего сайта. Для этого достаточно добавить примерно такую строчку в ваш файл .htaccess:

Redirect 301 /oldpage.html http://www.yoursite.com/newpage.html