25 способов сделать сайт лучше
Andrew Faulkner, 10 июля 2007
Я составил список из 25 способов улучшения сайта, каждый пункт этого списка можно выполнить за несколько минут, а в результате существенно повысить качество сайта.
Юзабилити/Аксессибилити
Это очень важно: если пользоваться сайтом неудобно, то мало кто будет его посещать.
- Навигация: Навигация должна быть простой и последовательной — убедитесь, что она доступна и понятна для тех, кто впервые на сайте.
- Поиск: У вас еще нет поиска? Почему? Иногда он нужен пользователю. Конечно, сделать поиск своими руками задачка не на 5 минут, но можно воспользоваться готовыми решениями, например Google.
- Кликните здесь: Зачем? Пользователю придется читать все предшествующее описание (чего он возможно не хочет), чтобы понять, о чем речь. Используйте осмысленные фразы: «Загрузить график доход/расход», «Прослушать подкаст дающий пищу для размышлений».
- Атрибуты
titleиalt: Используйте их правильно. Если вы совсем не используете их, начните с навигации и элементов, повторяющихся на каждой странице. - Главное: Если вы используете код, который может раздражать пользователя, например, изменять окно браузера, открывать страницы в новом окне, то уберите его. То, что вам нравятся такие вещи еще не значит, что они нравятся и вашим посетителям.
Поисковая оптимизация — SEO
Вы же хотите, чтобы вас нашли.
- Заголовок страницы (тег
title): Добавьте последовательные и отражающие содержание заголовки к каждой странице. Если заголовки уже есть, проверьте, не слишком ли они длинные, и хорошо ли они отражают содержание страницы. - Ссылки: Внутренние ссылки (внутри основного текста) столь же важны, как и внешние. Кроме улучшения юзабилити, вы получаете возможность точно определить текст и заголовок ссылки.
- Усиливайте ключевые слова: Самое простое, что можно сделать — это выделить ключевые слова и фразы с помощью тега
strong. Конечно, злоупотреблять не следует, но при умеренном подходе эта техника может дать положительный результат. - Заголовки: Правильное использование заголовков (
h1, ,h6), дает фантастический эффект. Тегh1— наиболее важный, постарайтесь использовать в нем ключевые слова. - Перебор: При оптимизации нужно помнить о пользователе: некоторые приемы могут разрушить все, что с таким трудом сделано для посетителей. Избегайте черного SEO — это ходьба по битому стеклу.
Дизайн/Разработка
Это ваша страсть — покажите ее.
- Изображения: Создавая превосходную графику, не забывайте ее оптимизировать: далеко не у всех пользователей высокая скорость соединения.
- Дизайн начинается с наброска: Не обязательно запускать графический редактор, чтобы начать разработку дизайна. Сделайте несколько набросков на бумаге, используйте различную разметку и расположение элементов, думайте больше о функциональности, чем об эстетике.
- Контраст/Размер шрифта: Контраст и размер шрифта должны быть приемлемыми. И хотя Святого Грааля в этой области нет, обратите внимание на полезные рекомендации: Цвет и контраст, Контраст, Читабельность, Подбор цветовой схемы. Cпросите мнение других людей: у вас может быть хорошее зрение, не всем так повезло.
- Логичность и последовательность: Нет ничего хуже, чем сайт, который работает недостаточно последовательно или с ошибками.
- Тестирование: Проверьте (или попросите других, на каждом форуме дизайнеров есть такой раздел) сайт в различных условиях работы. Старайтесь делать это каждый раз после значительного обновления, к счастью, это не требует много времени.
Содержание
Именно за ним люди приходят на сайт.
- Текст/Пространство: Часто можно слышать: «нужно заполнить это место и впихнуть как можно больше текста», не поддавайтесь — это ловушка. Слишком плотный и мелкий текст, с недостаточными отступами, утомляет и раздражает читателя.
- Пишите для вашей аудитории: Могут ли люди понять ваш текст? Думайте о вашей аудитории и избегайте фраз, которые понятны не всем.
- Корпоративная гордость: Cравните «We provide 200 megaunits of wobble-sprockets to our worldwide, global markets» и «We can provide a wobble-sprocket to you anywhere in the world» (буду очень благодарен, если кто-нибудь из читателей красиво переведет эти слоганы). Говорите с читателем, заинтригуйте его, не стесняйтесь.
- Используйте заинтересованность: Если посетитель дочитал материал до конца, это значит, что ему интересна эта тематика, вместо того чтобы сразу отпускать его, предложите подходящую статью или продукт.
- Цели: При создании контента всегда представляйте цель страницы и цель посетителя, старайтесь совместить их.
Прочее
Потому что сайт это еще не все.
- Участие в других проектах: Чтобы получить трафик и известность, посещайте форумы, блоги и порталы вашей тематики, принимайте участие в их деятельности, помогайте людям советами, давайте полезные ссылки. Уделяйте этому 10 минут в день, и вы получите качественный тематический трафик. Избегайте спама.
- Изучайте: Стараясь помочь советом, не забывайте слушать. Слушайте коллег, конкурентов и потенциальных клиентов, вы многое узнаете, даже если будете просто свидетелем работы других.
- Используйте вирусный маркетинг: Не только в почтовых рассылках и новостях (что требует времени и денег), но и в общении — расскажите что-нибудь уникальное о вас, вашей компании, или сайте друзьям, коллегам или клиентам, всегда есть шанс, что они станут распространять эту информацию, а вы получите хороший трафик, потратив минутку на разговоры.
- Будьте собой: Не старайтесь соответствовать онлайновым стереотипам, просто будьте собой. Бизнес и его онлайновое представительство должны быть похожи и узнаваемы.
- Спам: Не используйте спам. Каждый раз, когда вы прибегаете к спаму, падает авторитет вашей компании или сайта. Это все равно, что запихивать листовку в рот потенциальному заказчику в реальном мире.
Вот и все. Я надеюсь, что этот список подскажет вам, как быстро улучшить различные аспекты вашего сайта и маркетинга. Конечно, он не является всесторонним. Эволюция — вот настоящий ключ к совершенству. Улучшайте, слушайте отзывы, думайте и снова улучшайте.

















