Как оценить качество сайта?

В сети Интернет есть множество статей, рассказывающих о том, как определить пригодность интернет-ресурса для закупки ссылок на нем.  Но они не подходят для оценки сайтов, продающих не ссылки, а реальные товары или услуги. Как человек, не знакомый с тонкостями web-разработки, может оценить качество сайта?

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

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

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

Способы, которые приведены ниже, доступны каждому. Конечно, они не дадут вам полной экспертной оценки. Для этого всё равно нужен будет специалист.  Однако, проверив любой сайт при помощи данных ниже рекомендаций, вы сможете составить свое собственное непредвзятое мнение.

В каких случаях может понадобиться оценка качества сайта?

1. Выбор исполнителя на разработку сайта. Не все компании умеют делать качественные интернет-ресурсы. Некоторые только обещают и рисуют красивые дизайны.
2. Оценка только что созданного сайта. Таким образом, заказчик может примерно определить,  насколько эффективно он вложил деньги.
3. Сайт есть, а результатов нет. Это самая распространенная ситуация. Заказали, сделали, работает. Но люди не заходят, формы не заполняют, ничего не заказывают или делают это в гораздо меньшей степени, чем хотелось бы. Происходит что-то непонятное и совершенно не ясно, что предпринять.  Как правило, в таких случаях нанимают seo-специалиста и перекладывают всю эту огромную головную боль на его плечи.  Тут сразу важно отметить — если сайт не работает так, как задумано, то придется его менять. Ситуация: «Вот вам интернет-ресурс. Продвигайте его в ТОПы, повышайте конверсию, но только ничего на нем не трогайте. Нам все нравится» — не прокатит.  Если компания серьезная, а не однодневная, то ничего хорошего она такой политикой не добьется. Хороший интернет-ресурс продвигает себя сам.  Поэтому  дешевле сразу заказать хороший сайт, чем сначала дешевый, а потом хороший.  И тут мы возвращаемся к пункту №1 данного списка.

Так как же понять, кто умеет делать качественные сайты?

Параметры для оценки качества сайта

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

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

Качество дизайна

Дизайн – вещь очень субъективная. Именно поэтому наиболее часто изменяемая, подвергаемая бесконечным АB-тестированиям и вызывающая наибольшее количество споров.  Однако существуют некоторые объективные общие для всех параметры, которые можно и нужно оценить.

Есть вещи, с которыми вопросов, скорее всего, не возникнет, потому что ими редко пренебрегают дизайнеры:

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

— правильное сочетание цветов (если сочетание всех используемых в дизайне сайта цветов встречается в природе, то все хорошо или можно воспользоваться таблицами сочетания цветов, которых достаточно в интернете);

— шрифт не слишком большой, но достаточно крупный для комфортного прочтения  без дополнительного напряжения глаз;

— единый стиль для всех страниц сайта…

Важно помнить следующее:

1. Яркие цвета в общем оформлении интернет-проекта нивелируют фотографии. Если сайт продает вещи, примеры которых будут показаны в виде фотоизображений, то общее оформление должно быть лаконичным. Только так яркие фотографии смогут произвести правильный эффект. Если же на сайте показывать товар не планируется,  то вполне допустимо создание определенного настроения при помощи яркого броского оформления.
2. Дизайн должен соответствовать направленности, стратегии и общему стилю компании. То есть он должен быть выполнен в корпоративных цветах или иметь какие-то узнаваемые элементы, которые сохраняться при редизайне. Сайт должен соответствовать потребительской аудитории (для молодежи современный и стильный; для деловых людей с применением инновационных технологий, но лаконичный;  для продажи недорогих товаров простой). Конечно, у любого бизнеса, должна быть стратегия развития и рекламная стратегия. Безусловно, будущий сайт создается с их учетом. Если компания по доставке грузов выделяет скорость доставки как основное свое преимущество, то весь сайт должен быть воплощением этой скорости.
3. Как известно, дьявол кроется в мелочах. Обратите внимание на аккуратность элементов дизайна: четкие изображения, отсутствие рваных линий, тени, похожие на тени, а не на размазанную грязь и тп.

В процессе обсуждения качества внешнего вида сайта хотелось бы отметить важность адаптивной верстки. Вы на коне, если ваш сайт корректно отображается не только во всех браузерах, но и на всех типах устройств. В том числе на мобильных. Можно, конечно, по этому поводу еще немного поспорить. Сказать, что есть сайты, на которые с мобильных не ходят. По своему опыту могу сказать, что не ходить могут только по одному единственному поводу – невозможно нормально ознакомиться с сайтом. И пока одни спорят, другие просто молча заказывают новый, адаптивный дизайн сайта.

