Оценка вашего веб-сайта: дизайн; навигация; Технические атрибуты

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

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

Дизайн

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

1. Случайному посетителю сразу понятно, чем занимается ваша компания (позволить это делать не сотруднику)?

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

2. Ваш логотип выглядит профессионально? Будь честным.

Если вы не платили профессионалу за создание вашего логотипа, а вместо этого использовали предварительно упакованный логотип или попросили друга или родственника сделать это бесплатно, то есть очень большая вероятность, что ваш логотип будет выглядеть так, как будто он был сделан любителем… потому что это было. Помните, что сделанный правильно, ваш логотип обеспечит вам [хорошую] узнаваемость бренда. Люди часто отказываются тратить здесь несколько долларов, но этот логотип повлияет на дизайн как ваших онлайн-материалов, так и ваших печатных материалов, и если он поначалу будет выглядеть плохо, вы можете ожидать, что последующие маркетинговые материалы последуют этому примеру.

3. Доступен ли вообще ваш сайт [для инвалидов]?

W3C (Консорциум всемирной паутины) опубликовал рекомендации по использованию, чтобы гарантировать, что ваш веб-сайт может быть просмотрен людьми с ограниченными зрением, зрением и движением или без них. Чтобы многие из этих людей могли просматривать веб-страницы, им нужна помощь специальных инструментов, которые либо увеличивают экран, либо читают им содержимое вслух. Хотя может показаться сложной задачей сделать ваш сайт доступным, правда в том, что, по крайней мере, работая над достижением базового уровня доступности, вы помогаете всем своим посетителям. Основные руководящие принципы в основном гласят:

• Отделите структуру от презентации . Это означает, что не делайте весь свой сайт во Flash или из изображений. Это также означает использование правильных базовых тегов для форматирования и кадрирования вашего контента.
• Укажите текст и текстовые эквиваленты . Это означает, что на вашем сайте должен быть текст (да) и что любые изображения на вашем сайте помечены текстом, описывающим изображения. Это хорошо для доступности, а также для того, чтобы сделать ваш сайт удобным для поисковых систем (SEF). Это убивает двух зайцев одним выстрелом.
• Сделайте контент понятным и доступным для навигации . Это означает использование правильных ссылок на сайте для навигации, правильных заголовков и ограничение использования нетрадиционной навигации, ссылок и ориентации страницы.

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

4. Вы покупали изображения и графику для своего веб-сайта?

Если на вашем веб-сайте есть картинки из вашего Microsoft Word или изображения, которые вы только что нашли в Интернете и сохранили, или просто не содержит изображений, то это красный флаг. Как мы упоминали ранее, ваши посетители могут определить разницу между качеством и мусором, и если вы используете клип-арт, вы склоняетесь к последнему. Во-вторых, если вы просто позаимствовали некоторые изображения с других сайтов, то вы воруете и нарушаете закон. Тоже не хорошо. Покупка изображений может быть очень дешевой (во многих случаях от 1 до 10 долларов за каждое) и сделать ваш сайт более профессиональным (вероятно, потому, что изображения сделаны профессионалами). Обратите внимание, что когда я говорю изображения, я имею в виду не только фотографии. Это включает в себя фоны, иллюстрации и т. д.

5. Выглядит ли ваш сайт одинаково на каждой странице?

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

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

Навигация

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

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

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

2. Сколько кликов вам нужно, чтобы перейти с главной страницы на важную информацию?

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

3. Нужно ли вам вручную обновлять HTML или другой код, чтобы добавить элемент меню?

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

4. Есть ли на вашем сайте битые ссылки или страницы в разработке?

Неработающие ссылки похожи на дверь в магазине, ведущую в кирпичную стену. Не нужно много раз заходить лицом в один магазин, прежде чем клиенты уйдут в другое место. Иметь статус «В разработке» — это так же плохо, а то и хуже. Если ваш контент недоступен, значит, он недоступен. Либо напишите контент и разместите его, либо не размещайте ссылки, пока у вас не будет контента. Представьте, что вы заходите на сайт CNN в поисках статьи и обнаруживаете, что единственная часть, которая была написана, — это заголовок, а остальная часть «скоро появится». Ты бы не вернулся. Ваши посетители ничем не отличаются.

5. Проводили ли вы какие-либо юзабилити-тесты схемы навигации перед запуском сайта?

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

Технические атрибуты

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

1. Загружается ли какая-либо страница на вашем сайте более четырех секунд?

Четыре секунды — это много, когда вы пытаетесь просто получить какую-то информацию. Представьте, что вам требуется четыре секунды, чтобы перевернуть страницу в книге. Читать было бы неинтересно. Ваш сайт ничем не отличается. Протестируйте его на быстрых и медленных соединениях, чтобы увидеть, как все загружается. Правильно написанный код, ограниченное количество сценариев, правильное использование (не чрезмерное использование) графики и хороший хостинг — все это способствует скорости загрузки страницы. Если какие-либо из ваших страниц загружаются так долго, исправьте их. Люди не будут жаловаться на них, они просто уйдут и найдут другое место, где контент загружается с нужной скоростью.

2. Ваш сайт заставляет людей загружать плагины для правильной работы?

Единственный плагин, который вам стоит подумать об использовании на своем веб-сайте, — это Adobe Flash. Если пользователям необходимо загрузить что-либо еще, значит, ваш сайт работает неправильно. Люди находятся на вашем сайте не для того, чтобы что-то делать, а получать информацию или покупать вещи. Прекратите заставлять их делать больше работы, чем необходимо для выполнения этих задач.

3. Используете ли вы Microsoft FrontPage или Word для создания веб-страниц?

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

4. Используете ли вы какую-либо систему управления контентом для управления своим сайтом? Если да, то?

Системы управления контентом (CMS) — это часть программного обеспечения, которое находится на веб-сервере и помогает вам управлять структурой, навигацией, дизайном и контентом на вашем веб-сайте. Если вы в настоящее время просто загружаете страницы через FTP, то, скорее всего, вы не используете CMS. Вы должны быть. CMS имеет встроенные функции, удобные для поисковых систем, и позволяет вам добавлять плагины и модули, которые расширяют и расширяют функции вашего веб-сайта с минимальным кодированием или без него. Они также позволяют выполнять полный поиск вашего контента по умолчанию и предлагают множество функций, упрощающих управление вашим контентом и его обновление. Самое приятное то, что многие из них бесплатны (Joomla, Drupal, WordPress, DotNetNuke). Дни редактирования ваших веб-страниц в DreamWeaver, FrontPage или других HTML-редакторах прошли. Это тема, о которой написаны тысячи статей, но в данном случае не использовать CMS нехорошо.