Делюсь своими мыслями и соображениями по тому поводу.

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

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

Барьер страха неизвестности

Да, и это действительно барьер! В Москве и СПБ давно уже представить не могут, чтобы компания обходилась без собственного сайта, благо столичные Интернет-агентства проводят множественные семинары/вебинары для ТОП-менеджеров и сумели воспитать для себя аудиторию. У нас, к сожалению, пока не так. Самый главный вопрос, возникающий у наших клиентов: а куда уходят деньги? Ведь страшно инвестировать в то, что не понимаешь и не можешь «пощупать». Ну дам я вам денег, а куда они расходуются? Вернутся ли они, и где гарантии?

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

Правдивая ложь

Смешно вспоминать, был случай, слава богу один, когда я, отчаявшись объяснять, самые базовые принципы ранжирования сказал потенциальному клиенту, что за N-ое количество зеленых купюр в качестве взятки поисковику он повышает позиции вашего сайта, на что клиент с улыбкой ответил «А, ну понятно, у нас же все так и делается, давайте работать!».

Правда, некий прогресс за 3 года заметен! Теперь где-то в 15% от обращений спрашивают «Сколько будет стоит сделать сайт, и чтобы он светился в поисковых системах?», а не просто сделать сайт. В большинстве случаев клиент уже знает зачем ему сайт, т. е. преследует определенную цель, что меня очень радует!

Я покажу тебе дверь, войти в нее ты должен сам

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

Заказчик вкладывает деньги, он хочет знать, как скоро они вернутся и в каком проценте! Это понимают все, от мала до велика. Но будьте готовы дать гарантии подтвержденные юридически договором, на слово вам верить никто не будет.

Мы скажем Вам, что это эффективно!

Чтож, аудиторию нужно воспитывать, чем мы и занимаемся. Зимой 2010 года, в конце января планируем проведение 2х дневной конференции на тему «Интернет маркетинг для бизнеса», которая пройдет в здании Волгоградского Государственного Университета, в рамках ежегодной научной конференции. Анонс конференции и точную дату проведения выложим обязательно для волгоградских читателей нашего блога.

Вывод: в регионах на SEO и прочих услугах Интернет-маркетинга «рыбы словить можно», даже порой довольно крупной, совсем не все так плохо!

Полезная информация

Обратите внимание на молодую биржу ссылок Seotina.com. Пока что количество площадок не велико около 200 штук, но думаю ближайшее время значительно увеличится. Очень хочется, чтобы в базе было как можно меньше ГС и как можно больше качественных сайтов, подождем, посмотрим.

Из плюсов биржи:

• полный манейбек, в случае снятия ссылок со страницы вебмастером или выпадения из индекса;
• поддержка paypal и webmoney;
• оплаты/хранение денег в евро;
• 30% от дохода рефералов первый год, далее 5% «пожизненно».

И по словам представителей биржи, ближайшее время планируется слияние со  spidersmarket.com, а следовательно — увеличение базы.

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

Интересно почитать:

• Как мы заказывали сайт у конкурентов
• Где взять тексты для сайта или тематического блога

Итак, подразумевалось, что на нашем новом сайте будет вестись корпоративный блог о жизни нашей веб-студии. Поэтому было решено перенести некоторые записи со старого блога (www.webpp.ru/blog/) на CODEISART.RU.

Со старого адреса будет происходить перенаправление с кодом 301 (301 редирект) на новые адреса, по мере их переноса.

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

У меня несколько иная точка зрения.

Лично мое мнение, что SEO перешло на более качественный уровень. Да, сегодня, как и раньше необходим качественный контент на сайте, валидный HTML код, жирные ссылки, внутренняя перелинковка и так далее. Но все-таки, чем отличается SEO сегодня от SEO, которое было 2 года назад?

Порывшись в голове, я могу выделить следующее:

• Сегодня в большинстве случаев «голого» SEO не достаточно. Да, вы можете вывести сайт на первые позиции поисковика, но как заставить людей покупать? Помимо вывода в ТОП необходимо грамотно разработать целевые страницы, разместить на них контент, который подвигнет посетителя превратиться в вашего покупателя. Клиенты SEO-специалистов все больше и больше начинают понимать, что тупо вывести в ТОП сайт в большинстве случаев недостаточно. Я не говорю, что 2 года назад это было не актуально, просто уделялось гораздо меньше внимания.

