На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 2.

Начало смотреть На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 1.

1. Используйте текстовую навигацию. Текстовая навигация работает быстрее, да и к тому же, у некоторых посетителей может быть отключен показ картинок
2. В том случае если линк ведет на PDF документ, запуск Acrobat reader потребует времени и пока он не запуститься пользователь будет видеть пустой экран. Это многих раздражает
3. Не старайтесь иметь много версий сайта оптимизированных на разные скорости посетителя. Помните что главное содержание
4. Будьте внимательны с рекламой. Вставка рекламных блоков внутри контента может повысить "кликабельность" но в тоже самое время отолкнет часть читателей от вашего сайта. Знайте меру
5. Используйте простую систему навигацию. Самое полохое что может произойти - посетитель запутается в вашем сайте и не найдет нужной информации
6. Избегайте всевозможных заставок.  Не заставляйте пользователей смотреть их в обязательном порядке, дайте возможность перейти к полезной информации
7. Не используйте FrontPage и другие простейшие и дешевые редакторы. Хоть они и позвлояют "изготовить" дизайн очень быстро, но очень часто на выходе вы получите не очень оптимальный код
8. Убедитесь в том что сайт правильно отображается в различных броузерах (броузеры обрабатывает CSS по разному). Проверьте работоспособность в основных броузерах
9. Любая ссылка должна содержать статичный текст.. "Click here" - не очень информативная ссылка. Делайте ссылки информативными. Кроме удобства которые получат посетители вы получите маленький плюсик при продвижении сайта
10. Не скрывайте ссылки с помощью скриптов.Пользователь должен видеть куда он переходит по ссылке в статусной строке броузера
11. Делайте ссылки хорошо видимыми. Они должны выделяться из общего текста (цвет, подчеркивание и т.д.)
12. Не применяйте подчеркивания для обычных текстов. Это введет в заблуждение посетителей т.к. они подумают что это ссылка
13. При клике на ссылку она должна менять цвет
14. Старайтесь избегать анимационных гифов. Они отвлекают от содержимого сайта
15. Обязательно используйте аттрибуты ALT и Title для изображений. Помимо преимущест для SEO они помогут слепым посетителям и посетителям с отключенной графикой
16. Не используйте едкие цвета для оформления сайта
17. Не используйте всплывающие окна (pop ups) . Во первых это раздражает , а во вторых у многих стоит блокировка pop ups
18. Избегайте JavaScript линков. Поисковые роботы не очень то сильно их жалуют
19. Обязательно включите навигационные линки вниз страницы
20. Очень длинные страницы - не совсем правильное решение. Что бы добраться до нужной информации посетителю придется долго прокручивать страницу и искать то что его интересует
21. Не допускайте появления горизонтального скроллинга.. Если вертикальный скролл допустим то горизонтальный нет. Сейчас наиболее популярное разрешение экрана 1024*768 - проверьте что бы при таком разрешении все было нормально
22. Скажите нет ошибкам в текстах!. Орфография и грамматика не должны хромать
23. Если вы используете Captcha - убедитесь что картинка читаема
24. Не используйте скрытый текст

На заметку : 5 правил поисковой оптимизации картинок / изображений для поисковых систем

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

1. Проверьте Robots.txt файл

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

2. "Правильное" Имя файла с картинкой

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

3. О пользе использования аттрибута ALT тега IMG

Проверьте и убедитесь в том, что все картинки / изображения, которые должны оказаться в индексе поисковой системы имеют аттрибут ALT (не делайте его слишком большим). Кроме того что этот аттрибут поможет правильно проиндексировать поисковыми роботами картинки / изображения, он участвует и в контентной оптимизации страницы (хотя значимость альта в этом случае очень мала, и по некоторым отзывам вообще не имеет значения. А если имеет....? ). Кроме полезности в оптимизации этот аттрибут позволит людях со всякими нарушениями зрения "прослушать" картинку. Ну и в случае отключения показа картинок в броузере эти альты будут выводиться вместо картинки

4. Используйте подпись к картинке

Обязательно разместите маленькую подпись под или над картикой / изображением. Если этот текст находится в одном блоке (ячейке таблицы <td>, диве <div> ) с картинкой то еще лучше. Будет лучше если эта подпись будет больше чем текст в аттрибуте альт (alt) и желательно сделать ее более описательной.

5. Добавляйте фотографии/ картинки/изображения в статьи, пресс-релизы

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