Шильгия 10 июля, 2007 21:51 #
ужас.. в статье SEO - Should search engines matter in your campaign? какой-то совершенно неудобоваримый грузный яваскрипт.
Евгений 10 июля, 2007 22:14 #
Я немного отредактировал вашу ссылку, потому что столь длинная строка без возможности разрыва может сломать разметку в каком нибудь не очень одаренном браузере.
Посмотрел, там есть сжатые скрипты (выглядят неудобоваримо), в том числе достаточно объемная библиотека jQuery, возможно вы говорите о ней.
Денис 10 июля, 2007 22:20 #
Хорошая статья
Спасибо огромное, за такие полезные статьи... ждём продолжения;)
IamLogo 10 июля, 2007 23:13 #
мои 5 копеек
а еще прочитайте Ани Фио "Рентабельный веб-дизайн"
Tokolist 10 июля, 2007 23:19 #
ИМХО
Ничего нового из статьи не вынес. Все это уже давно и неоднократно упоминалось другими авторами...
...возможно полезность данной статьи только в том что все собрано в одном месте, коротко и по сути, а так...
DezmASter 11 июля, 2007 9:39 #
многие статьи - суть нового ничего не несут, это полезные знания собранные в одном флаконе и хорошо описанные.
Tokolist, глупо надеятся на то, что в 25 способах сделать сайт лучше будет что-то инновационное. Просто потому что инновационному тут не место.
Sam 11 июля, 2007 11:30 #
Повторение - мать учения
Хоть я это и знаю, новичкам будет очень полезно...
mongoose 11 июля, 2007 14:36 #
Спасибо, за то, что информацию в одном месте.
Кстати, у вас кажется опечатка в статье «Загрузит (ь) график доход/расход»
Tokolist 11 июля, 2007 22:15 #
Я и не спорю, что большинство статей являются "компиляцией", но из этих статей я должен узнать что-то новое, вынести что-то полезное, хотя бы самую малость (ИМХО). И на это я рассчитываю читая статью полностью, а тут разочарование :) выходит я зря потратил время :) вот я и высказал это в комментариях ;) Я ж не говорил: "Не читайте статью товарищи!"
Возможно для других статья окажется полезней...
Дима 14 июля, 2007 20:17 #
Очень неровные советы.
«Не обязательно запускать графический редактор, чтобы начать разработку дизайна» -- хороший, а «избегайте черного SEO» -- так себе.
«При создании контента, всегда представляйте цель страницы и цель посетителя, старайтесь совместить их» -- тоже хороший.
Но странных советов как-то слишком много.
Использование заголовка h6 не даст фантастического эффекта. Обоснованность такого уровня вложенности вообще трудно себе представить.
«Нет ничего хуже, чем сайт, который работает … с ошибками». Вот уж правда :)
«Не используйте спам. Каждый раз, когда вы прибегаете к спаму, падает авторитет вашей компании или сайта». Но в определенный момент авторитет падает до такой отметки, что уже можно продолжать спамить совершенно безнаказанно :)
Tokolist 14 июля, 2007 21:03 #
> «избегайте черного SEO» — так себе.
В принципе, да. Черный СЕО - это палка с двумя концами :)
> Использование заголовка h6 не даст фантастического эффекта. Обоснованность такого уровня вложенности вообще трудно себе представить.
Читай внимательно: Правильное использование заголовков (h1, … , h6), дает фантастический эффект.
Я это понимаю так: не использовать их где попало, а использовать для логического разбиения текста. Если нет большого уровня вложенности, то и не используй лишние теги ;)
> Но в определенный момент авторитет падает до такой отметки, что уже можно продолжать спамить совершенно безнаказанно :)
Судя по письмам, которые я получаю у многих компаний авторитет упал ниже плинтуса :)), а совесть находится глубоко в ж...
Дима 14 июля, 2007 21:52 #
2 Tokolist:
Я всего лишь говорю, что советы неровные :)
«Часто можно слышать: «нужно заполнить это место и впихнуть как можно больше текста...» Это где можно часто слышать?
«Поиск: У вас еще нет поиска? Почему?» Потому что у меня сайт из пяти страниц и трёх фотографий.
«Главное: если вы используете код, который может ... изменять окно браузера...» Это действительно так часто происходит? Это и вправду главное?
Кстати, странно, этот сайт подписывает на уведомления по почте автоматически. Тоже не слишком хороший тон.
Шильгия 14 июля, 2007 22:06 #
> «Часто можно слышать: «нужно заполнить это место и впихнуть как можно больше текста…» Это где можно часто слышать?
Это очень распространённое пожелание у заказчиков. Очень часто им приходится объяснять, что не надо бояться пустоты. Почему-то кажется, что обилие текста создаёт впечатление большей информационной насыщенности.
> «Поиск: У вас еще нет поиска? Почему?» Потому что у меня сайт из пяти страниц и трёх фотографий.
Возможно в статье речь о сайтах с бОльшим количеством контента? Хотя в некоторых случаях и для сайта из трёх страниц поиск был бы не лишним ;)
> «Главное: если вы используете код, который может … изменять окно браузера…» Это действительно так часто происходит? Это и вправду главное?
К сожалению, да.
> Кстати, странно, этот сайт подписывает на уведомления по почте автоматически. Тоже не слишком хороший тон.
Подписываюсь. Галочку бы поставить не мешало.
Евгений 14 июля, 2007 22:09 #
Собрать 25 одинаково полезных советов, задача не простая (тем более, что одному полезно, другому давно известно), я на это и не надеялся когда переводил. Но даже если половина советов полезна, я буду рад.
>Кстати, странно, этот сайт подписывает на уведомления по почте автоматически. Тоже не слишком хороший тон.
Мне показалось, если вы что-то говорите то хотите услышать ответ. Бывает найдешь интересный материал в сети выразишь свое мнение, а проверить ответил ли автор (или не автор) времени не хватает, со временем вообще забываешь об этом, обидно.
Галочку добавлю это не проблема.
Дима 14 июля, 2007 22:41 #
Здорово было бы при переводе избавляться от некотрых глупостей. Редакторская правка такая...
Да, галочку нужно, а то так неожиданно письма приходят.
Ткач 16 июля, 2007 18:42 #
Да, такие вещи просто необходимо читать одновременно с комментариями :)
Автору спасибо за труд.
Александр 23 июля, 2007 15:09 #
А-га! СТатья типа "10 способов похудеть без проблем!".
fanex 24 июля, 2007 18:15 #
> Это очень распространённое пожелание у заказчиков. Очень часто им приходится объяснять, что не надо бояться пустоты. Почему-то кажется, что обилие текста создаёт впечатление большей информационной насыщенности.
Тут не последнюю роль играет терминология. Например, вместо "пустоты" лучше использовать слово "воздух". "Оставить пустоту" и "дать воздуху" вроде бы одно и тоже, но объяснить заказчику почему нужно "дать воздуху" легче :)
25 способов сделать сайт лучше | Flamediz - блог о дизайне 1 августа, 2007 16:15 #
[...] Источник: 25 Ways To Improve Your Site Today Перевод: designformasters.info [...]
Алексей Евстратов 1 августа, 2007 22:45 #
Вирусный маркетинг
Дело хорошее вирусный маркетинг. Прочел по этому поводу большую статью Сета Година. Вроде всё понятно. Но без какого либо прикола или классного марк хода ни фига он не нужен никому. Сделал три электро книги, пустил в свободное плаванье, толку ноль. Может времени мало прошло, всего пару месяцев. Ну и наверное надо всюду трезвонить о своих книгах, что бы их побольше скачивали, и что бы "вирус" начал действовать.
Кукалякин 8 августа, 2007 19:13 #
«We provide 200 megaunits of wobble-sprockets to our worldwide, global markets» и «We can provide a wobble-sprocket to you anywhere in the world»
Фразы на испорченном американском, если сохранить их дух, то примерно так можно перевести.
"Мы предлагаем сто тыщ мильенов наших хреновин на рынках, расположенных по всему миру."
и "Мы предлагаем вам наши хреновины везде, где бы вы ни находились."
Павел Воронин 11 августа, 2007 23:17 #
Спасибо большое за чудесный перевод! Очень рад, что именно сейчас наткнулся на эту статью.
Игорь 11 августа, 2007 23:39 #
Спасибо за информацию. А нельзя ли дать для начинающих подборку ссылок на подобные статьи? Именно ДЛЯ НАЧИНАЮЩИХ и НЕ ПРОФЕССИОНАЛОВ. Т.е., что б они были написаны на "обывательском" языке? )))) Ведь иногда информацией по своему профилю хочет поделиться в сети специалист, не имеющий отношения к верстке, дизайну (так, начальное самообразование). Согласен, что каждый должен заниматься своим делом, но заказывать сайт на стороне не всегда возможно.
Евгений 12 августа, 2007 14:43 #
Игорь
Постараюсь подобрать материалы полезные для начинающих, подписывайтесь на RSS, не уверен, что это будет подборка ссылок, возможно просто несколько статей.
Vedmak 12 августа, 2007 20:57 #
Есть такая статья на A List Apart с подбором ссылок для начинающих The ALA Primer Part Two: Resources For Beginners. И в комментариях к ней тоже дают ссылки.
Игорь 2 сентября, 2007 21:58 #
Vedmak , спасибо за ссылку. Но я и по-русски то со словарем...)))))