• SEO теряет самостоятельность. Лично я рассматриваю SEO лишь как часть кампании по продвижению бизнеса в Интернет. Быстрых результатов можно достичь, работая с системами контекстной рекламы. Наши заказчики начинают понимать, что выделяя бюджет в контекстную рекламу можно моментально добиться положительного результата. В этом, на мой взгляд, заслуга Яндекса, который проводит много открытых семинаров, посвященных контекстной рекламе.

  Так же качественных посетителей на сайт можно привлечь через рекламу в социальных сетях, которые с каждым днем становятся все популярнее!

  Я хочу сказать, что помимо SEO существует масса эффективных методов продвижения в Интернет, и SEO является неотъемлемой частью этой кампании.

• SEO’шники стали меньше внимания уделять мета-тегам, хотя иногда встречаются «оптимизаторы», ломающие голову, что же вписать в мета тег keywords,полагая, что это принесет им лишние позиции в поисковике.
• Google PageRank стал не основной целью. Раньше показателем авторитетности сайта уверено считали PR. И была существовало твердое мнение, что чем выше PR, тем выше сайт будет в выдаче. На сегодняшний день практически всем понятно, что тот PR, который показывает нам Google Toolbar практически никак не влияет на выдачу поисковика.
• Больше внимания стали уделять качеству ссылок, а не количеству. Сегодня более важно получить несколько качественных, «жирных» ссылок, чем сотни ссылок с гавносайтов.
• Каталоги сайтов не действуют, а если действуют, то минимально. Регистрация в VIP базах из 15000 каталогов сыграет минимальную роль. Чтобы не говорили, но по своему опыту знаю, что от регистрации в каталогах можно получить минимальный эффект. Рекомендую прогонять каталогами НЧ-запросы.
• Поисковики ведут активную борьбу с дублями. Вообще меня крайне интересна эта тема, я изучил много англоязычных статей посвященных алгоритмам поиска нечетких дубликатов текста и их актуальность в поисковых системах. Поисковики стараются не учитывать в алгоритмах ранжирования ссылки со страниц, являющимися дублями или почти дублями какой-либо другой страницы. Поэтому написав статью опубликовав ее на 100 площадках вы впустую выкинете деньги. Но правда существует способ «обмануть» поисковик с помощью размножения статей, заказать данную услугу можете у нас.

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

У вас есть Twitter аккаунт? Если да, можете стать моими follower’ами, а я, в свою очередь, вашим.

В рамках акции «Обмен постовыми»:

• Участник конкурса Линкомаулия от Даниила Маула: Линкомаулия Anfi.

Согласитесь, не всегда имеется необходимость или возможность оставить комментарий.

В связи с этим мы разработали маленькую «примочку» для нашего блога.

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

Надеюсь, будет удобно.

P.S: Скрипт не успели хорошо протестировать, возможны незначительные баги. Если увидите какие-либо неполадки/недоделки, отпишитесь, пожалуйста, в комментариях.

Спонсор поста: XAP (TNX) — продвижение сайтов, популярная ссылочная биржа.

В рамках акции «Обмен постовыми»:

• Блог о жизни сетевика;
• Если кто-то женится или выходит замуж вашему вниманию представляю сайт — Свадебные новости;

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

Основные возможности системы

• объединение нескольких RSS каналов в один;
• создание веб-страницы из RSS каналов;
• создание PDF документов из RSS (пользуюсь данной функцией, очень удобно!);
• создание веб-страницы из RSS каналов для мобильных телефонов;
• создание OPML файла из нескольких RSS каналов;
• отправка RSS на адрес электронную почту;
• преобразования электронной почты в RSS;

Можно даже преобразовать RSS в аудио файл, но, с русскоязычными фидами ничего не получится.

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

Спонсор поста: Система VLG Navigator — интерактивная карта Волгограда.

Смысл прост: вы ставите ссылку на наш пост в своем блоге, мы ставим на ваш.