Параметры определения качества верстки сайта

1. Аккуратное распределение элементов по сетке. Откройте сайт и мысленно разделите экран на блоки. Получилась ли у вас ровная сетка? Если да, то все в порядке. Важно еще проверить, чтобы элементы в верхней части страницы и ниже ложились на сетку ровно, а не отставали от нее на 1-2 пикселя.
2. Валидность. Верстка сайта задается в таблицах стилей CSS. Это код.  Любой код должен быть валидным. Сразу скажу, что 9 из 10 разработчиков будут утверждать, как будто валидность кода – это полная чушь. Тем легче вам будет сделать выбор. Правда в том, что хороший программист (неважно в какой области) всегда будет стремиться к аккуратному коду.

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

Помимо проверки качества верстки посредством анализа CSS, будет целесообразно сразу оценить валидность HTML. Это тоже очень важно и позволяет определить уровень технического исполнения сайта. Чтобы быть до конца объективным, можно проверить валиднось HTML не для сайта из портфолио, а сайта самой студии. Простой незакрытый тег в одной из публикаций делает код невалидным. Вот почему сейчас приходится отдавать интернет-проекты в техподдержку или нанимать в штат хорошего контент-менеджера. Но сайт веб-студии наполняет сама веб-студия. У них не должно быть проблем с неправильной разметкой публикаций.

Определение качества сайта по скорости загрузки страниц

Есть такое понятие, как техническая оптимизация сайта. Это один из параметров продвижения интернет-ресурса в сети. Но выполнить его могут только программисты.  Техническая оптимизация включает в себя целый комплекс  мер. Она достаточно обширна. Часть этих мер направлена на увеличение скорости загрузки страницы.

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

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

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

Оценка качества сайта посредством анализа url

ЧПУ (человекопонятные url) уже стали классикой, доброй традицией, которой не стоит пренебрегать. Желательно делать ЧПУ даже для новостных разделов. Вдруг в какой-то из новостей будут ключевые запросы, которые помогут привлечь целевых клиентов.  Это полезно для продвижения.

Проследите, чтобы в составе url не было спецсимволов «?», «=», “&”. Например, вопросительный знак в составе адреса страницы, скорее всего, означает, что этот же контент подгружается и по другим, похожим адресам. То есть в зависимости от CMS, на которой реализован сайт, поисковые системы могут обнаруживать на вашем интернет-ресурсе до пяти дублей страниц (может и больше, но на моей практике не было). Дубли страниц уменьшают ценность сайта для поисковой системы. А если учесть, что на самом деле их на вашем интернет-ресурсе нет, то вдвойне неприятно.

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

Безопасность сайта

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

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

1. Если на сайте для пользователя предусмотрена возможность загрузки файла, то должен быть определен перечень типов файлов, которые допускаются для этого действия. О том, какие форматы можно загружать, должно сообщаться где-то рядом с кнопкой для загрузки. Попробуйте загрузить файл не того формата и убедитесь, что система проверяет что в нее пытаются записать.
2. Проверить сайт на SQL уязвимость помогает символ «’» . Поставьте его куда-нибудь в крайней части адреса страницы. Например,  строчку типа my-site/catalog/odezhda измените на my-site/catalog/ode’zhda/ Сайт должен отдать 404 ошибку. Сайт не должен выдавать никаких предупреждений или ошибок другого типа. Также сайт не должен грузить какую-то другую страницу вместо той, которую вы запрашиваете.

Есть еще xss-атаки. Проверить сайт на уязвимость по этому параметру позволяют специальные сервисы. Но, к сожалению, адекватных и бесплатных их представителей мне обнаружить, пока, не удалось.

Чек-лист способов оценки качества сайта

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

1. Оцените, насколько хорошо прорисованы детали
2. Посмотрите, сколько ошибок выдает валидатор CSS
3. Проверьте количество ошибок валидности HTML
4. Оцените скорость загрузки страниц и корректное отображение на всех типах устройств
5. Побродите по сайту, не применяя фильтры и другие инструменты для поиска. Посмотрите, не встречаются ли в адресе страниц знаки «?», «=», «&».
6. Попробуйте поставить апостроф в адрес страницы и посмотрите, отдаст ли сайт 404.

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