Поисковая оптимизация (SEO, от Search Engine Optimization) – это процесс увеличения количества посетителей сайта путем продвижения его в списке, который выдается поисковыми системами при поиске по ключевым словам. Известно, что пользователи редко заглядывают на вторую или третью страницу результатов поиска, так что вы, вероятно, хотите вывести свой сайт на первую страницу или даже занять первое место на ней. Для этого придется должным образом оптимизировать его и подстроить соответствующим образом код страниц.
Подберите оптимальные ключевые слова
Выбор оптимальных ключевых слов может быть как элементарной, так и крайне сложной задачей в зависимости от сценария сайта. Избегайте общих формулировок, так как оптимизировать сайт под них будет крайне сложно. Выбирайте максимально специфицированные ключевые слова: к примеру, если вы фрилансер и живете в Мельбурне, то отличным вариантом комбинации ключевых слов будет фрилансер, Мельбурн или фрилансер, веб-разработки, Мельбурн, а вот комбинация фрилансер или веб-разработки пользы не принесет.
Разработайте несколько вариантов комбинаций ключевых слов. Попробуйте предположить, какие слова с наибольшей вероятностью будут искать через поисковики и комбинируйте, исходя из этого.
Контент в центре внимания
Содержание сайта – это самое важное. Даже если вы пользовались черной магией вуду для поднятия рейтинга сайта в поисковиках, то ему все равно требуется убедительный и качественный контент, ведь как только посетитель, не найдет то, что искал, он немедленно покинет ваш сайт.
Качественное содержание – основа оптимизации. Содержание сайта должно представлять именно то, ради чего люди на него заходят. Контент также должен быть интересным и вызывать у читателя желание и даже необходимость вернуться на ваш сайт.
Уникальность содержания также немаловажна: не думайте, что вы можете просто скопировать текст с другого сайта, добавить пару ключевых слов, и этого будет достаточно. Вам потребуется много уникального контента с ключевыми словами в нем – вплетайте ключевые слова в текст на сайте, но не злоупотребляйте ими в ущерб смыслу текста: если на сайте будет слишком много ключевых слов, он попадет в спам-списки поисковиков.
Кроме уникальности, очень важно своевременное обновление контента. Обновляемый контент интересен посетителям, кроме того, регулярно обновляемые сайты привлекают ботов и, соответственно, занимают более высокие позиции в рейтинге поисковых систем. Однако не стоит обновлять содержимое только «для галочки», достаточно просто периодически добавлять новости или полезную информацию для ваших пользователей, и все будет в порядке.
Выберите правильное доменное имя
Найти оптимальное доменное имя для сайта не так-то просто. По возможности, постарайтесь использовать в имени ключевые слова: например, адрес www.webdevelopmentaustralia.com будет более интересен пользователям, чем адрес www.somecompany.com. Хотя скорее всего домены, содержащие нужные вам ключевые слова, уже заняты.
Имена, только частично состоящие из ключевых слов, могут выглядеть странно, однако не забывайте о том, что ключевое слово в имени сайта – это всегда хорошо.
Создавайте привлекательные URL
Использование схемы URL, при которой параметры передаются через адреса ресурсов, может осложнить сканирование вашего сайта поисковиками. Более того, когда вы используете идентификаторы сессии в качестве части адреса ресурса, то автоматически создаете отдельный адрес для каждой сессии, причем содержимое сайта в процессе этих сессий практически не меняется. Так вы можете оказаться в черном списке поисковых систем за дублирование контента – впрочем, об этом мы поговорим позже.
Удобные для чтения, а также для восприятия ботами адреса предпочтительнее, чем традиционные URL-адреса, состоящие исключительно из параметров веб-страниц. Так, адрес www.somecompany.com/games/2009/callofduty6 намного лучше, чем www.somecompany.com/index.php?cat=game&year=2009&name=callofduty6. Создавая адреса, старайтесь избегать добавления в них дат: лучше www.somecompany.com/blog/seobasics, чем www.somecompany.com/blog/2009/09/09/seobasics.
Создавайте релевантные заголовки страниц
Текст заключенный в теги title отображается в заголовке окна вашего браузера. Заголовок – одна из самых важных частей сайта. Не побоюсь заявить, что он стоит на втором месте после содержания.
У каждой страницы сайта должен быть свой заголовок, содержащий ключевые слова страницы. Схема Название страницы -> Имя сайта – предпочтительнее, чем схема Имя сайта -> Название страницы. Не стоит делать заголовок слишком коротким, но и слишком длинным ему быть ни к чему: оптимальная длина – это 60 символов.
Не пытайтесь втиснуть в заголовок как можно больше ключевых слов. Если поисковые боты обнаружат большое количество ключевых слов в заголовке, ваш сайт будет помечен как спам. Не забывайте, что в результатах поиска выдается именно текст заголовка сайта, так что вам придется найти способ отразить в нем как можно больше информации, но при этом избежать спама.
Подкорректируйте мета-элементы
Мета-элементы имели большое значение раньше, когда боты поисковых систем сканировали сначала мета-описание сайта, а затем уже ключевые слова. Когда с ними в этом стали конкурировать спамеры, поисковые боты начали ориентироваться в основном на ключевые слова.
Впрочем, оптимизировать мета-элементы все же не помешает. Мета-элементы – это текст, который кратко описывает ваш сайт. Постарайтесь ограничиться 200 буквами, позаботьтесь о простых формулировках, правописании, а также не забудьте добавить парочку ключевых слов. Для каждой страницы создайте отдельное описание.
Оптимизируйте структуру сайта
Существует множество вариантов представления содержания сайта, расположения бокового меню и организации навигации по сайту. Тем не менее, рекомендуется расположить основное содержание сайта максимально близко к тегу body. Если перед контентом необходимо разместить другие элементы, то используйте CSS вместо того, чтобы ставить перед контентом разметку.
В нижней части страницы лучше всего расположить ссылки на другие элементы сайта. Не оставляйте нижнюю часть пустой – можете разместить в ней ссылки на свежие или самые популярные посты, но все же не перегружайте эту область ссылками.
Используйте правильные теги
При верстке сайта пользуйтесь целесообразными тегами. Чаще всего используются теги заголовков, многие вместо тегов div заключают всю важную информацию в теги заголовков, что абсолютно неверно: дело в том, что теги заголовков задают иерархический порядок информации на странице, и именно в таком виде информацию воспринимают боты. Так что для выделения заголовков используйте h1, для заголовка разделов – h2 и т.д.
Если вы включаете в контент кусок кода, используйте тег pre. Если считаете какой-либо фрагмент текста крайне важным, выделяйте его жирным шрифтом. Боты, как и читатели, сразу замечают выделенный текст – однако, как всегда, не переборщите, если не хотите, чтобы вас обвинили в распространении спама.
Используйте ссылки правильно
Создавая ссылки, старайтесь избегать представления их в традиционной форме «читать далее», это не будет способствовать оптимизации. Лучше сделайте ссылку частью текста, это не так сложно, как кажется – к примеру, вместо «читать дальше» напишите «узнайте еще больше про оптимизацию». Совсем немного усилий, а для оптимизации очень полезно.
Делая ссылки на другие разделы сайта, постарайтесь использовать максимально конкретные формулировки. Так, ссылка «Портфолио» выглядит лучше, чем «Что я умею делать». Может, второй вариант и звучит интереснее, но для целей оптимизации больше подойдет первый.
Используйте внутренние ссылки
Не бойтесь создавать перекрестные ссылки на сайте. Если страниц мало, то ссылки на них можно просто вынести в боковое меню. Если много, то основные разделы укажите в меню, а ссылки на остальные предоставляйте по ходу дела.
Кстати, на каждой странице можно разместить раздел с самыми популярными постами – это поможет оптимизации и сделает ваш сайт более интересным для пользователей. Этот вариант в любом случае будет беспроигрышным.
Сделайте сайт открытым и легкодоступным
Не забывайте, что поисковые системы предназначены для того, чтобы помочь пользователям попасть на ваш сайт – так что вы создаете сайт именно для них, не забывайте об этом.
Дополните все изображения на сайте атрибутами ALT – это пригодится и для хорошей разметки. По возможности включите в ALT-текст ключевые слова. Помните, что боты не воспринимают картинки как таковые, так что могут ориентироваться только на текст, поэтому использование ключевых слов поможет им решить, соответствует картинка запросу или нет. И, как всегда, не увлекайтесь описаниями – делайте их краткими и емкими.
Не прячьте содержимое сайта за компонентами JavaScript или Flash. В противном случае поисковые системы его не увидят, и никакой оптимизации у вас не получится.
Избегайте дублирования контента
Поисковая система Google крайне негативно относится к сайтам с повторяющимся контентом, даже в случае, если сайты с одинаковым содержимым находятся на разных доменах. Если один и тот же контент будет замечен на разных страницах, сайт немедленно будет занесен в черный список.
Не размещайте одно и то же на разных страницах сайта. При этом текст в нижней части страницы может повторяться, но только в том случае, если он недостаточно большой, чтобы считаться статьей.
На вашем сайте может предлагаться опция «версия для печати», которая предполагает использование повторяющегося содержимого. В этом случае используйте robotx.txt, чтобы страница не сканировалась поисковиками.
Используйте robots.txt
Создайте файл robots.txt, чтобы иметь возможность разрешать или запрещать поисковикам сканировать различные части вашего сайта. Разместите этот файл в корневой части сайта, и поисковики будут считаться с вашими пожеланиями.
Вы можете как полностью запретить сканирование некоторых страниц, так и разрешить его только определенным поисковым системам. Более детальную информацию ищите здесь.
Создайте карту сайта
С помощью карты сайта поисковые системы получат информацию обо всех страницах вашего сайта, включая те, которые по каким-либо причинам не были просканированы. В идеале следует создать HTML-карту для пользователей и XML-карту для поисковиков и дать ссылку на обе карты.
Избегайте использование фреймов
Я не устаю повторять, что фреймы – это очень плохо, как с точки зрения веб-разработчиков, так и для поисковых систем. Дело в том, что содержимое, находящееся внутри фреймов, автоматически становится невидимым для поисковиков.
Достаточно одного фрейма для того, чтобы поисковики упустили целый кусок контента, так что без крайней необходимости не стоит использовать обрамление фрагментов сайта фреймами.
Сократите код до минимума
Под сокращением кода я понимаю следующее: Разнесите JavaScript и CSS по разным файлам. Поисковики их не воспринимают, так что лучше исключить их из основного кода. Создайте отдельные файлы, а затем подключите их к коду.
Никакой демонстрационной разметки. Это не только полезно для оптимизации, но и вообще идеальный вариант. Ваша HTML-разметка – не место для того, чтобы решать, как именно должно выглядеть содержание, а уж поисковикам совершенно не обязательно знать, как выглядит ваш сайт. Отформатируйте код, оставив в нем только самое необходимое, и не захламляйте разметку.
Не используйте только флэш-навигацию
Вроде бы это само собой разумеется, но многим дизайнерам и веб-разработчикам, похоже, наплевать на это правило. Поисковики не видят флэш-контент, а если вся навигация организована через флэш, им просто не на что будет смотреть.
Если ваш сайт полностью основан на флэш-технологиях, то создайте текстовую версию специально для поисковых систем – так они смогут найти ваш сайт. Конечно, это займет некоторое время, но это лучше, чем если ваш сайт так и останется никому не известным.
Используйте общую схему доменного имени
Остановитесь на общей схеме имени домена и придерживайтесь ее в дальнейшем. Я предпочитаю адреса вроде www.somename.com, а кому-то больше нравятся такие: http://somename.com. Выберите определенный формат и используйте только его.
Также решите, нужно ли ставить символы / в конце адреса. Для поисковых систем www.somename.com/seo и www.somename.com/seo/ — разные адреса, и вас вполне могут наказать за повторяющийся контент. Чтобы этого избежать, используйте файл .htaccess, который будет автоматически перенаправлять пользователей по выбранному вами адресу. А боту он будет сообщать, что данная страница удалена.
Заявите о себе
Если ваш сайт только появился и еще не проиндексирован, можно начать с внесения его в список поисковых систем и демонстрации в галереях. Это не только будет способствовать оптимизации, но и привлечет вам немалое количество траффика.
Впрочем, обменивайтесь ссылками только с теми, кому вы полностью доверяете – если отправлять ссылки всем подряд, можно рано или поздно нарваться на бан. Ограничьтесь крупными поисковиками и галереями.
Перепроверьте сайт на наличие нерабочих ссылок
Ничто так не отпугивает поисковых ботов, как ссылки, которые ведут на несуществующие страницы – особенно если такие ссылки находятся на главной странице сайта, так что следите за тем, чтобы у вас их не было.
Создайте страницу 404 на случай, если поисковик направит пользователя по старому адресу и напишите на этой странице новый адрес.
Используйте равные по уровню сайты
Этот способ весьма эффективен, хотя и не дает быстрых результатов. В идеале схема выглядит так: есть множество сайтов, на которых расположены ссылки на ваш сайт и его разделы. Каждая такая ссылка – это в некотором роде «голос», который разместивший ее сайт отдает за ваш сайт. Сами понимаете, что если на ваш сайт так много ссылок, то у пользователей создается впечатление, что, наверное, он того стоит.
К сожалению, на практике все не так радужно, и получение результатов от размещения ссылок на партнерских сайтах требует много времени и усилий. Единственное, что поможет вам преуспеть в этом деле – это хороший контент. Чем лучше ваш контент, тем чаще на вас будут ссылаться, и тем выше станет ваш рейтинг.
Не связывайтесь с фермами ссылок и тому подобными сомнительными предприятиями, или же вы быстро, сами того не подозревая, окажетесь в черном списке. Пользуйтесь легальными партнерскими сетями сайтов.
среда, Октябрь 28, 2009
пятница, Октябрь 23, 2009
Самые раздражающие явления в современном Интернете
Вот интересный список явлений, которые больше всего раздражают пользователей в современном вебе.
1. Ленивая активность
Теперь чтобы выразить свой протест, достаточно просто присоединиться к группе в Facebook или ретвитнуть запись из микроблога. Однако такие протесты являются гораздо менее эффективными, чем традиционные митинги и марши. Это с успехом было продемонстрировано в Иране при попытке свергнуть режим Махмуда Ахмадинежада.
2. Сообщения о сообщениях
Наши почтовые ящики забиты сообщениями из Facebook, Twitter и других социальных сайтов о том, что кто-то присоединился к нашему кругу или написал нам сообщение. Пока не будет создано приложение, позволяющее читать сообщения из Twitter и Facebook непосредственно в своем почтовом ящике, мы будем страдать от этого огромного потока ненужных уведомлений.
3. Капча
Только Интернет просит своих пользователей доказать, что они люди. Головоломки, которые предлагают капчи, зря тратят наше время. Если предположить, что на распознавание и ввод данных из капчи тратится 10 секунд, то все интернет-пользователи мира на это бессмысленное занятие ежедневно тратят 150 тыс. часов. С каждым годом капчи становятся все сложнее.
4. Гуру социальных медиа
Знание о существовании Twitter и о том, как правильно вести микроблог, не может быть признаком успешной карьеры.
5. Всплывающая реклама
Все знают, что обычные баннеры и контекстная реклама приносят дохода меньше, чем всплывающие окна. Однако более раздражающие элементы веб-серфинга сложно себе представить.
6. Интернет везде, и в постели тоже
Вначале Интернет был только в гостиной. Теперь благодаря Wi-Fi и ноутбукам Интернет есть везде, даже в постели.
7. История заказов Amazon
Через много лет после покупки на Amazon на почтовый ящик приходят письма, связанные со студенческими научными исследованиями. Даже если это были книги по психологии самоубийств или альбомы по искусству.
8. Все было сделано до нас
Если у вас возникла идея, то будьте уверены, что в прошлом году кто-то уже получил под нее финансирование или приступил к бета-тестированию.
9. Педантизм комментаторов
Если бы конституция США была опубликована в Интернете, можно быть уверенным, что первые комментаторы придрались к орфографическим ошибкам и общей небрежности текста.
10. Интернет постоянно крадет наше время
Закрыв браузер хотя бы на пару часов в выходные или вечерами, можно было бы обеспечить пару лишних звонков родителям или встреч с офлайновыми друзьями.
11. Слишком широкие для браузера сайты
Хотя веб-стандарты существуют давно, все еще есть авторы сайтов, которые их не придерживаются. Горизонтальная прокрутка в браузере - одно из самых больших зол.
12. Кросс-платформенное общение
Слишком большое количество способов коммуникации приводит к сложностям. Общение то по электронной почте, то по Facebook, то в интернет-мессенджере приводит к тому, что нить беседы теряется. И если хочешь восстановить разговор в памяти, нужно вспомнить, каким именно способом он совершался.
13. Вирусные атаки и спам
Это вечное зло Интернета более чем очевидно. Количество вирусов и спама с каждым днем только увеличивается.
14. Уведомления о новых вирусах и аферах
Те пользователи, которые активно читают новости, ежедневно встречают сообщения об изобретении новых способов заражения, фишинга и распространения вредоносного кода. Тут поневоле задумаешься о том, а не опасен ли обычный веб-серфинг.
15. PDF-файлы
В современном Интернете давно пора признать файлы этого формата устаревшими.
16. Порно везде
Несколько лет назад актер Джек Николсон заявил, что он намеренно отключил свой компьютер от Интернета. Причина этого поступка состояла в следующем: «Там так много порно, что мне бывает сложно выйти из дома».
17. Сайты, которые не поддерживают кнопки «Назад» и «Вперед» в браузерах
Мы настолько привыкли к навигации с помощью этих двух кнопок, что без них работать довольно непривычно.
18. Обязательные поля в формах на веб-страницах
Регистрация на многих сайтах до сих пор является делом утомительным. Нужно указать и номер мобильного телефона, и адрес, индекс, и многое другое.
19. Жизнь после 1990-го
В Сети можно оперативно найти мнения людей, статьи и другие новости, появившиеся после 1990 года. То, что происходило до этого, в большинстве случаев Интернету неведомо.
20. Враждебное отношение к новичкам
Наиболее успешными являются онлайн-сообщества, объединяющие людей с общими интересами. Однако в таких сообществах часто присутствует предвзятое и слишком враждебное отношение к новичкам.
21. Рекомендации по вводу пароля
Одни сайты хотят пароль, состоящий из восьми символов, другие – из сочетания букв и цифр, третьи говорят, что использующееся ранее слово теперь не подходит, т.к. оно слишком очевидно.
22. Автоматический запуск видео
И не только видео, а любой звук, который воспроизводится при открытии веб-страницы. Иногда это довольно пугающе.
23. Сайты с советами
Количество таких сайтов с каждым днем все увеличивается. Однако читая их, создается впечатление, что такие советы написаны для очень глупых людей.
1. Ленивая активность
Теперь чтобы выразить свой протест, достаточно просто присоединиться к группе в Facebook или ретвитнуть запись из микроблога. Однако такие протесты являются гораздо менее эффективными, чем традиционные митинги и марши. Это с успехом было продемонстрировано в Иране при попытке свергнуть режим Махмуда Ахмадинежада.
2. Сообщения о сообщениях
Наши почтовые ящики забиты сообщениями из Facebook, Twitter и других социальных сайтов о том, что кто-то присоединился к нашему кругу или написал нам сообщение. Пока не будет создано приложение, позволяющее читать сообщения из Twitter и Facebook непосредственно в своем почтовом ящике, мы будем страдать от этого огромного потока ненужных уведомлений.
3. Капча
Только Интернет просит своих пользователей доказать, что они люди. Головоломки, которые предлагают капчи, зря тратят наше время. Если предположить, что на распознавание и ввод данных из капчи тратится 10 секунд, то все интернет-пользователи мира на это бессмысленное занятие ежедневно тратят 150 тыс. часов. С каждым годом капчи становятся все сложнее.
4. Гуру социальных медиа
Знание о существовании Twitter и о том, как правильно вести микроблог, не может быть признаком успешной карьеры.
5. Всплывающая реклама
Все знают, что обычные баннеры и контекстная реклама приносят дохода меньше, чем всплывающие окна. Однако более раздражающие элементы веб-серфинга сложно себе представить.
6. Интернет везде, и в постели тоже
Вначале Интернет был только в гостиной. Теперь благодаря Wi-Fi и ноутбукам Интернет есть везде, даже в постели.
7. История заказов Amazon
Через много лет после покупки на Amazon на почтовый ящик приходят письма, связанные со студенческими научными исследованиями. Даже если это были книги по психологии самоубийств или альбомы по искусству.
8. Все было сделано до нас
Если у вас возникла идея, то будьте уверены, что в прошлом году кто-то уже получил под нее финансирование или приступил к бета-тестированию.
9. Педантизм комментаторов
Если бы конституция США была опубликована в Интернете, можно быть уверенным, что первые комментаторы придрались к орфографическим ошибкам и общей небрежности текста.
10. Интернет постоянно крадет наше время
Закрыв браузер хотя бы на пару часов в выходные или вечерами, можно было бы обеспечить пару лишних звонков родителям или встреч с офлайновыми друзьями.
11. Слишком широкие для браузера сайты
Хотя веб-стандарты существуют давно, все еще есть авторы сайтов, которые их не придерживаются. Горизонтальная прокрутка в браузере - одно из самых больших зол.
12. Кросс-платформенное общение
Слишком большое количество способов коммуникации приводит к сложностям. Общение то по электронной почте, то по Facebook, то в интернет-мессенджере приводит к тому, что нить беседы теряется. И если хочешь восстановить разговор в памяти, нужно вспомнить, каким именно способом он совершался.
13. Вирусные атаки и спам
Это вечное зло Интернета более чем очевидно. Количество вирусов и спама с каждым днем только увеличивается.
14. Уведомления о новых вирусах и аферах
Те пользователи, которые активно читают новости, ежедневно встречают сообщения об изобретении новых способов заражения, фишинга и распространения вредоносного кода. Тут поневоле задумаешься о том, а не опасен ли обычный веб-серфинг.
15. PDF-файлы
В современном Интернете давно пора признать файлы этого формата устаревшими.
16. Порно везде
Несколько лет назад актер Джек Николсон заявил, что он намеренно отключил свой компьютер от Интернета. Причина этого поступка состояла в следующем: «Там так много порно, что мне бывает сложно выйти из дома».
17. Сайты, которые не поддерживают кнопки «Назад» и «Вперед» в браузерах
Мы настолько привыкли к навигации с помощью этих двух кнопок, что без них работать довольно непривычно.
18. Обязательные поля в формах на веб-страницах
Регистрация на многих сайтах до сих пор является делом утомительным. Нужно указать и номер мобильного телефона, и адрес, индекс, и многое другое.
19. Жизнь после 1990-го
В Сети можно оперативно найти мнения людей, статьи и другие новости, появившиеся после 1990 года. То, что происходило до этого, в большинстве случаев Интернету неведомо.
20. Враждебное отношение к новичкам
Наиболее успешными являются онлайн-сообщества, объединяющие людей с общими интересами. Однако в таких сообществах часто присутствует предвзятое и слишком враждебное отношение к новичкам.
21. Рекомендации по вводу пароля
Одни сайты хотят пароль, состоящий из восьми символов, другие – из сочетания букв и цифр, третьи говорят, что использующееся ранее слово теперь не подходит, т.к. оно слишком очевидно.
22. Автоматический запуск видео
И не только видео, а любой звук, который воспроизводится при открытии веб-страницы. Иногда это довольно пугающе.
23. Сайты с советами
Количество таких сайтов с каждым днем все увеличивается. Однако читая их, создается впечатление, что такие советы написаны для очень глупых людей.
Правило юзабилити №1 – будьте проще
Так уж мы люди устроены – если что-то не запрещено, отчего бы это не сделать? Если на веб-странице могут отображаться картинки, отчего бы не сделать красивый png-заголовок в пол экрана? Если современные браузеры поддерживают Flash, что нам мешает написать на нем целый сайт? По началу, конечно, будет немного непривычно. И время загрузки немного увеличиться. Подумаешь!
Создавая сайт, нужно думать не о том, чтобы удивить заказчика или проявить свои творческие способности. В первую очередь необходимо сделать свой продукт удобным для пользователя. В конечном счете, пользоваться сайтом будете не вы, и не заказчик, а посетители. А откуда они берутся? Правильно, в основном, из поисковых систем.
А раз так, значит, посетитель находится в поисках какой-то конкретной информации. У него нет времени на то, чтобы оценить ваши дизайнерские изыскания. Равно как и на то, чтобы исследовать непривычный ему интерфейс. Зачем делать какую-то работу, если, во-первых, от нее нет никакой пользы (и хорошо, если при этом нет вреда), и, во-вторых, ее никто не оценит? Не лучше ли потратить свое время не более полезные вещи?
Посмотрите на дизайн поисковой системы Google или Википедии. Что первое бросается в глаза? Минималистический интерфейс в стиле “синие ссылки на белом фоне” и много, очень много, полезной информации. Вот что нужно пользователям. Вот что заставляет их снова и снова посещать ваш сайт.
Создавая новые сайты, будьте консервативны. Когда-то пользователи сидели за маленькими мониторами и подключались к интернету через Dial-Up. Казалось бы, теперь высокоскоростной интернет и плоские мониторы с широкой диагональю повсюду. Ура, можно создавать более “тяжеловесные” сайты, рассчитанные на разрешение экрана 1280×1024!
Ан, нет! Во-первых, во многих регионах подключение к интернету остается довольно дорогим удовольствием. Тратить деньги на новенькие компьютеры хотят также далеко не все. Во-вторых, теперь в моду входят нетбуки и смартфоны. С последних очень многие подключаются к сети через дорогостоящий GPRS. Снова маленькие мониторы и низкая скорость подключения. История повторяется.
Разумеется, вовсе отказываться от размещения на сайте картинок или применения Ajax, пожалуй, не стоит. Делайте сайты простыми настолько, насколько это возможно. Если можно обойтись без Flash, лучше избежать его применения (а обойтись без него можно практически везде). Будьте умеренно консервативны. Этим вы обеспечите вашему сайту долгую жизнь и высокую посещаемость.
Создавая сайт, нужно думать не о том, чтобы удивить заказчика или проявить свои творческие способности. В первую очередь необходимо сделать свой продукт удобным для пользователя. В конечном счете, пользоваться сайтом будете не вы, и не заказчик, а посетители. А откуда они берутся? Правильно, в основном, из поисковых систем.
А раз так, значит, посетитель находится в поисках какой-то конкретной информации. У него нет времени на то, чтобы оценить ваши дизайнерские изыскания. Равно как и на то, чтобы исследовать непривычный ему интерфейс. Зачем делать какую-то работу, если, во-первых, от нее нет никакой пользы (и хорошо, если при этом нет вреда), и, во-вторых, ее никто не оценит? Не лучше ли потратить свое время не более полезные вещи?
Посмотрите на дизайн поисковой системы Google или Википедии. Что первое бросается в глаза? Минималистический интерфейс в стиле “синие ссылки на белом фоне” и много, очень много, полезной информации. Вот что нужно пользователям. Вот что заставляет их снова и снова посещать ваш сайт.
Создавая новые сайты, будьте консервативны. Когда-то пользователи сидели за маленькими мониторами и подключались к интернету через Dial-Up. Казалось бы, теперь высокоскоростной интернет и плоские мониторы с широкой диагональю повсюду. Ура, можно создавать более “тяжеловесные” сайты, рассчитанные на разрешение экрана 1280×1024!
Ан, нет! Во-первых, во многих регионах подключение к интернету остается довольно дорогим удовольствием. Тратить деньги на новенькие компьютеры хотят также далеко не все. Во-вторых, теперь в моду входят нетбуки и смартфоны. С последних очень многие подключаются к сети через дорогостоящий GPRS. Снова маленькие мониторы и низкая скорость подключения. История повторяется.
Разумеется, вовсе отказываться от размещения на сайте картинок или применения Ajax, пожалуй, не стоит. Делайте сайты простыми настолько, насколько это возможно. Если можно обойтись без Flash, лучше избежать его применения (а обойтись без него можно практически везде). Будьте умеренно консервативны. Этим вы обеспечите вашему сайту долгую жизнь и высокую посещаемость.
Правило юзабилити №2: сайт — для посетителей
Вы наверное не один раз видели блоги, имеющие два сайдбара с правой стороны. Пользователю для полного счастья достаточно виджетов с облаком меток и наиболее популярными статьями. Однако администратор также хочет разместить в сайдбаре счетчики посещаемости, рекламу, список последних добавленных комментариев и тд. Тут одного сайдбара становится уже мало, потому администратор эгоистично решает занять четверть страницы бесполезной для посетителей информацией.
По неизвестным причинам, многие вебмастера страдают патологическим желанием любыми средствами сделать свой сайт красивее и фичастей, чем у соседа. На ранних стадиях заболевания на сайте появляется header весом 100 Кб. В особо тяжелых случаях болезнь проявляется в появлении ботов на Flash и прочих никому не нужных украшательств. Как следствие – страдают посетители сайта. В качестве лечения больному рекомендуется перечитывать это статью три раза в день перед едой.
В различных каталогах (статей, файлов и тд — не важно) функция поиска по сайту является одной из самых востребованных, что не сложно проверить. А раз так, почему бы не сделать эту функцию достаточно гибкой? Попробуйте найти все фильмы, в которых снялся Киано Ривз, на любом популярном торрент-трекере, и вы убедитесь, что их администраторы не удосужились позаботиться о гибкости функции поиска.
На новостных порталах и в блогах достаточно востребованной является функция почтовой рассылки. Однако довольно часто она либо вообще не представлена, либо никак не документирована. Посетителей, желающих подписаться на рассылку, интересует масса вопросов — как часто производится рассылка, содержит ли она рекламу, возможно ли от нее отписаться и тп. Если, оставив комментарий на пост в вашем блоге, посетитель будет получать email-уведомление о каждом новом комментарии без возможности отписаться, можете быть уверены, что больше он на ваш сайт не вернется.
Часто администраторы сайтов, в погоне за поддержкой функций, которых нет у конкурентов, забывают об интересах пользователей. Администраторы почтовых рассылок на Subscribe.ru, должно быть, понимают, о чем речь. В интерфейсе системы, как говориться, без ста грамм не разобраться. Чего стоит только ссылка на форму отправки новой рассылки, расположенная в полутора экранах от начала страницы.
Выделив общие черты перечисленных ошибок, можно сформулировать второе правило юзабилити: «Cайт создается для посетителей». При управлении сайтом думайте о пользователе и задавайте себе вопросы. Откуда и зачем он к вам приходит? Как ему помочь, или хотя бы не мешать, достичь своей цели?
По неизвестным причинам, многие вебмастера страдают патологическим желанием любыми средствами сделать свой сайт красивее и фичастей, чем у соседа. На ранних стадиях заболевания на сайте появляется header весом 100 Кб. В особо тяжелых случаях болезнь проявляется в появлении ботов на Flash и прочих никому не нужных украшательств. Как следствие – страдают посетители сайта. В качестве лечения больному рекомендуется перечитывать это статью три раза в день перед едой.
В различных каталогах (статей, файлов и тд — не важно) функция поиска по сайту является одной из самых востребованных, что не сложно проверить. А раз так, почему бы не сделать эту функцию достаточно гибкой? Попробуйте найти все фильмы, в которых снялся Киано Ривз, на любом популярном торрент-трекере, и вы убедитесь, что их администраторы не удосужились позаботиться о гибкости функции поиска.
На новостных порталах и в блогах достаточно востребованной является функция почтовой рассылки. Однако довольно часто она либо вообще не представлена, либо никак не документирована. Посетителей, желающих подписаться на рассылку, интересует масса вопросов — как часто производится рассылка, содержит ли она рекламу, возможно ли от нее отписаться и тп. Если, оставив комментарий на пост в вашем блоге, посетитель будет получать email-уведомление о каждом новом комментарии без возможности отписаться, можете быть уверены, что больше он на ваш сайт не вернется.
Часто администраторы сайтов, в погоне за поддержкой функций, которых нет у конкурентов, забывают об интересах пользователей. Администраторы почтовых рассылок на Subscribe.ru, должно быть, понимают, о чем речь. В интерфейсе системы, как говориться, без ста грамм не разобраться. Чего стоит только ссылка на форму отправки новой рассылки, расположенная в полутора экранах от начала страницы.
Выделив общие черты перечисленных ошибок, можно сформулировать второе правило юзабилити: «Cайт создается для посетителей». При управлении сайтом думайте о пользователе и задавайте себе вопросы. Откуда и зачем он к вам приходит? Как ему помочь, или хотя бы не мешать, достичь своей цели?
Как создать успешный сайт компании?
Разработка
1. Поиск своей доли (ниши) на рынке, предпочтительно с невысокой конкуренцией.
Если вы (ваша компания) имеете огромный бюджет (и немало ресурсов), всеравно, не пытайтесь выйти на рынок, где очень высокая конкуренция. К примеру: сайты на тему видеоигр, такие как Gamespot.com, Ign.com, или GamesRadar.com, они уже очень популярны на рынке описания видеоигр. Остановите свое внимание на определенной нише этого рынка. Если вы все же решили заняться описанием видеоигр, сосредоточьтесь на части этого рынка, и покройте её полностью.
Для начала, убедитесь, что есть спрос на выбранную вами долю рынка, и есть ли аудитория. Да, вы, конечно, можете создать свой сайт, который будет представлять новости из мира видеоигр для кошек и собак, но вы с трудом найдете собаку или кошку, которая будет посещать ваш сайт и интересоваться новостями.
2. Разработка бизнес-плана.
Для успешности любого сайта нужен хорошо разработанный бизнес-план. Распишите все на бумаге – это никогда не помешает.
3. Выбор хорошего доменного имени.
Доменное имя должно быть:
— Уникальное слово
— Подходящее под вид вашего бизнеса
— Легко понимаемое и произносимое
— Легко запоминающееся
4. Выбор качественного WEB-хостинга.
Если вы решили серьезно взяться за продвижение вашего сайта, то выделенный сервер для хостинга является единственным вариантом. Да, выделенный сервер стоит значительно дороже, чем виртуальный хостинг сервер. Но, как всегда в нашем мире, вы получаете ровно столько, за сколько заплатили. Выбор общего сервера плох из за имеющихся ограничений. Если вы хотите создать успешный сайт, он не для вас.
Дизайн / Макет
1. Основные элементы сайта: Заголовок, меню, содержимое / тело сайта, заключительные элементы.
Практически все популярные сайты имеют общие основные элементы:
— Заголовок — обычно содержит логотип фирмы, ключевую фразу, а иногда и меню.
— Меню — Иногда содержится в заголовке, горизонтально (над или под ним), или вертикально (выше или ниже его) (часто выравнивается по правой или левой стороне сайта)
— Содержимое — основа сайта. Оно содержит основную информацию вашего сайта. Именно ради содержимого люди будут посещать ваш сайт раз за разом.
— Заключение — оно, как правило, содержит информацию об авторских правах, ссылки на основные разделы вашего сайта и/или ссылки на другие сайты вашей фирмы.
2. Логотип и основное отличие.
Уникальный и запоминающийся запомнится вашим посетителям. Без логотипа и других особенностей сайта будет трудно сделать ваш сайт конкурентоспособным.
3. Запоминающийся дизайн.
Знаете поговорку: «Не суди о книге по её обложке»? Большинство людей оценивают сайт не по его конструктивности. Что может быть хуже, чем то, что ваш сайт не будет иметь привлекательно дизайна? Люди могут подумать о вас как о любителе и непрофессионале, и покинуть сайт, не читая его содержимое.
Вывод: Найдите время (или потратьте деньги) на создание привлекательного дизайна сайта.
4. Постарайтесь не перегружать лишней информацией.
Одна из причин непопулярности сайтов — слишком много информации на странице. Постарайтесь свести информацию к минимуму. Это позволит посетителю сосредоточиться на основной информации, которую вы хотите передать, и не позволит отвлекаться на сторонние элементы.
5. Эффективная цветовая схема сайта.
В интернете есть много различных программ, которые помогут подобрать правильную цветовую схему. Попробуйте воспользоваться одной из них.
6. Разработка координирующих центров.
Координирующие центры должны четко выделяться на каждой странице вашего сайта.
Особенности:
— они занимают наибольшую площадь
— обычно выделяются цветом, размером шрифта или другими методами
— это область на странице, которая сразу же привлекает внимание читателей
Без четких координационных центров посетитель может легко запутаться в информации на вашей странице.
7. Расстояние между строками.
Хоть это и небольшая деталь, но иногда необходимо обращать внимание на высоту строк на вашем сайте. Иногда стоит увеличить расстояние между строками, для того чтобы посетителю было намного легче понять и усвоить информацию на сайте.
Расстояние и высота строк должны быть скорректированы в следующих элементах сайта:
— параграфы
— списки
— рисунки
— панели навигации
— заголовки, подзаголовки, подписи
8. Размеры шрифта.
Убедитесь, что размер шрифта на вашем сайте достаточен для того, чтобы посетитель мог легко читать его содержимое. Не рекомендуется использовать шрифт менее 11 пикселей. В настоящее время всё больше и больше сайтов переходят к шрифту размером 13 пикселей и более.
9. Использование белого пространства (воздуха)
Как написано в Википедии, белое пространство это: левая часть страницы, без знаков, сюда входит пространство между изображениями, поля, расстояния между строками, и объектами.
Использование белого пространства играет немаловажную роль на вашем сайте.
10. Главная страница.
Основная цель главной страницы – показать посетителю, о чем собственно ваш сайт.
Если ваша главная страница не привлечет внимание посетителя на 7-10 секунд, то высока вероятность того, что посетитель покинет ваш сайт.
Что должно быть на домашней странице:
— На главной странице должны быть самые интересные новости
— Всё должно быть коротко и легко усвояемо (использование маркированных списков, разделы должны быть четко определены, использование столбцов (не более 3-х), коротких абзацев)
— Покажите вашему посетителю, куда ему двигаться (навигация, поиск, карта сайта)
— Вызовите доверие посетителя (расположите название компании, адрес, номер телефона, E-mail, отзывы ваших клиентов, характеристики), это всё зависит от типа web-сайта.
— Постарайтесь не допускать ошибок.
Использование / Доступность.
1. Понятная и легкодоступная панель навигации.
— Общая панель навигации – отображается на каждой странице вашего сайта
— Оптимальное размещение – отображается в одном и том же месте на всех страницах
— Название – желательно использование текста, нежелательно — изображений
— Расположение – гиперссылки, стили, цвет
— Flash – красивое оформление
2. Использование Flash
Проблема: раньше люди использовали Flash-меню потому, что хотели иметь красивые спецэффекты и анимацию при наведении мышки, или интересных fade in эффектов.
И как ваш сайт будет успешным, если пользователь, не имеющий Flash, не сможет правильно перемещаться по нему?
Решение: Не нужно использовать Flash. Хотя и существуют некоторые ограничения, но 99% пользователей имеют на своем компьютере JavaScript. С его помощью можно достичь того же красивого анимационного эффекта.
Это будет намного проще и доступнее, поскольку не каждый пользователь может включить или даже установить Flash на своем компьютере.
3. HTML карта сайта.
Из Википедии: карта сайта это архитектура Веб сайта. Картой может быть любой документ в произвольной форме используемый в макете сайта, или же Веб страница со списком страниц существующих на сайте, и она, как правило, представляет собой иерархическую структуру.
Карта поможет определить структуру вашего сайта, как пользователю, так и поисковым ботам.
Не путайте карту сайта XML с картой сайта HTML
— Карта HTML создана, чтобы обобщить содержимое вашего сайта, в пределах страниц сайта, для облегчения поиска нужной информации посетителями
— Карта XML создана для того чтоб облегчить поисковым системам обнаружить все ссылки с вашего сайта.
4. Проверка нерабочих ссылок.
При плохой оптимизации сайта поисковики не смогут найти ваш сайт, если у вас много нерабочих мертвых ссылок. Убедитесь, что все ссылки на вашем сайте являются рабочими.
Самостоятельно это сделать довольно трудно, поэтому советую вам пользоваться сторонними программами.
5. Проверка сайта на реальных пользователях (бета-тестирование)
Несмотря на то, что сайт нравится вам, не все могут думать как вы, и не у всех такие же вкусы. Проверку сайта всегда нужно производить на реальных пользователях. (желательно случайных, с которыми вы не знакомы и никогда не встречались). Для вас главное честность, и не все люди скажут вам то, что вы хотите услышать (что ваш сайт самый лучший). Для более высокого результата запустите несколько тестов, чтобы получить больше мнений, жалоб.
6. Рекомендации о доступности Web-содержимого.
Является ли ваш сайт доступным для всех (включая пользователей-инвалидов)? Есть вещи, которые вы должны сделать для того, чтобы сделать Ваш сайт доступным для различных категорий пользователей:
1. Используйте для нетекстовой информации его текстовую альтернативу, чтобы пользователь мог воспринимать информацию в зависимости от своих потребностей (шрифт Брайля, крупный шрифт, звук, символы, или более простой язык).
2. Предоставьте пользователю возможность синхронизировать свое время со временем действия вашей информации.
3. Содержимое должно быть подвижным, чтобы пользователь мог его представить, например, более простой схемой размещения, но без потери информации и структуры.
4. Сделайте для пользователей более удобное восприятие информации, в особенности, чтобы различалось содержимое и фон сайта.
5. Все функции должны быть доступны с клавиатуры.
6. Для пользователей с ограниченными возможностями предоставьте больше времени для восприятия и осознания информации.
7. Не делайте содержимое, которое может вызвать неприязнь.
8. Для пользователей с ограниченными возможностями обеспечьте более простые пути поиска информации.
9. Сделайте содержимое сайта читабельным и понятным.
10. Предоставьте пользователям возможность исправлять ошибки.
11. Максимально оптимизируйте отображение информации в различных браузера.
7. Не использовать или использовать по минимуму Flash
Джейкоб Нильсен (которого называют «королем удобства и простоты») подвел итоги использования технологии Flash:
«Хотя мультимедиа играет свою роль в Интернете, современная технология Flash препятствует удобству и простоте использования по следующей причине: она придает не очень хороший дизайн и потребляет много ресурсов, которые можно было б использовать для более ценных ресурсов сайта»
Информационное наполнение (содержимое)
1. Уникальность содержимого.
Пользователю нужна причина, чтобы посетить ваш сайт. Убедитесь, что содержимое вашего сайта:
— не имеет грамматических и орфографических ошибок
— просто, понятно, доступно
— ориентировано на конкретную аудиторию
— показывает вашу личную принадлежность к информации.
Примечание: в зависимости от типа сайта, содержимое его может зависеть именно от ваших пользователей, а не от вас. Например содержимое таких сайтов как (YouTube, MySpace, Facebook) содержит много, если не всю :) , информации самих пользователей.
2. Регулярное обновление содержимого.
Людям нужна причина чтобы вернуться на ваш сайт. Если у вас есть информация, которую посетители хотят видеть снова и снова, то просто необходимо как можно чаще её обновлять.
В зависимости от типа содержимого, некоторые сайты необязательно обновлять очень часто.
Помните: количество, не значит качество. Быстро выкинуть 10 страниц или сообщений низкого качества в блоге — это столь же эффективно, как и выкинуть 1 страницу или сообщение, но высокого качества. Временные затраты при этом идентичны.
3. Разбиение содержимого заголовками, подзаголовками, рисунками, видео.
Человеку скучно читать тонны сплошного текста. Разбейте текст на параграфы с заголовками, подзаголовками, надписями, изображениями, видео и т.д. Сделайте содержимое визуально интересным.
4. Взаимодействие с пользователем.
Принимать комментарии к информации на вашем сайте, позволить пользователю загружать музыку, видео, рисунки, клипы — это некоторые из вариантов взаимодействия с пользователем. Пользовательское взаимодействие позволяет пользователю ощущать себя частью вашего сайта. Люди всегда хотят, чтобы их услышали, и всегда хотят быть частью чего то.
Еще лучше, если у посетителя будет стимул для взаимодействия с вашим сайтом! Например: отображение 5-ти лучших пользователей вашего сайта, которые больше всего оставили отзывов. Сделайте взаимодействие с сайтом развлечением!
Оптимизация сайта / Стандарты.
1. Веб сайт стандарты / совместимость с браузерами.
Данный сайт работает лучше всего в Internet Explorer 6 с разрешением экрана 400 x 200.
Если вы путешествовали по интернету в начале 90-х, вы, вероятно, сталкивались с подобной оговоркой на сайтах. Раньше вебмастера оптимизировали сайты таким образом, чтобы они отлично смотрелись в одном или двух типах браузеров. Но, если посетитель заходил на сайт через другой браузер, отличный от упомянутого в оговорке, ему не везло.
Введение Веб стандартов, World Wide Web Consortium (W3C), и проекта Web Standards оставило в прошлом оптимизацию сайта для различных браузеров. Но крайне важно, разрабатывая свой сайт, проверить его работу в основных типах браузеров, какими являются:
Internet Explorer 6 (PC),
Internet Explorer 7 (PC)
Firefox (PC, Mac)
Safari (PC, Mac)
Opera (PC, Mac)
2. CSS, минимальное использование таблиц
Тут все понятно. Используйте стили для оформления элементов страницы. Сведите к минимуму использование таблиц. Переходите на блочную верстку сайтов.
3. Проверка правильности CSS/XHTML сайта.
Некоторые полагают, что Проверка правильности CSS/XHTML сайта – это пустая трата времени, но мы с этим не согласимся. Проверка чрезвычайно полезна, так как она помогает обнаружить визуальные и функциональные недоработки, ошибки, которые могут появиться в разных браузерах.
Не ленитесь: проверьте код!
4. Оптимизация страниц (изображений, содержимого, видео, аудио)
Хотя большинство людей имеют широкополосное подключение к интернет, поверьте, существуют еще те, кто использует dial-up для серфинга в сети. Убедитесь в том, что ваши страницы оптимизированы так, что они быстро загружаются вне зависимости от скорости подключения пользователя.
Варианты оптимизации страниц:
— Сжатие изображений – Пользуйтесь функцией «Сохранить для Web». Это позволяет значительно уменьшить размер изображения.
— Используйте CSS, таблицы стилей — основанные на простых таблицах сайты намного больше чем написанные на CSS. Это приводит к более долгой загрузке страницы. Просто откажитесь от таблиц.
— Сжимайте видео / аудио — для этого есть много инструментов, выберите более подходящий вам. И убедитесь, что все видео и звуки сжаты, перед тем как загрузить их на сайт. Нет ничего хуже, чем ждать пока загрузится аудио или видео файл.
5. Чистота кода (когда несколько программистов)
Ваш код чист? Вы уверены? А если другой программист будет вынужден сделать какие-либо поправки в нем? Он быстро в нем разберется?
Постарайтесь сделать так, чтобы ваш код был понятным, структурированным. Это в дальнейшем поможет вам или другому программисту. Да и вообще, чистый код намного увеличивает скорость работы и производительность вашего сайта.
6. Скрипты внизу кода страницы.
Размещение сценариев внизу кода более рационально, так как распределяет слишком большую нагрузку.
Примечание: Возможно, что некоторые сценарии нужно будет разместить вверху страницы. В этом нет ничего страшного. Просто помните об этом, и, по возможности, используйте данный совет для более быстрой загрузки страницы.
7. Поисковые системы.
Нужно многое сделать, чтобы сделать сайт доступным для поисковых систем:
— минимально использовать Flash
— не использовать фреймы
— подобрать ключевые слова
— включить ключевые слова в заголовок и описание мета тегов
— включить ключевые слова в содержание
— включить ключевые слова в ссылки
— включить ключевые слова в заголовки (H1, H2, H3 и т.д.)
— включить ключевые слова в Alt теги (изображения, видео, и т.д)
— использовать CSS
Более быстрая загрузка страниц (с помощью технологии CSS) позволяет паукам поисковых систем быстрее индексировать все страницы вашего сайта.
1. Поиск своей доли (ниши) на рынке, предпочтительно с невысокой конкуренцией.
Если вы (ваша компания) имеете огромный бюджет (и немало ресурсов), всеравно, не пытайтесь выйти на рынок, где очень высокая конкуренция. К примеру: сайты на тему видеоигр, такие как Gamespot.com, Ign.com, или GamesRadar.com, они уже очень популярны на рынке описания видеоигр. Остановите свое внимание на определенной нише этого рынка. Если вы все же решили заняться описанием видеоигр, сосредоточьтесь на части этого рынка, и покройте её полностью.
Для начала, убедитесь, что есть спрос на выбранную вами долю рынка, и есть ли аудитория. Да, вы, конечно, можете создать свой сайт, который будет представлять новости из мира видеоигр для кошек и собак, но вы с трудом найдете собаку или кошку, которая будет посещать ваш сайт и интересоваться новостями.
2. Разработка бизнес-плана.
Для успешности любого сайта нужен хорошо разработанный бизнес-план. Распишите все на бумаге – это никогда не помешает.
3. Выбор хорошего доменного имени.
Доменное имя должно быть:
— Уникальное слово
— Подходящее под вид вашего бизнеса
— Легко понимаемое и произносимое
— Легко запоминающееся
4. Выбор качественного WEB-хостинга.
Если вы решили серьезно взяться за продвижение вашего сайта, то выделенный сервер для хостинга является единственным вариантом. Да, выделенный сервер стоит значительно дороже, чем виртуальный хостинг сервер. Но, как всегда в нашем мире, вы получаете ровно столько, за сколько заплатили. Выбор общего сервера плох из за имеющихся ограничений. Если вы хотите создать успешный сайт, он не для вас.
Дизайн / Макет
1. Основные элементы сайта: Заголовок, меню, содержимое / тело сайта, заключительные элементы.
Практически все популярные сайты имеют общие основные элементы:
— Заголовок — обычно содержит логотип фирмы, ключевую фразу, а иногда и меню.
— Меню — Иногда содержится в заголовке, горизонтально (над или под ним), или вертикально (выше или ниже его) (часто выравнивается по правой или левой стороне сайта)
— Содержимое — основа сайта. Оно содержит основную информацию вашего сайта. Именно ради содержимого люди будут посещать ваш сайт раз за разом.
— Заключение — оно, как правило, содержит информацию об авторских правах, ссылки на основные разделы вашего сайта и/или ссылки на другие сайты вашей фирмы.
2. Логотип и основное отличие.
Уникальный и запоминающийся запомнится вашим посетителям. Без логотипа и других особенностей сайта будет трудно сделать ваш сайт конкурентоспособным.
3. Запоминающийся дизайн.
Знаете поговорку: «Не суди о книге по её обложке»? Большинство людей оценивают сайт не по его конструктивности. Что может быть хуже, чем то, что ваш сайт не будет иметь привлекательно дизайна? Люди могут подумать о вас как о любителе и непрофессионале, и покинуть сайт, не читая его содержимое.
Вывод: Найдите время (или потратьте деньги) на создание привлекательного дизайна сайта.
4. Постарайтесь не перегружать лишней информацией.
Одна из причин непопулярности сайтов — слишком много информации на странице. Постарайтесь свести информацию к минимуму. Это позволит посетителю сосредоточиться на основной информации, которую вы хотите передать, и не позволит отвлекаться на сторонние элементы.
5. Эффективная цветовая схема сайта.
В интернете есть много различных программ, которые помогут подобрать правильную цветовую схему. Попробуйте воспользоваться одной из них.
6. Разработка координирующих центров.
Координирующие центры должны четко выделяться на каждой странице вашего сайта.
Особенности:
— они занимают наибольшую площадь
— обычно выделяются цветом, размером шрифта или другими методами
— это область на странице, которая сразу же привлекает внимание читателей
Без четких координационных центров посетитель может легко запутаться в информации на вашей странице.
7. Расстояние между строками.
Хоть это и небольшая деталь, но иногда необходимо обращать внимание на высоту строк на вашем сайте. Иногда стоит увеличить расстояние между строками, для того чтобы посетителю было намного легче понять и усвоить информацию на сайте.
Расстояние и высота строк должны быть скорректированы в следующих элементах сайта:
— параграфы
— списки
— рисунки
— панели навигации
— заголовки, подзаголовки, подписи
8. Размеры шрифта.
Убедитесь, что размер шрифта на вашем сайте достаточен для того, чтобы посетитель мог легко читать его содержимое. Не рекомендуется использовать шрифт менее 11 пикселей. В настоящее время всё больше и больше сайтов переходят к шрифту размером 13 пикселей и более.
9. Использование белого пространства (воздуха)
Как написано в Википедии, белое пространство это: левая часть страницы, без знаков, сюда входит пространство между изображениями, поля, расстояния между строками, и объектами.
Использование белого пространства играет немаловажную роль на вашем сайте.
10. Главная страница.
Основная цель главной страницы – показать посетителю, о чем собственно ваш сайт.
Если ваша главная страница не привлечет внимание посетителя на 7-10 секунд, то высока вероятность того, что посетитель покинет ваш сайт.
Что должно быть на домашней странице:
— На главной странице должны быть самые интересные новости
— Всё должно быть коротко и легко усвояемо (использование маркированных списков, разделы должны быть четко определены, использование столбцов (не более 3-х), коротких абзацев)
— Покажите вашему посетителю, куда ему двигаться (навигация, поиск, карта сайта)
— Вызовите доверие посетителя (расположите название компании, адрес, номер телефона, E-mail, отзывы ваших клиентов, характеристики), это всё зависит от типа web-сайта.
— Постарайтесь не допускать ошибок.
Использование / Доступность.
1. Понятная и легкодоступная панель навигации.
— Общая панель навигации – отображается на каждой странице вашего сайта
— Оптимальное размещение – отображается в одном и том же месте на всех страницах
— Название – желательно использование текста, нежелательно — изображений
— Расположение – гиперссылки, стили, цвет
— Flash – красивое оформление
2. Использование Flash
Проблема: раньше люди использовали Flash-меню потому, что хотели иметь красивые спецэффекты и анимацию при наведении мышки, или интересных fade in эффектов.
И как ваш сайт будет успешным, если пользователь, не имеющий Flash, не сможет правильно перемещаться по нему?
Решение: Не нужно использовать Flash. Хотя и существуют некоторые ограничения, но 99% пользователей имеют на своем компьютере JavaScript. С его помощью можно достичь того же красивого анимационного эффекта.
Это будет намного проще и доступнее, поскольку не каждый пользователь может включить или даже установить Flash на своем компьютере.
3. HTML карта сайта.
Из Википедии: карта сайта это архитектура Веб сайта. Картой может быть любой документ в произвольной форме используемый в макете сайта, или же Веб страница со списком страниц существующих на сайте, и она, как правило, представляет собой иерархическую структуру.
Карта поможет определить структуру вашего сайта, как пользователю, так и поисковым ботам.
Не путайте карту сайта XML с картой сайта HTML
— Карта HTML создана, чтобы обобщить содержимое вашего сайта, в пределах страниц сайта, для облегчения поиска нужной информации посетителями
— Карта XML создана для того чтоб облегчить поисковым системам обнаружить все ссылки с вашего сайта.
4. Проверка нерабочих ссылок.
При плохой оптимизации сайта поисковики не смогут найти ваш сайт, если у вас много нерабочих мертвых ссылок. Убедитесь, что все ссылки на вашем сайте являются рабочими.
Самостоятельно это сделать довольно трудно, поэтому советую вам пользоваться сторонними программами.
5. Проверка сайта на реальных пользователях (бета-тестирование)
Несмотря на то, что сайт нравится вам, не все могут думать как вы, и не у всех такие же вкусы. Проверку сайта всегда нужно производить на реальных пользователях. (желательно случайных, с которыми вы не знакомы и никогда не встречались). Для вас главное честность, и не все люди скажут вам то, что вы хотите услышать (что ваш сайт самый лучший). Для более высокого результата запустите несколько тестов, чтобы получить больше мнений, жалоб.
6. Рекомендации о доступности Web-содержимого.
Является ли ваш сайт доступным для всех (включая пользователей-инвалидов)? Есть вещи, которые вы должны сделать для того, чтобы сделать Ваш сайт доступным для различных категорий пользователей:
1. Используйте для нетекстовой информации его текстовую альтернативу, чтобы пользователь мог воспринимать информацию в зависимости от своих потребностей (шрифт Брайля, крупный шрифт, звук, символы, или более простой язык).
2. Предоставьте пользователю возможность синхронизировать свое время со временем действия вашей информации.
3. Содержимое должно быть подвижным, чтобы пользователь мог его представить, например, более простой схемой размещения, но без потери информации и структуры.
4. Сделайте для пользователей более удобное восприятие информации, в особенности, чтобы различалось содержимое и фон сайта.
5. Все функции должны быть доступны с клавиатуры.
6. Для пользователей с ограниченными возможностями предоставьте больше времени для восприятия и осознания информации.
7. Не делайте содержимое, которое может вызвать неприязнь.
8. Для пользователей с ограниченными возможностями обеспечьте более простые пути поиска информации.
9. Сделайте содержимое сайта читабельным и понятным.
10. Предоставьте пользователям возможность исправлять ошибки.
11. Максимально оптимизируйте отображение информации в различных браузера.
7. Не использовать или использовать по минимуму Flash
Джейкоб Нильсен (которого называют «королем удобства и простоты») подвел итоги использования технологии Flash:
«Хотя мультимедиа играет свою роль в Интернете, современная технология Flash препятствует удобству и простоте использования по следующей причине: она придает не очень хороший дизайн и потребляет много ресурсов, которые можно было б использовать для более ценных ресурсов сайта»
Информационное наполнение (содержимое)
1. Уникальность содержимого.
Пользователю нужна причина, чтобы посетить ваш сайт. Убедитесь, что содержимое вашего сайта:
— не имеет грамматических и орфографических ошибок
— просто, понятно, доступно
— ориентировано на конкретную аудиторию
— показывает вашу личную принадлежность к информации.
Примечание: в зависимости от типа сайта, содержимое его может зависеть именно от ваших пользователей, а не от вас. Например содержимое таких сайтов как (YouTube, MySpace, Facebook) содержит много, если не всю :) , информации самих пользователей.
2. Регулярное обновление содержимого.
Людям нужна причина чтобы вернуться на ваш сайт. Если у вас есть информация, которую посетители хотят видеть снова и снова, то просто необходимо как можно чаще её обновлять.
В зависимости от типа содержимого, некоторые сайты необязательно обновлять очень часто.
Помните: количество, не значит качество. Быстро выкинуть 10 страниц или сообщений низкого качества в блоге — это столь же эффективно, как и выкинуть 1 страницу или сообщение, но высокого качества. Временные затраты при этом идентичны.
3. Разбиение содержимого заголовками, подзаголовками, рисунками, видео.
Человеку скучно читать тонны сплошного текста. Разбейте текст на параграфы с заголовками, подзаголовками, надписями, изображениями, видео и т.д. Сделайте содержимое визуально интересным.
4. Взаимодействие с пользователем.
Принимать комментарии к информации на вашем сайте, позволить пользователю загружать музыку, видео, рисунки, клипы — это некоторые из вариантов взаимодействия с пользователем. Пользовательское взаимодействие позволяет пользователю ощущать себя частью вашего сайта. Люди всегда хотят, чтобы их услышали, и всегда хотят быть частью чего то.
Еще лучше, если у посетителя будет стимул для взаимодействия с вашим сайтом! Например: отображение 5-ти лучших пользователей вашего сайта, которые больше всего оставили отзывов. Сделайте взаимодействие с сайтом развлечением!
Оптимизация сайта / Стандарты.
1. Веб сайт стандарты / совместимость с браузерами.
Данный сайт работает лучше всего в Internet Explorer 6 с разрешением экрана 400 x 200.
Если вы путешествовали по интернету в начале 90-х, вы, вероятно, сталкивались с подобной оговоркой на сайтах. Раньше вебмастера оптимизировали сайты таким образом, чтобы они отлично смотрелись в одном или двух типах браузеров. Но, если посетитель заходил на сайт через другой браузер, отличный от упомянутого в оговорке, ему не везло.
Введение Веб стандартов, World Wide Web Consortium (W3C), и проекта Web Standards оставило в прошлом оптимизацию сайта для различных браузеров. Но крайне важно, разрабатывая свой сайт, проверить его работу в основных типах браузеров, какими являются:
Internet Explorer 6 (PC),
Internet Explorer 7 (PC)
Firefox (PC, Mac)
Safari (PC, Mac)
Opera (PC, Mac)
2. CSS, минимальное использование таблиц
Тут все понятно. Используйте стили для оформления элементов страницы. Сведите к минимуму использование таблиц. Переходите на блочную верстку сайтов.
3. Проверка правильности CSS/XHTML сайта.
Некоторые полагают, что Проверка правильности CSS/XHTML сайта – это пустая трата времени, но мы с этим не согласимся. Проверка чрезвычайно полезна, так как она помогает обнаружить визуальные и функциональные недоработки, ошибки, которые могут появиться в разных браузерах.
Не ленитесь: проверьте код!
4. Оптимизация страниц (изображений, содержимого, видео, аудио)
Хотя большинство людей имеют широкополосное подключение к интернет, поверьте, существуют еще те, кто использует dial-up для серфинга в сети. Убедитесь в том, что ваши страницы оптимизированы так, что они быстро загружаются вне зависимости от скорости подключения пользователя.
Варианты оптимизации страниц:
— Сжатие изображений – Пользуйтесь функцией «Сохранить для Web». Это позволяет значительно уменьшить размер изображения.
— Используйте CSS, таблицы стилей — основанные на простых таблицах сайты намного больше чем написанные на CSS. Это приводит к более долгой загрузке страницы. Просто откажитесь от таблиц.
— Сжимайте видео / аудио — для этого есть много инструментов, выберите более подходящий вам. И убедитесь, что все видео и звуки сжаты, перед тем как загрузить их на сайт. Нет ничего хуже, чем ждать пока загрузится аудио или видео файл.
5. Чистота кода (когда несколько программистов)
Ваш код чист? Вы уверены? А если другой программист будет вынужден сделать какие-либо поправки в нем? Он быстро в нем разберется?
Постарайтесь сделать так, чтобы ваш код был понятным, структурированным. Это в дальнейшем поможет вам или другому программисту. Да и вообще, чистый код намного увеличивает скорость работы и производительность вашего сайта.
6. Скрипты внизу кода страницы.
Размещение сценариев внизу кода более рационально, так как распределяет слишком большую нагрузку.
Примечание: Возможно, что некоторые сценарии нужно будет разместить вверху страницы. В этом нет ничего страшного. Просто помните об этом, и, по возможности, используйте данный совет для более быстрой загрузки страницы.
7. Поисковые системы.
Нужно многое сделать, чтобы сделать сайт доступным для поисковых систем:
— минимально использовать Flash
— не использовать фреймы
— подобрать ключевые слова
— включить ключевые слова в заголовок и описание мета тегов
— включить ключевые слова в содержание
— включить ключевые слова в ссылки
— включить ключевые слова в заголовки (H1, H2, H3 и т.д.)
— включить ключевые слова в Alt теги (изображения, видео, и т.д)
— использовать CSS
Более быстрая загрузка страниц (с помощью технологии CSS) позволяет паукам поисковых систем быстрее индексировать все страницы вашего сайта.
суббота, Октябрь 17, 2009
Поучительная притча
В закромах у себя нашел старую, но очень поучительную притчу про то, какие лекции необходимо также читать студентам в институтах.
…Студенты уже заполнили аудиторию и ждали начала лекции. Вот появился преподаватель и выставил на стол большую стеклянную банку, что многих удивило:
-Сегодня я хотел бы поговорить с вами о жизни, что вы можете сказать об этой банке?
-Ну, она пустая, - сказал кто-то.
-Совершенно верно,- подтвердил преподаватель, затем он достал из-под стола мешок с крупными камнями и начал укладывать их в банку до тех пор, пока они не заполнили ее до самого верха, - А теперь что вы можете сказать об этой банке?
-Ну, а теперь банка полная! - опять сказал кто-то из студентов.
Преподаватель достал еще один пакет с горохом, и начал засыпать его в банку. Горох начал заполнять пространство между камнями:
-А теперь?
-Теперь банка полная!!! - начали вторить студенты. Тогда преподаватель достал пакет с песком, и начал засыпать его в банку, спустя какое-то время в банке не осталось свободного пространства.
-Ну теперь-то банка точно полная - загалдели студенты. Тогда преподаватель, хитро улыбаясь, вытащил две бутылки пива и влил их в банку:
- А вот теперь банка полна! - сказал он. - А теперь я буду объяснять вам, что сейчас произошло. Банка - это наша жизнь, камни - это самые важные вещи в нашей жизни, это наша семья, это наши дети, наши любимые, все то, что имеет для нас огромное значение; горох - это те вещи, которые не так значимы для нас, это может быть дорогой костюм или машина и т.д.; а песок - это все самое мелкое и не значительное в нашей жизни, все те мелкие проблемы, которые сопровождают нас на протяжении все нашей жизни; так вот, если бы я сначала засыпал в банку песок, то в нее бы уже нельзя было поместить ни горох, ни камни, поэтому никогда не позволяйте различного рода мелочам заполнять вашу жизнь, закрывая вам глаза на более важные вещи. У меня все, лекция окончена.
- Профессор, - спросил кто-то из студентов - а что означают бутылки пива???!!!
Профессор опять хитро улыбнулся:
- Они означают то, что, не смотря ни на какие проблемы, всегда есть время на то, что бы расслабиться и пропустить пару бутылочек пива!
…Студенты уже заполнили аудиторию и ждали начала лекции. Вот появился преподаватель и выставил на стол большую стеклянную банку, что многих удивило:
-Сегодня я хотел бы поговорить с вами о жизни, что вы можете сказать об этой банке?
-Ну, она пустая, - сказал кто-то.
-Совершенно верно,- подтвердил преподаватель, затем он достал из-под стола мешок с крупными камнями и начал укладывать их в банку до тех пор, пока они не заполнили ее до самого верха, - А теперь что вы можете сказать об этой банке?
-Ну, а теперь банка полная! - опять сказал кто-то из студентов.
Преподаватель достал еще один пакет с горохом, и начал засыпать его в банку. Горох начал заполнять пространство между камнями:
-А теперь?
-Теперь банка полная!!! - начали вторить студенты. Тогда преподаватель достал пакет с песком, и начал засыпать его в банку, спустя какое-то время в банке не осталось свободного пространства.
-Ну теперь-то банка точно полная - загалдели студенты. Тогда преподаватель, хитро улыбаясь, вытащил две бутылки пива и влил их в банку:
- А вот теперь банка полна! - сказал он. - А теперь я буду объяснять вам, что сейчас произошло. Банка - это наша жизнь, камни - это самые важные вещи в нашей жизни, это наша семья, это наши дети, наши любимые, все то, что имеет для нас огромное значение; горох - это те вещи, которые не так значимы для нас, это может быть дорогой костюм или машина и т.д.; а песок - это все самое мелкое и не значительное в нашей жизни, все те мелкие проблемы, которые сопровождают нас на протяжении все нашей жизни; так вот, если бы я сначала засыпал в банку песок, то в нее бы уже нельзя было поместить ни горох, ни камни, поэтому никогда не позволяйте различного рода мелочам заполнять вашу жизнь, закрывая вам глаза на более важные вещи. У меня все, лекция окончена.
- Профессор, - спросил кто-то из студентов - а что означают бутылки пива???!!!
Профессор опять хитро улыбнулся:
- Они означают то, что, не смотря ни на какие проблемы, всегда есть время на то, что бы расслабиться и пропустить пару бутылочек пива!
четверг, Октябрь 08, 2009
Просто хочу сказать
Очень интересное видео про образование с русскими субтитрами: http://www.ted.com/talks/view/id/66
И ключевая фраза для меня: Успех — не окончателен, неудачи — не фатальны, значение имеет лишь мужество продолжать.
И ключевая фраза для меня: Успех — не окончателен, неудачи — не фатальны, значение имеет лишь мужество продолжать.
воскресенье, Октябрь 04, 2009
Настоящий
Настоящий
Семья пришла в ресторан пообедать. Официантка приняла заказ у взрослых и затем повернулась к их семилетнему сыну.
- Что вы будете заказывать?
Мальчик робко посмотрел на взрослых и произнёс:
- Я бы хотел хот-дог.
Не успела официантка записать заказ, как вмешалась мать:
-Никаких хот-догов! Принесите ему бифштекс с картофельным пюре и морковью.
Официантка проигнорировала её слова.
-Вы будете хот-дог с горчицей или с кетчупом? - спросила она мальчика.
- С кетчупом.
- Я буду через минуту, - сказала официантка и отправилась на кухню.
За столом воцарилась оглушительная тишина. Наконец мальчик посмотрел на присутствующих и сказал:
- Знаете что? Она думает, что я настоящий!
Семья пришла в ресторан пообедать. Официантка приняла заказ у взрослых и затем повернулась к их семилетнему сыну.
- Что вы будете заказывать?
Мальчик робко посмотрел на взрослых и произнёс:
- Я бы хотел хот-дог.
Не успела официантка записать заказ, как вмешалась мать:
-Никаких хот-догов! Принесите ему бифштекс с картофельным пюре и морковью.
Официантка проигнорировала её слова.
-Вы будете хот-дог с горчицей или с кетчупом? - спросила она мальчика.
- С кетчупом.
- Я буду через минуту, - сказала официантка и отправилась на кухню.
За столом воцарилась оглушительная тишина. Наконец мальчик посмотрел на присутствующих и сказал:
- Знаете что? Она думает, что я настоящий!
Ярлыки
Обо мне
- Scorpion
- "Я достаточно упёртый человек и если что-то вбил себе в голову, то мне будет плевать на всё и я расшибусь, переверну всё, достану всех, но добьюсь своей цели."