Условия акции: вы размещаете ссылку на наш блог или на одну из понравившихся статей в новом посте на своем блоге (всего постовых должно быть не более 5). Сообщаете нам на почту: contact[at]codeisart.ru или в комментариях к этому посту. В ответ, мы размещаем аналогичный постовой в очередной новой статье на нашем блоге.

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

К участию принимаются только блоги, желательно с количеством подписчиков не менее 15.

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

По результатам голосования, 70% считают, что для создания приносящего прибыль сайта или интернет-компании наиболее важно иметь предпринимательские знания, 30% считают, что технические.

В предыдущем посте на эту тему, Евгений Якимович, владелец блога www.rotorweb.ru высказал интересный, на мой взгляд, ответ на этот вопрос:

Даже если не брать таких сетевых монстров, которые указаны в примерах, то вопрос «кем быть?» актуален для многих сетевых людей.

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

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

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

Я полностью с ним согласен. Работа в команде, на мой взгляд — гарантия успеха. Много можно добиться, работая сообща.

Приведу не совсем скромный пример на нашей веб-студии, так сказать небольшой отрывок из истории.

Мы (Я и Семен Моисеенко) учились в колледже на 4-м курсе по специальности «Вычислительные машины, комплексы, системы и сети», когда и приняли решение о создании своей компании по разработке сайтов. Абсолютно не знали с чего начинать и где искать клиентов. Я читал много статей в блогах и форумах на тему создания собственного бизнеса, но ничего конкретного найти не мог, возможно ума тогда не хватало.

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

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

В итоге, могу сказать по собственному опыту, для успешного бизнеса в Интернет-сфере крайне желательно развиваться в обоих областях, как технических, так и предпринимательских. Конечно, я понимаю, что порой это довольно проблематично, но это позволит избежать МНОГИХ(!) проблем в будущем.

Кого не посещали идеи о создании своего Google?

Желание стремиться к воплощению своих задумок — двигатель нашего успеха, но помимо наличия идеи мы должны иметь необходимые навыки для ее реализации. Соответственно поднимается вопрос — «Что важнее для создания сайта, приносящего прибыль: Технические навыки или Бизнес навыки?».

Технические навыки

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

Приведем примеры компаний, где основатели пошли техническим путем, и принимали непосредственное участие в начале разработок:

• Google (Сергей Брин и Ларри Пейдж обучались Компьютерным навыкам);
• Yahoo! (Джерри Янг обучался Электротехнике, а Дэвид Фило — Вычислительной технике);
• Facebook (Марк Зукерберг обучался работе с Вычислительной техникой);
• YouTube (Стив Чен и Чад Харлей обучались матиматике и вычислительной технике);
• Digg (Кевин Роз обучался работе с Вычислительной техникой);
• Amazon (Джефф Безос обучался работе с Вычислительной техникой);
• Technorati (Дэвид Сифри обучался работе с Вычислительной техникой);
• Netscape (Марк Андриссен Marc Andreesen обучался работе с Вычислительной техникой);

Преимущества

Преимущество выбора технического пути состоит в том, что вы сами пишете алгоритм программы и реализуете его. Не составит труда изменить что-то или, например, добавить какой-либо модуль. Более того, вам не потребуется дополнительно нанимать программистов на ранних стадиях.

Недостатки

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

Бизнес навыки

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

Вот примеры сайтов, основатели кеоторых выбрали бизнес-путь:

• Skype (Никлас Зеннстром изучал Бизнес Администрирование);
• LinkedIn (Рейд Хоффман изучал Философию и Символические Системы);
• SalesForce (Марк Бениофф изучал Бизнес Администрирование);
• Wikipedia (Джимми Валес изучал Финансирование);
• Broadcast.com (Марк Кубан изучал Бизнес Администрирование);
• Mahalo (Джейсон Каласаниз изучал Психологию);
• TechCrunch (Майкл Аррингтон изучал Право);
• Gawker Media (Ник Дентон обучался Журналистике);

Преимущества

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

Недостатки

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

Как видите, оба пути при грамотном подходе могут принести успех вашему интернет-бизнесу!

Английский вариант: What is More Important To Succeed Online: Business or Technical Skills?

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

Небольшая статистика

В Великобритании:

• у 2 млн. жителей нарушения зрения;
• 9 млн. жителей имеют нарушения слуха;
• 3.4 млн. людей имеют физические нарушения;
• 1.5 млн. людей имеют умственные нарушения;
• у 6 млн. человек дислексия.

В США:

• у 10 млн. жителей нарушения зрения;
• 28 млн. жителей имеют нарушения слуха;
• 8 млн. людей имеют физические нарушения;
• 6.8 млн. людей имеют умственные нарушения;
• у 25 млн. человек дислексия.

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

Нарушение зрения — слепота

Большинство слепых людей используют особое программное обеспечение для просмотра информации с экрана, такое как JAWS или Windows-Eyes, чтобы читать страницы веб-сайта. Кроме того, некоторые пользователи получают доступ к сайтам с помощью устройства Брайля, преобразующего текст веб-сайта в шрифт Брайля. Однако, люди, владеющие азбукой Брайля, встречаются намного реже — многие слепые люди потеряли зрение во время жизни, а не с рождения, а следовательно не обучены системе Брайля.

Ключевые методы доступного и практичного дизайна для слепых пользователей:

Располагайте инструкции перед полями формы

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

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

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

Создание ссылки «перейти к основному контенту»

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

Убедитесь, что текст ссылок информативен

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

При использовании этой опции рекомендуется писать в тексте ссылки место её назначения. Например, вместо «нажмите здесь, чтобы узнать больше об Agoo IT» было бы лучше написать: «узнайте больше о Agoo IT». Слова «нажмите здесь» убраны из второго варианта, так как это термин, относящийся к работе с мышкой.

Создавайте информативные заголовки веб-страниц

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

Используйте сжатый альтернативный текст

Слепые пользователи узнают, что изображено на картинке по ее альтернативному тексту. Когда изображение несет важную информацию, к нему необходимо добавить краткий подходящий альтернативный текст. Например, логотип веб-сайта компании «ЭЮЯ» должен быть обозначен, как alt="Компания ЭЮЯ". Размещение слишком большого количества информации, как, например, «Компания ЭЮЯ, синий фон с фиолетовым текстом и желтой подсветкой» может запутать слепых пользователей.

В случае, если изображение чисто декоративное или использовано для разметки, к нему нужно добавить пустой альтернативный текст: alt=«». Тогда этого читающее экран ПО не будет произносить название файла с изображением.

Создавайте информативные заголовки

Важно создавать наглядные заголовки, которые семантически отмечаются тегами от <h1> до <h6>. Слепые пользователи часто прослушивают заголовки отдельно от основного содержимого страницы, с помощью списка заголовков. Это позволяет получить быстрый доступ именно к той информации, которая нужна пользователю, вместо прослушивания всей веб-страницы.

Тег <h1> должен содержать главный заголовок, чтобы можно было быстро определить о чем рассказывается на странице.

Создавайте аудио описание и транскрипции видео файлов

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

Другая полезная опция для аудио и видео содержимого — это транскрипции. Транскрипции — это записанные сводки аудио и видео контента, которые могут содержать дополнительную информацию, такую как комментарии или описания, чтобы может помочь лучше понять содержимое. Транскрипции позволяют слепым пользователям получать доступ к аудио и видео контенту альтернативным способом.

Помните, что слепые пользователи не могут использовать мышь

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

Нарушения зрения — слабое зрение

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

Ключевые принципы доступного и практичного дизайна для пользователей со слабым зрением:

Не используйте изображения с текстом

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

Убедитесь, что размер текста можно изменять

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

Размещайте ключевую информацию в специальных местах экрана

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

Используйте цвета с высоким контрастом

Для повышения читабельности сайта для людей с нарушениями зрения, убедитесь, что цвета, применяемые на сайте, имеют хороший контраст. Этого можно достичь, проверив выбранные цвета с помощью Juicy Studio color contrast analyzer. Тестируя различные сочетания основного и фонового цветов можно определить, соответствуют ли выбранные цвета рекомендациям WCAG. Кроме того, можно сделать несколько различных цветовых схем, чтобы облегчить читаемость.

Нарушения слуха

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

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

Ключевые принципы доступного и практичного дизайна для пользователей со нарушениями слуха:

Создавайте титры для любого видео контента

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

Создавайте расшифровки исполняемого аудио

Если контент роговаривается без видео, как например в подкастах, важно сделать расшифровку. Рекомендуется создавать расшифровки с помощью простого и доступного HTML, а не в виде документа Microsoft Word или Adobe PDF, чтобы как можно более широкая публика получила доступ к ним.

Физические нарушения

Люди с физическими нарушениями варьируются от тех, кто имеет временные повреждения, например сломаную руку, до людей с параличем, которые не могут пользоваться ни одной конечностью. В зависимости от тяжести физического нарушения эти пользователи могут заходить на веб-сайты, используя распознающее голос ПО, например Dragon Naturally Speaking. Однако имеется то, что объединяет всех пользователей с физическими нарушениями — ограничение или отсутствие возможности использования мыши. Это означает, что контент веб-сайта, требующий клика мышкой или хорошей моторики недоступен таким пользователям.

Ключевые принципы доступного и практичного дизайна для пользователей с физическими нарушениями:

Убедитесь, что весь контент может быть доступен с помощью клавиатуры

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

Создавайте состояние focus для ссылок

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

a:hover, a:focus, a:active {color: #000000;}

В результате получится:

Создавайте видимые ссылки перехода

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

Убирайте двигающиеся объекты

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

Создавайте большие активные области

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

Правильно называйте ссылки на изображения и элементы управления

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

Нарушения познавательных способностей и необучаемость

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

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

Создайте единоообразный дизайн

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

Сделайте карту сайта

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

Используйте выровненный слева шрифт без засечек с изменяющимся размером

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

Создавайте полезные сообщения об ошибках

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

Предложите словесный вывод

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

Создавайте различные цветовые схемы

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

Заключение

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

Английская версия статьи — Understanding disabilities when designing a website.

Итак, какие впечатления у меня остались после семинара?

Впечатления крайне положительные! Ребята из Яндекса рассказывали интересные и реально-полезные на практике вещи, особенно мне понравились доклады на тему:

• Яндекс.Директ: основы мастерства. (Александр Немировский);
• Искусство подбора слов для использования в контекстной рекламе. (Алексей Амилющенко);
• Как правильно составить успешное рекламное объявление. (Надежда Шукалова)
• Разбор полетов: примеры удачных и неудачных рекламных кампаний. (Наталья Замятина)

В последнее время достаточно часто приходится работать с Яндекс.Директ, поэтому данный семинар пришелся как-нельзя кстати. А так же, были приведены конкретные примеры:

• эффективных и неэффективных рекламных объявлений;
• особенности настройки временного и географического таргетинга;
• как правильно настраивать ставки;
• как можно сэкономить на бюджете за счет глупости конкурентов.

Далее были зачитаны доклады Волгоградских компаний ClickON и ArtNet-Studio. Тут я был несколько разочарован.

Представитель компании ClickON четко и понятно отвечал на все заданные ему вопросы, но сути доклада я не уловил. Может быть это моя невнимательность, а может быть ошибка докладчика…

А вот представитель компании ArtNet-Studio занимался явным собственным антипиаром, по другому это назвать нельзя. Конкретно ничего писать не буду, дабы не обидеть человека, если он когда-либо попадет на эту страничку. Но после доклада публика аплодировала.

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

Иногда хочется поделиться с читателями ссылками на интересные материалы, но порой найти действительно стоящие достаточно сложно. На помощь обычно приходят RSS или социальные блогосети. Правда и их порой недостаточно.

Аналогично Евгению предлагаю всем читателям нашего блога подобный линкообмен!

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

Условия к Вашим сайтам соответственно: сайты только похожей тематики (IT, SEO, дизайн, веб-программирование и т.д.). Иные тематики не рассматриваются.

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

Думаю предложение должно Вас заинтересовать, ведь вместе с ссылкой Вы получите 100% целевой траффик на Ваш сайт. А мы в свою очередь полезную информацию.

Так же интересует SEO-сторона данной кампании. Так как недавно произошел АП Google PR, то предложение по взаимному линкообмену будет актуально ближайшие 2 месяца. Далее интересен результат в лице пузомерок сайта, хотя это и вторичная сторона дела.

Кампанию можете считать открытой, начинаем!

Проект «Дружба» на блогах:

• bolzamo.org.ru
• rotorweb.ru