Содержание

веб-контент — Web content — qaz.wiki

Контент, встречающийся как часть пользовательского опыта на веб-сайтах

Пользователи подключают свои компьютеры к веб-контенту через различные слои Интернета.

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

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

Начало

В то время как Интернет начался с исследовательского проекта правительства США в конце 1950-х годов, сеть в ее нынешнем виде не появилась в Интернете до тех пор, пока Тим Бернерс-Ли и его коллеги из Европейской лаборатории ( CERN ) не предложили концепцию связывания документов с гипертекст .

Но только после появления Mosaic , предшественника знаменитого Netscape Navigator , Интернет стал больше, чем файловая система.

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

Концепция страницы

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

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

HTML веб-контент

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

Блоги — это тип веб-сайтов, которые содержат в основном веб-страницы, созданные в HTML (хотя блоггер может совершенно не знать, что веб-страницы составлены с использованием HTML из-за используемого инструмента ведения блогов). Миллионы людей используют блоги в Интернете; блог теперь является новой «домашней страницей», то есть местом, где персонаж может раскрыть личную информацию и / или создать представление о том, кем является этот персонаж. Несмотря на то, что блог может быть написан для других целей, например, для продвижения бизнеса, суть блога заключается в том, что он написан «человеком», и этот человек раскрывает информацию с его / его точки зрения. Блоги стали мощным оружием контент-маркетологов, которые хотят увеличить посещаемость своего сайта, а также повысить рейтинг на страницах результатов поисковых систем (SERP). Современные исследования Technorati показывают, что блоги сейчас опережают социальные сети по влиянию на потребителей ( данные отчета Technorati о цифровом влиянии за 2013 год ).

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

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

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

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

Более широкий взгляд

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

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

Говоря о SEO или поисковой оптимизации, веб-контент делится на основные форматы с учетом структуры современных веб-сайтов. Они есть:

  • Веб-контент, не являющийся шаблоном

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

  • Шаблон веб-содержимого

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

Управление содержанием

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

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

Геотаргетинг

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


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

Автоматизированный разный контент

Благодаря автоматизации различного контента в интернет-маркетинге и геомаркетинге , доставка различного контента на основе географического местоположения и другой личной информации автоматизирована.

Смотрите также

Ссылки

Комплексное наполнение сайтов. Копирайтинг услуги

Роль текстового контента сайта переоценить сложно. Он помогает продавать услуги и товары, привлекать и заинтересовывать целевую аудиторию. Именно такие тексты предлагает наша команда — студия «Веб-контент», объединяющая коллектив профессиональных авторов и маркетологов.

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

Контент-студия «Веб-контент» работает на рынке услуг копирайтинга с 2001 года. Начиная с наполнения веб-проектов в частном порядке (фриланс), мы переросли в профессиональный коллектив журналистов и редакторов, подготовив уже свыше 2000 статей и более 20 000 новостей.

За эти годы студии удалось приобрести ценный опыт и завоевать расположение наших уважаемых партнеров — Promodo, Uamaster, WSDB, Novosti.ua, КБ Унифин, Квадрум, Gainsfort, TotalExpert. Мы ценим это сотрудничество, и будем рады видеть Вас среди наших партнеров.

Команда «Веб-контент» предоставляет целый спектр услуг работы с текстами:

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

Кроме работы с текстами оказываем комплексные услуги по созданию и обслуживанию сайтов, в нашем списке десятки успешно выполненных веб-проектов:

  • Создание сайтов — от проектирования ТЗ и разработки до внедрения.
  • Наполнение сайта, продвижение веб-проектов.

Почему заказать работу стоит именно в нашей студии?

  1. В отличие от многих других копирайтинг агентств, мы берем в работу небольшое количество заказов, чтобы без спешки и качественно выполнить задачу, уделяя персональное внимание каждому заказчику.
  2. Бесплатно консультируем заказчика и оказываем помощь в работе с SEO подрядчиками и фрилансерами.
  3. Имеем сложившийся стабильный коллектив профессиональных журналистов и копирайтеров.
  4. Предлагаем гибкие условия сотрудничества и скидки.
  5. Высокая ответственность — если мы говорим, что текст будет у вас в 18.00, значит, к этому времени вы увидите его у себя в электронной почте.

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

Как создавать веб-контент, который будет приносить трафик Часть 1

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

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

Ответ: с уникальным контентом. Правильный контент привлечет людей к вашему бизнесу и превратит их в потенциальных клиентов.

Не переусердствуйте с этим

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

Но вам не обязательно быть продвинутым продавцом контента, чтобы получить высокие результаты. В соответствии с исследованием Института Маркетинга Контента, только 32% компаний B2B (business to business – «бизнес для бизнеса»  компании продают свой товар/услуги корпоративным клиентам, то есть другим компаниям) описывают их маркетинговую стратегию контента как продвинутую. Остальные 68% маркетологов отмечают, что получают хорошие результаты с их контент-маркетингом.

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

УБЕДИТЕСЬ, ЧТО ВАШ КОНТЕНТ СООТВЕТСТВУЕТ ВАШЕМУ ВХОДЯЩЕМУ МАРКЕТИНГУ

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

ЭТО И ЕСТЬ ЗНАМЕНИТЫЙ ЦИКЛ МАРКЕТИНГОВОЙ ЖИЗНИ.

Правильный контент является ключевым для любой части цикла входящего маркетинга. Мы постараемся описать весь процесс, сосредоточившись в обсуждениях на областях в начале цикла, который генерирует потенциальных клиентов. Привлечение потенциальных клиентов является основной целью для 59% B2B бизнеса, B2C компаний и некоммерческих организаций. Если же рассматривать отдельно компании B2B, то это значение приближается к 85%.

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

Вам не нужно делать все это для одной части контента

Сосредоточьтесь на создании нескольких частей, которые будут работать вместе. Общая цель контента – он должен провести человека через цикл входящего маркетинга, который мог бы быть очень трудоемким. Главный смысл контент-маркетинга заключается в том, что контент работает для вас. Вот почему 72% маркетологов B2B используют контент-предложения для привлечения людей подписываться на списки рассылки, а 56% используют контент-предложения, чтобы посетители могли подписаться на их блоги. Это предоставляет потенциальным клиентам больше контента, увеличивая при этом вероятность конверсии.

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

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

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

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

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

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

КАК НАЙТИ ИДЕАЛЬНУЮ КОМБИНАЦИЮ КОЛИЧЕСТВА И КАЧЕСТВА

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

Это то же самое, что выбирать между кофе и шоколадом.

НИКТО НЕ ДОЛЖЕН ДЕЛАТЬ ПОДОБНЫЙ ВЫБОР.

И ты не один. 51% маркетологов отмечают, что найти достаточное количество времени является одним из самых сложных вопросов в их практике написания контента. Следующая наиболее распространенная проблема? Производство достаточного объема или разнообразия, с этими проблемами сталкиваются 50% маркетологов. Можно получить и то и другое одновременно, такой получается микс-контент – «мокка». Один из лучших способов этого баланса заключается в том, чтобы создавать контент регулярно и последовательно.

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

Помните, что цель вашего контента состоит не в том, чтобы осуществлять конверсию при помощи одной части контента. Это направление и сопровождение посетителей через весь процесс шаг за шагом. Лучшим способом привлечь множество посетителей является большое разнообразие контента. Посмотрите на данные из B2B-контента отчета LinkedIn Group Partner:

  • 9% публикуют контент менее одного раза в месяц;
  • 18% публикуют контент еженедельно;
  • 15% публикуют контент один раз в месяц;
  • 20% публикуют несколько раз в неделю;
  • 22% публикуют несколько раз в месяц
  • 10% публикуют ежедневно

Давайте проведем быстрый математический анализ. Это означает, что 70% маркетологов осуществляют свои публикации чаще, чем раз в месяц, а 48% публикуют не реже одного раза в неделю.

Пусть ваш контент будет конкретным

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

Сосредоточьтесь на выборе определенного контента, например, статьи об улучшении в последней версии Mac OS. Ваше время исследования будет сокращено до минимума.

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

Подумайте о статье Mac OS. Написание более конкретной статьи позволяет вам рассмотреть новейшие функции и показать свое отношение к ним. Эти объяснения и реакции – именно поэтому посетитель придет к вам в первую очередь.

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

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

сколько стоит создать интернет-контент для сайта у фрилансеров

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

Что такое web-контент

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

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

Кто занимается составлением и написанием текстов для заполнения сайта

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

Копирайтер, занимающийся составлением тематических web-текстов, интернет-контента, должен отличаться рядом профессиональных качеств. Главными среди них можно назвать:

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

Где и как заказать лучшие услуги по созданию контента для сайта

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

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

  • профили потенциальных исполнителей самых сложных и объемных заказов;
  • актуальные цены на разные услуги;
  • отзывы бывших пользователей.

Категории контента — Руководства Web-разработчика

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

Существует три типа категорий контента:

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

Обратите внимание: Более подробное обсуждение данных категорий контента и их сравнительных особенностей выходит за рамки данной статьи; можно обратиться к соответствующим разделам спецификации HTML (на английском).

Метаданные

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

Элементами метаданных являются:  <base>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <link>, <meta>, <noscript>, <script>, <style> и <title>.

Основной поток

Элементы основного потока обычно содержат текст и встроенный контент.

<a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h5> (en-US), <h6> (en-US), <header>, <hgroup>, <hr>, <i> (en-US), <iframe> (en-US), <img>, <input>, <ins>, <kbd>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object> (en-US), <ol>, <output>, <p>, <pre>, <progress>, <q> (en-US), <ruby>, <s> (en-US), <samp> (en-US), <script>, <section>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <table> (en-US), <template>, <textarea> (en-US), <time>, <ul>, <var> (en-US), <video>, <wbr> и Текст.

Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий:

Секционный контент

Заголовочный контент

Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным.

Данной категории принадлежат такие элементы, как <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h5> (en-US), <h6> (en-US) и <hgroup>.

Элемент <header> сам по себе не является заголовочным, хотя с большой вероятностью содержит контент такого типа.

Стоит заметить, что элемент <hgroup> был удалён из спецификации W3C HTML до приведения HTML 5 к окончательному варианту, но до сих пор является частью спецификации WHATWG и по крайней мере частично поддерживается большинством браузеров.

Фразовый контент

Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы.

К данной категории принадлежат следующие элементы:  <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, Этот API вышел из употребления и его работа больше не гарантируется.<command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i> (en-US), <iframe> (en-US), <img>, <input>, <kbd>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <label>, <mark>, <math>, <meter>, <noscript>, <object> (en-US), <output>, <progress>, <q> (en-US), <ruby>, <samp> (en-US), <script>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <textarea> (en-US), <time>, <var> (en-US), <video>, <wbr> и обычный текст (не только состоящий из символов пробелов).

Ещё несколько элементов входят в данную категорию при соблюдении особых условий:

  • <a>, если содержит в себе только фразовый контент
  • <area>, только внутри элемента <map>
  • <del>, если содержит в себе только фразовый контент
  • <ins>, если содержит в себе только фразовый контент
  • <link>, при наличии атрибута itemprop (en-US)
  • <map>, если содержит в себе только фразовый контент
  • <meta>, при наличии атрибута itemprop (en-US)

Встроенный контент

Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: <audio>, <canvas>, <embed>, <iframe> (en-US), <img>, <math>, <object> (en-US), <svg>, <video>.

Интерактивный контент

К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят <a>, <button>, <details>, <embed>, <iframe> (en-US), Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <label>, <select> и <textarea> (en-US).
Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий:

Явный контент

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

Контент форм

Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент <form>, либо элемент, id которого указан в атрибуте form.

Данная категория включает несколько подкатегорий:

listed
Элементы, перечисленные в IDL коллекциях form.elements (en-US) и fieldset.elements. Включают <button>, <fieldset>, <input>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <object> (en-US), <output>, <select>, и <textarea> (en-US).
labelable
Элементы, которые могут ассоциироваться с элементами <label>. Включают <button>, <input>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <meter>, <output>, <progress>, <select> и <textarea> (en-US).
submittable
Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают <button>, <input>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <object> (en-US), <select> и <textarea> (en-US).
resettable
Элементы, которые могут быть затронуты при сбросе данных формы. Включают <input>, Это устаревшее API больше не должно использоваться, но оно по-прежнему может работать.<keygen> (en-US), <output>,<select> и <textarea> (en-US).

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

Элементы поддержки скриптов

Элементы поддержки скриптов – это элементы, которые напрямую не влияют на отрисовку документа. Вместо этого они служат для внедрения скриптов, путём либо содержания кода скрипта напрямую, либо указания данных, которые будут использованы скриптами.

Элементами поддержки скриптов являются:

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

Например, элементы <del> и <ins> являются прозрачными:

<p>Мы почитаем следующие истины <del><em>священными &amp; неоспоримыми</em></del> <ins>само собой разумеющимися</ins>.</p>

Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML.

<p>Мы почитаем следующие истины <em>священными &amp; неоспоримыми</em> само собой разумеющимися.</p>

Корень задания разделов.

Сервисы для создания веб-контента | Startpack

Раздел, посвящённый облачным сервисам по работе с веб-контентом. Онлайн-редакторы для совместной работы над контентом с сохранением исходников и резервных копий. Составление контент-плана, планирование времени публикации контента, работа с комментариями и общение с аудиторией. Шаблонизаторы для упрощения создания контента и придерживания единого стиля. Сервисы сбора статистики и анализа эффективности контента.

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

Dropbox Есть бесплатный тариф

Сервис для автоматической синхронизации файлов любых размеров в Сети и через свои ПК на работе или дома.

Компактный веб-сервис для хранения заметок от Google. Он позволяет сохранять их и делиться с друзьями, коллегами и сотрудниками.

Google Диск Есть бесплатный тариф Мы используем этот сервис в Startpack и рекомендуем его

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

Evernote Есть бесплатный тариф

Онлайн-сервис для сбора заметок, и одновременно рабочее пространство для записей, блокнотов, задач, проектов и напоминаний

OneDrive Есть бесплатный тариф

Сервис для хранения и синхронизации файлов между устройствами при подключении к Интернету. Можно расширять бесплатный объём, получая доступ к пакету Office 365.

Smartcat Есть бесплатный тариф

Экосистема, объединяющая компании и переводчиков для совместной работы.

Офисный пакет, включающий в себя онлайн-редакторы, управление документами и проектами, CRM-систему, календарь, почтовый сервер и набор инструментов для создания корпоративной социальной сети.

Google Документы Есть бесплатный тариф Мы используем этот сервис в Startpack и рекомендуем его

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

Zoho Docs Есть бесплатный тариф

Пакет сервисов для управления документами с текстовым редактором и средствами для создания таблиц и презентаций.

Насколько доступен ваш веб-контент? | Веб-студия Contorra Family

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

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

Могут ли ваши пользователи получать обновления через e-mail? Наш мир становится всё более RSS friendly. Обеспечиваете ли вы отправку веб-контента в этом формате или игнорируете его? Не надо беспокоиться о том, кто получит преимущество – беспокойтесь лучше о тех, кто заметит и оценит то, что вы делаете.

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

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

— — —

Эту страницу находят по запросам:

  • wcag 2.0 что это
  • accessibility standards
  • web accessibility что это
  • доступность сайта для инвалидов
  • стандарт сайта для слабовидящих
  • версия сайта для слабовидящих требования
  • версия сайта для людей с ограниченными возможностями

Руководство по обеспечению доступности веб-контента 1.0

Руководство по обеспечению доступности веб-содержимого 1.0

Рекомендация W3C от 5 мая 1999 г.

Эта версия:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-199
(простой текст, PostScript, PDF , gzip tar-файл из HTML , zip архив HTML)
Последняя версия:
http: // www.w3.org/TR/WAI-WEBCONTENT
Предыдущая версия:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-199
Редакторы:
Венди Чизхолм, Центр исследований и разработок Trace, Университет Висконсина — Мэдисон
Грегг Вандерхайден, Центр исследований и разработок Trace, Университет Висконсина — Мэдисон
Ян Джейкобс, W3C


Авторские права © 1999 W3C ( MIT , INRIA , Кейо), все права защищены.W3C обязанность, торговая марка, документ использовать и программное обеспечение применяются правила лицензирования.


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

Это справочный документ по принципам доступности и дизайнерские идеи.Некоторые из стратегий, обсуждаемых в этом документе решить проблему интернационализации Интернета и мобильного доступа обеспокоенность. Однако в этом документе основное внимание уделяется доступности, а не полностью решить связанные с этим проблемы других W3C Действия. Пожалуйста обратитесь к W3C Mobile Access Домашняя страница активности и W3C Интернационализация Домашняя страница активности для получения дополнительной информации.

Этот документ предназначен для стабильной работы и поэтому не предоставляет конкретная информация о поддержке браузером различных технологий поскольку эта информация быстро меняется.Вместо этого Инициатива веб-доступности ( WAI ) Интернет сайт предоставляет такую ​​информацию (см. [WAI-UA-SUPPORT]).

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

В отдельном документе, озаглавленном «Рекомендации по обеспечению доступности веб-контента 1.0» ([ТЕХНИКИ]), объясняется, как реализовать контрольные точки, определенные в текущем документе. Методы В документе более подробно обсуждается каждая контрольная точка и примеры с использованием Язык разметки гипертекста ( HTML ), Каскадные таблицы стилей ( CSS ), Синхронизированный язык интеграции мультимедиа ( СМИЛ ), и математический язык разметки ( MathML ).Документ о методах также включает методы проверки и тестирования документов, а также указатель элементов и атрибутов HTML (и какие методы используй их). Документ о методах был разработан для отслеживать изменения в технологиях и, как ожидается, будет обновляться чаще, чем в текущем документе. Примечание. Не все браузеры или мультимедийные инструменты могут поддерживают функции, описанные в руководстве. В частности, новые функции HTML 4.0, CSS 1 или CSS 2 могут не поддерживаться.

«Руководство по обеспечению доступности веб-контента 1.0» является частью серии рекомендаций по обеспечению доступности. опубликовано в Интернете Инициатива. В серию также включены специальные возможности агента пользователя. Рекомендации ([WAI-USERAGENT]) и Руководство по доступности средств разработки ([WAI-AUTOOLS]).

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

Английская версия данной спецификации является единственной нормативной версия. Однако для переводов на другие языки см. Http://www.w3.org/WAI/GL/WAI-WEBCONTENT-TRANSLATIONS.

Список известных ошибок в этом документе доступен по адресу http://www.w3.org/WAI/GL/WAI-WEBCONTENT-ERRATA. Пожалуйста, сообщайте об ошибках в этом документ в wai-wcag-editor @ w3.орг.

Список текущих Рекомендаций W3C и других технических документов можно найти на http://www.w3.org/TR.

Этот документ был создан в рамках инициативы W3C Web Accessibility Initiative. В цель Руководства по веб-контенту Рабочая группа обсуждается в Рабочей группе устав.

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

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

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

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

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

Как текстовый эквивалент делает изображение доступным? Оба слова в «текстовом эквиваленте» важны:

  • Текстовое содержимое может быть представлено пользователю как синтезированная речь, шрифт Брайля и визуально отображаемый текст. Каждый из этих трех механизмов использует другой смысл — уши для синтезированной речи, тактильные для шрифта Брайля и глаза для визуально отображаемого текста — создание информация, доступная для групп, представляющих различные сенсорные и другие инвалидности.
  • Чтобы быть полезным, текст должен передавать ту же функцию или цель как изображение. Например, рассмотрим текстовый эквивалент для фотографическое изображение Земли из космоса. Если цель изображения — главным образом украшение, затем текст «Фотография Земли из космоса» могла бы выполнить необходимая функция. Если цель фотографии — проиллюстрировать конкретная информация о географии мира, затем текстовый эквивалент должен передавать эту информацию.Если фотография была оформлена чтобы указать пользователю выбрать изображение (например, щелкнув по нему) для информации о Земле эквивалентный текст будет «Информация о Земле». Таким образом, если текст передает то же самое функция или цель для пользователя с ограниченными возможностями, как изображение для других пользователей это можно считать текстовым эквивалентом.

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

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

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

В руководстве рассматриваются две общие темы: обеспечение изящного преобразование и обеспечение понятности и навигации по контенту.

2.1 Обеспечение постепенного преобразования

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

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

К теме изящной трансформации обращаются в первую очередь руководящие принципы с 1 по 11.

2.2 Делаем контент понятным и навигационный

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

Сделать контент понятным и удобным для навигации является рассматриваются в первую очередь в руководящих принципах с 12 по 14.

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

  • Нормативный номер.
  • Заявление директивы.
  • Руководящие ссылки для навигации. Три ссылки позволяют переход к следующей направляющей (стрелка вправо значок), предыдущий ориентир (значок стрелки влево), или текущее положение руководства в таблице содержимого (значок стрелки вверх).
  • Обоснование руководства и некоторых группы пользователей, которым это выгодно.
  • Список определений контрольных точек.

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

  • Номер КПП.
  • Выписка КПП.
  • Приоритет КПП. Приоритет 1 контрольные точки выделяются с помощью таблиц стилей.
  • Дополнительные информационные примечания, поясняющие примеры, и перекрестные ссылки на соответствующие руководящие принципы или контрольные точки.
  • Ссылка на раздел Документ о методах ([ТЕХНИКИ]), где обсуждаются реализации и примеры КПП.

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

3.1 Условные обозначения в документе

В тексте используются следующие редакционные соглашения. этот документ:

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

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

[Приоритет 1]
Разработчик веб-контента должен удовлетворять этому пропускной пункт. В противном случае одна или несколько групп сочтут невозможным получить доступ к информации в документе.Удовлетворение этой контрольной точки — это основное требование для некоторых групп, чтобы иметь возможность использовать веб-документы.
[Приоритет 2]
Разработчик веб-контента должен удовлетворять этому пропускной пункт. В противном случае одной или нескольким группам будет сложно получить доступ к информации в документе. Удовлетворение этой контрольной точки будет устранить значительные препятствия для доступа к веб-документам.
[Приоритет 3]
Разработчик веб-контента май адрес этот контрольно-пропускной пункт.Иначе, одной или нескольким группам будет трудно получить доступ информация в документе. Удовлетворение этой контрольной точки улучшит доступ к веб-документам.

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

В этом разделе определены три уровня соответствия этому документ:

  • Уровень соответствия «A» : все контрольные точки с приоритетом 1 удовлетворены;
  • Уровень соответствия «Double-A» : все контрольные точки приоритета 1 и 2 удовлетворены;
  • Уровень соответствия «Triple-A» : все контрольные точки приоритета 1, 2 и 3 выполнены;

Примечание. Уровни соответствия указаны в тексте так что их можно понять, когда они переведены в речь.

В заявлении о соответствии этому документу должен использоваться один из следующие две формы.

Форма 1: указать:

  • Название руководства: «Руководство по обеспечению доступности веб-контента 1.0»
  • Рекомендации URI : http://www.w3.org/TR/1999/WAI-WEBCONTENT-199
  • Удовлетворенный уровень соответствия: «A», «Double-A» или «Triple-A».
  • Объем притязаний (e.g., page, site или определенная часть сайта.).

Пример формы 1:

Эта страница соответствует «Руководству W3C по доступности веб-контента 1.0», доступно по адресу http://www.w3.org/TR/1999/WAI-WEBCONTENT-199

, уровень Double-A.

Форма 2: Включите на каждой странице с заявлением о соответствии один из трех значки, предоставленные W3C, и свяжите значок с соответствующее объяснение претензии W3C. Информация о значки и способы их вставки на страницы доступны по адресу [WCAG-ЗНАЧКИ].

Рекомендация 1. Обеспечьте эквивалентные альтернативы слуховой и визуальный контент.

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

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

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

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

Контрольно-пропускные пункты:
1.1 Обеспечьте текстовый эквивалент для каждого нетекстового элемента (например, через alt, longdesc или в содержимом элемента). Сюда входят : изображения, графические представления текста (включая символы), области карты изображений, анимации (например, анимированные GIF-файлы), апплеты и программные объекты, искусство ascii , фреймы, сценарии, изображения, используемые в качестве маркеров списка, разделителей, графические кнопки, звуки (воспроизводимые с или без взаимодействия с пользователем), автономные аудиофайлы, аудиодорожки видео и видео.[Приоритет 1]
Например, в HTML:
  • Используйте alt для элементов IMG, INPUT и APPLET, или укажите текстовый эквивалент в содержании элементов OBJECT и APPLET.
  • Для сложного содержимого (например, диаграммы), где текст «alt» не является полным текстом эквивалент, укажите дополнительные описание с использованием, например, longdesc с IMG или FRAME, ссылка внутри элемента OBJECT, или ссылку на описание.
  • Для карт изображений используйте атрибут alt с AREA или используйте элемент MAP с элементами A (и другим текстом) в качестве содержимого.

См. Также КПП 9.1 и КПП 13.10.

Техника КПП 1.1
1.2 Предоставьте повторяющиеся текстовые ссылки для каждой активной области карты изображений на стороне сервера. [Приоритет 1]
См. Также КПП 1.5 и КПП 9.1.
Техника КПП 1.2
1.3 До тех пор, пока пользовательские агенты не смогут автоматически читать вслух текстовый эквивалент визуальной дорожки, предоставьте слуховое описание важной информации визуальной дорожки мультимедийной презентации.[Приоритет 1]
Синхронизировать слуховой описание со звуковой дорожкой согласно КПП 1.4. Обратитесь к контрольной точке 1.1 для получения информации о текстовых эквиваленты визуальной информации.
Техника КПП 1.3
1.4 Для любой временной мультимедийной презентации (например, фильма или анимации) синхронизируйте эквивалентные альтернативы (например, титры или слуховые описания визуальной дорожки) с презентацией. [Приоритет 1]
Приемы для КПП 1.4
1.5 До тех пор, пока пользовательские агенты не отобразят текстовые эквиваленты для ссылок на клиентские карты изображений, предоставьте избыточные текстовые ссылки для каждой активной области клиентской карты изображений. [Приоритет 3]
См. Также КПП 1.2 и КПП 9.1.
Техника КПП 1.5

Рекомендация 2. Не полагайтесь только на цвет.

Убедитесь, что текст и графика понятно при просмотре без цвета.

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

Контрольно-пропускных пунктов:
2.1 Убедитесь, что вся информация, передаваемая с помощью цвета, также доступна без цвета, например, из контекста или разметки. [Приоритет 1]
Техника КПП 2,1
2.2 Убедитесь, что сочетания цветов переднего плана и фона обеспечивают достаточный контраст при просмотре человеком с дефицитом цвета или при просмотре на черно-белом экране.[Приоритет 2 для изображений, Приоритет 3 для текста].
Техника для КПП 2.2

Рекомендация 3. Используйте разметку и таблицы стилей и сделайте это. должным образом.

Разметьте документы с помощью соответствующих структурных элементов. Контроль презентация с таблицами стилей, а не с элементами презентации и атрибуты.

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

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

С другой стороны, разработчики контента не должны жертвовать подходящая разметка, потому что определенный браузер или вспомогательная технология не обрабатывает его правильно. Например, уместно использовать элемент TABLE в HTML для разметки табличная информация даже хотя некоторые старые программы чтения с экрана могут не работать параллельно текст правильно (см. пункт 10.3). С использованием ТАБЛИЦА правильно и создание таблиц, которые красиво трансформируются (см. рекомендация 5) позволяет программному обеспечению отображать другие таблицы. чем как двумерные сетки.

Контрольно-пропускные пункты:
3.1 При наличии подходящего языка разметки для передачи информации используйте разметку, а не изображения. [Приоритет 2]
Например, используйте MathML для разметки математических уравнения и таблицы стилей для форматирования текста и управления макетом. Также, избегайте использования изображений для представления текста — используйте текст и таблицы стилей вместо. См. Также рекомендации 6 и 11.
Техника для КПП 3,1
3.2 Создайте документы, подтверждающие соответствие опубликованным формальным грамматикам.[Приоритет 2]
Например, укажите тип документа декларация в начале документ, который ссылается на опубликованный DTD (например, строгий HTML 4.0 DTD).
Техника КПП 3,2
3.3 Используйте таблицы стилей для управления макетом и представлением. [Приоритет 2]
Например, используйте свойство CSS ‘font’ вместо элемента HTML FONT для управления стилями шрифтов.
Техника КПП 3.3
3.4 Используйте относительные, а не абсолютные единицы в значениях атрибутов языка разметки и значениях свойств таблиц стилей.[Приоритет 2]
Например, в CSS используйте ’em’ или процент длины, а не pt или cm, которые являются абсолютными единицы измерения. Если используются абсолютные единицы, проверить, что визуализированный контент можно использовать (см. раздел о валидации).
Техника для КПП 3,4
3.5 Используйте элементы заголовка для передачи структуры документа и используйте их в соответствии со спецификацией. [Приоритет 2]
Например, в HTML используйте h3, чтобы указать подраздел h2. Не используйте заголовки для эффектов шрифта.
Техника КПП 3,5
3.6 Правильно разметьте списки и элементы списков. [Приоритет 2]
Например, в HTML правильно размещайте списки OL, UL и DL.
Техника КПП 3,6
3,7 Наценка котировок. Не используйте разметку кавычек для эффектов форматирования, таких как отступ. [Приоритет 2]
Например, в HTML используйте элементы Q и BLOCKQUOTE. для разметки коротких и длинных котировок соответственно.
Приемы для КПП 3.7

Рекомендация 4. Уточнение использования естественного языка

Используйте разметку, облегчающую произношение или интерпретацию сокращенный или иностранный текст.

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

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

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

Контрольно-пропускных пунктов:
4.1 Четко обозначьте изменения в естественном языке текста документа и любых текстовых эквивалентов (например, подписей). [Приоритет 1]
Например, в HTML используйте атрибут «lang». В XML используйте «xml: lang».
Техника КПП 4.1
4.2 Укажите расширение каждого сокращения или акронима в документе, где оно встречается впервые. [Приоритет 3]
Например, в HTML, используйте атрибут «title» элементов ABBR и ACRONYM.Обеспечение расширения в основной части документа также помогает документировать удобство использования.
Техника КПП 4,2
4.3. Определите основной естественный язык документа. [Приоритет 3]
Например, в HTML установите атрибут «lang» в HTML-элемент. В XML используйте «xml: lang». Операторы серверов должны настроить серверы на воспользоваться механизмами согласования содержимого HTTP ([RFC2068], раздел 14.13) поэтому что клиенты могут автоматически получать документы на предпочитаемом языке.
Техника КПП 4.3

Рекомендация 5. Создавайте таблицы с плавным преобразованием.

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

Таблицы следует использовать для правильной разметки табличная информация («данные таблицы «). Разработчикам контента следует избегать их использования для компоновки страниц. («Макетные таблицы»). Таблицы для любого использования также представляют особые проблемы. пользователям экрана читатели (см. КПП 10.3).

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

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

Контрольно-пропускных пунктов:
5.1 Для таблиц данных определите заголовки строк и столбцов. [Приоритет 1]
Например, в HTML используйте TD для идентифицировать ячейки данных и TH для идентификации заголовков.
Техника КПП 5.1
5.2 Для таблиц данных, которые имеют два или более логических уровня заголовков строк или столбцов, используйте разметку для связывания ячеек данных и ячеек заголовков. [Приоритет 1]
Например, в HTML используйте THEAD, TFOOT и TBODY для группировки строки, COL и COLGROUP для группировки столбцов и атрибуты «ось», «область действия» и «заголовки» для описания более сложные отношения между данными.
Техника КПП 5.2
5.3 Не используйте таблицы для компоновки, если таблица не имеет смысла при линеаризации. В противном случае, если таблица не имеет смысла, предоставьте альтернативный эквивалент (который может быть линеаризованной версией). [Приоритет 2]
Примечание. Как только пользовательские агенты поддержка позиционирования таблицы стилей, таблицы не должны использоваться для верстки. См. Также пункт 3.3.
Техника КПП 5,3
5.4 Если таблица используется для макета, не используйте структурную разметку для визуального форматирования.[Приоритет 2]
Например, в HTML не используйте элемент TH для вызвать содержимое (не заголовок таблицы) ячейка будет отображаться по центру и жирным шрифтом.
Техника КПП 5,4
5.5 Предоставьте сводки для таблиц. [Приоритет 3]
Например, в HTML используйте атрибут «сводка». элемента ТАБЛИЦА.
Техника КПП 5,5
5.6 Укажите сокращения для меток заголовков. [Приоритет 3]
Например, в HTML используйте атрибут abbr в TH элемент.
Техника КПП 5,6

См. Также КПП 10.3.

Рекомендация 6. Убедитесь, что страницы с новые технологии изящно преобразуются.

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

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

Контрольно-пропускные пункты:
6.1 Организуйте документы так, чтобы их можно было читать без таблиц стилей. Например, когда HTML-документ визуализируется без связанных таблиц стилей, он все равно должен быть доступен для чтения. [Приоритет 1]
Когда контент организован логически, он будет отображается в осмысленном порядке, когда таблицы стилей выключены или не поддерживаются.
Техника КПП 6.1
6.2 Убедитесь, что эквиваленты динамического содержимого обновляются при изменении динамического содержимого.[Приоритет 1]
Техника КПП 6.2
6.3 Убедитесь, что страницы можно использовать, когда сценарии, апплеты или другие программные объекты отключены или не поддерживаются. Если это невозможно, предоставьте эквивалентную информацию на альтернативной доступной странице. [Приоритет 1]
Например, убедитесь, что ссылки, запускающие скрипты, работают. когда скрипты отключены или не поддерживаются (например, не используйте «javascript:» в качестве цели ссылки). Если нет возможности сделать страницу, которую можно использовать без скриптов, укажите текстовый эквивалент с NOSCRIPT или используйте серверный скрипт вместо клиентского. скрипт или предоставить альтернативную доступную страницу в соответствии с КПП 11.4. См. Также рекомендацию 1.
Техника КПП 6.3
6.4 Для сценариев и апплетов убедитесь, что обработчики событий не зависят от устройства ввода. [Приоритет 2]
См. Определение независимость от устройства.
Техника КПП 6.4
6.5 Убедитесь, что динамический контент доступен, или предоставьте альтернативное представление или страницу. [Приоритет 2]
Например, в HTML используйте NOFRAMES в конце каждого набора фреймов.Для некоторых приложений серверные скрипты могут быть более доступными, чем клиентские скрипты.
Техника КПП 6.5

См. Также КПП 11.4.

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

Убедитесь, что перемещение, мигание, прокрутка или автоматическое обновление объектов или страницы могут быть приостановлены или остановлены.

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

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

Контрольно-пропускных пунктов:
7.1 Пока пользовательские агенты не позволят пользователям управлять мерцанием, избегайте мерцания экрана. [Приоритет 1]
Примечание. человек при светочувствительной эпилепсии судороги могут быть вызваны: мерцание или мигание в диапазоне от 4 до 59 вспышек в секунду (Герц) с максимальной чувствительностью 20 вспышек в секунду и быстрой меняется с темного на светлый (как стробоскопы).
Техника КПП 7.1
7.2 До тех пор, пока пользовательские агенты не позволят пользователям управлять миганием, избегайте мигания содержимого (т.е.е. регулярно менять представление, например включать и выключать). [Приоритет 2]
Техника КПП 7.2
7.3 До тех пор, пока пользовательские агенты не позволят пользователям останавливать движущийся контент, избегайте движения на страницах. [Приоритет 2]
Если страница содержит движущееся содержимое, предоставить механизм в сценарии или апплет, позволяющий пользователям останавливать движение или обновления. Использование таблиц стилей со сценариями для создания движение позволяет пользователям выключить или легче переопределить эффект.См. Также руководство 8.
Техника КПП 7.3
7.4 Пока пользовательские агенты не предоставят возможность останавливать обновление, не создавайте периодически автоматически обновляющиеся страницы. [Приоритет 2]
Например, в HTML не заставлять страницы автоматически обновляться с «HTTP-EQUIV = refresh», пока пользовательские агенты разрешить пользователям отключать эту функцию.
Техника КПП 7,4
7.5 Пока пользовательские агенты не предоставят возможность остановить автоматическое перенаправление, не используйте разметку для автоматического перенаправления страниц.Вместо этого настройте сервер для выполнения перенаправления. [Приоритет 2]
Техника КПП 7,5

Примечание. Элементы BLINK и MARQUEE не определены в любой спецификации W3C HTML и не должны использовал. См. Также руководство 11.

Рекомендация 8. Обеспечение прямого доступа встроенного пользователя интерфейсы.

Убедитесь, что пользовательский интерфейс соответствует принципам доступного дизайна: независимый от устройств доступ к функциональность, работоспособность клавиатуры, автоголосование и т. д.

Когда у встроенного объекта есть «собственный интерфейс», интерфейс — как и сам интерфейс браузера — должен быть доступен. Если интерфейс встроенного объекта нельзя сделать доступным, должно быть предоставлено альтернативное доступное решение.

Примечание. Для получения информации о доступных интерфейсах, пожалуйста, ознакомьтесь с Руководством по доступности User Agent ([WAI-USERAGENT]) и инструментом Authoring Tool. Рекомендации по доступности ([WAI-AUTOOL]).

КПП:
8.1 Обеспечьте прямой доступ к программным элементам, таким как сценарии и апплеты, или совместимость со вспомогательными технологиями [Приоритет 1, если функциональность важна и нигде не представлена, в противном случае — Приоритет 2.]
См. Также руководство 6.
Техника КПП 8.1

Рекомендация 9. Дизайн для независимости от устройства.

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

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

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

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

Контрольно-пропускные пункты:
9.1 Предоставлять карты изображений на стороне клиента вместо карт изображений на стороне сервера, за исключением тех случаев, когда области не могут быть определены с доступной геометрической формой. [Приоритет 1]
См. Также контрольную точку 1.1, контрольную точку 1.2, и КПП 1.5.
Техника для КПП 9,1
9.2 Убедитесь, что любой элемент, имеющий собственный интерфейс, может работать независимо от устройства. [Приоритет 2]
См. Определение независимость от устройства.
См. Также руководство 8.
Техника для КПП 9,2
9.3 Для сценариев укажите логические обработчики событий, а не обработчики событий, зависящие от устройства. [Приоритет 2]
Техника для КПП 9,3
9.4 Создайте логический порядок табуляции с помощью ссылок, элементов управления формы и объектов. [Приоритет 3]
Например, в HTML укажите порядок табуляции с помощью атрибут tabindex или обеспечить логический дизайн страницы.
Приемы для КПП 9.4
9.5 Предоставьте сочетания клавиш для важных ссылок (в том числе в клиентских картах изображений), элементов управления формы и групп элементов управления формы. [Приоритет 3]
Например, в HTML укажите ярлыки через атрибут «accesskey».
Техника КПП 9,5

Рекомендация 10. Используйте промежуточные решения.

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

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

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

Контрольно-пропускных пунктов:
10.1 Пока пользовательские агенты не разрешат пользователям отключать порожденные окна, не вызывать всплывающих или других окон и не изменять текущее окно без уведомления пользователя. [Приоритет 2]
Например, в HTML избегайте использования фрейма, цель которого это новое окно.
Техника КПП 10,1
10.2 Пока пользовательские агенты не поддерживают явные ассоциации между метками и элементами управления формы, для всех элементов управления формы с неявно связанными метками убедитесь, что метка расположена правильно. [Приоритет 2]
Этикетка должна стоять непосредственно перед его контроль в той же строке (позволяя более одного элемент управления / метка в строке) или находиться в строке, предшествующей элемент управления (только с одной меткой и одним элементом управления на строку). См. Также контрольную точку 12.4.
Техника для КПП 10,2
10.3 Пока пользовательские агенты (включая вспомогательные технологии) не отображают параллельный текст правильно, предоставьте линейный текст (на текущей странице или какой-либо другой) для всех таблиц , которые размещают текст в параллельных столбцах с переносом слов. [Приоритет 3]
Примечание. Пожалуйста, ознакомьтесь с определением линеаризованная таблица. Этот контрольно-пропускной пункт приносит пользу людям с пользовательские агенты (например, некоторые программы чтения с экрана) которые не могут обрабатывать блоки текста, представленные бок о бок; КПП не должен отпугивать разработчики контента от использования таблиц представлять табличная информация.
Техника для КПП 10,3
10.4 До тех пор, пока пользовательские агенты не будут правильно обрабатывать пустые элементы управления, включите символы по умолчанию в поля редактирования и текстовые области. [Приоритет 3]
Например, в HTML сделайте это для ТЕКСТАРА и ВХОД.
Техника для КПП 10,4
10.5 До тех пор, пока пользовательские агенты (включая вспомогательные технологии) не отобразят соседние ссылки отчетливо, включайте несвязочные печатные символы (окруженные пробелами) между соседними ссылками.[Приоритет 3]
Техника КПП 10,5

Директива 11. Используйте технологии и рекомендации W3C.

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

Текущие рекомендации рекомендуют технологии W3C (например, HTML, CSS и др.) по нескольким причинам:

  • Технологии W3C включают «встроенные» специальные возможности.
  • Спецификации W3C проходят предварительную проверку для обеспечения доступности вопросы рассматриваются на этапе проектирования.
  • Спецификации W3C разрабатываются в процессе открытого отраслевого консенсуса.

Многие форматы, отличные от W3C (например, PDF, , Shockwave и т. Д.), Требуют просмотра с плагинами или автономными приложениями. Часто эти форматы нельзя просматривать или перемещаться с помощью стандартных пользовательские агенты (включая вспомогательные технологии).Избегайте нестандартных функций и функций, отличных от W3C (проприетарные элементы, атрибуты, свойства и расширения) будут имеют тенденцию делать страницы более доступными для большего числа людей, использующих более широкий разнообразие аппаратного и программного обеспечения. Когда недоступен технологии (проприетарные или нет) должны использоваться эквивалентные доступные страницы.

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

Примечание. Преобразование документов (из PDF, PostScript, RTF и т. Д.) В языки разметки W3C (HTML, XML ) не всегда создает доступный документ. Поэтому проверяйте каждую страницу на предмет доступность и удобство использования после процесса преобразования (см. раздел о валидации). Если страница не сразу преобразовать, либо пересмотреть страницу до ее исходной представление преобразуется соответствующим образом или предоставляет HTML или простой текст версия.

Контрольно-пропускных пунктов:
11.1 Используйте технологии W3C, если они доступны и подходят для задачи, и используйте последние версии, если они поддерживаются. [Приоритет 2]
См. Список литературы для получения информации о том, где найти последние спецификации W3C и [WAI-UA-SUPPORT] для получения информации о поддержке пользовательских агентов для технологий W3C.
Техника для КПП 11,1
11.2 Избегайте устаревших функций технологий W3C. [Приоритет 2]
Например, в HTML не используйте устарел Элемент FONT; вместо этого используйте таблицы стилей (е.g., свойство ‘font’ в CSS).
Техника для КПП 11,2
11.3 Предоставлять информацию, чтобы пользователи могли получать документы в соответствии со своими предпочтениями (например, языком, типом контента и т. Д.) [Приоритет 3]
Примечание. По возможности используйте согласование содержимого.
Техника для КПП 11,3
11.4 Если, приложив максимум усилий, вы не можете создать доступную страницу, укажите ссылку на альтернативную страницу, которая использует технологии W3C, доступна, имеет эквивалентную информацию (или функциональность) и обновляется так же часто, как недоступная (исходная) страница. .[Приоритет 1]
Техника для КПП 11,4

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

Рекомендация 12. Предоставьте информацию о контексте и ориентации.

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

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

Контрольно-пропускные пункты:
12.1 Заголовок каждого кадра для облегчения идентификации кадра и навигации. [Приоритет 1]
Например, в HTML используйте атрибут «title» в FRAME. элементы.
Техника для КПП 12,1
12.2 Опишите назначение фреймов и то, как фреймы соотносятся друг с другом, если это не очевидно из одних только заголовков фреймов. [Приоритет 2]
Например, в HTML используйте longdesc или ссылка на описание.
Приемы для КПП 12.2
12.3 Разделите большие блоки информации на более управляемые группы, где это естественно и уместно. [Приоритет 2]
Например, в HTML используйте OPTGROUP группировать элементы OPTION внутри SELECT; группировать элементы управления формами с помощью FIELDSET и LEGEND; при необходимости используйте вложенные списки; используйте заголовки для структурирования документов и т. д. См. Также руководство 3.
Техника КПП 12,3
12.4 Свяжите ярлыки с соответствующими элементами управления. [Приоритет 2]
Например, в HTML используйте LABEL и его атрибут «for».
Техника для КПП 12,4

Указание 13. Обеспечьте понятные механизмы навигации.

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

Ясный и последовательный навигация механизмы важны для людей с когнитивными инвалидности или слепоты и приносят пользу всем пользователям.

Контрольно-пропускные пункты:
13.1 Четко определите цель каждой ссылки. [Приоритет 2]
Ссылка текст должен быть достаточно значимым иметь смысл при чтении вне контекста — либо отдельно, либо как часть последовательности ссылок. Текст ссылки также должен быть кратким.
Например, в HTML напишите «Информация о версия 4.3 «вместо» щелкните здесь «. Помимо четкого текста ссылки, разработчики контента могут дополнительно уточнить цель ссылки с информативным заголовком ссылки (например, в HTML атрибут «title»).
Техника для КПП 13.1
13.2 Предоставлять метаданные для добавления семантической информации к страницам и сайтам. [Приоритет 2]
Например, используйте RDF ([RDF]) указать автора документа, тип контента и т. д.
Примечание. Немного HTML пользовательские агенты может создавать инструменты навигации из отношений документов, описанных элемент HTML LINK и атрибуты rel или rev (например, rel = «next», rel = «previous», rel = «index» и т. д.). См. Также пункт 13.5.
Техника для КПП 13.2
13.3 Предоставьте информацию об общем макете сайта (например, карту сайта или оглавление). [Приоритет 2]
При описании макета сайта, выделите и объясните доступные специальные возможности.
Техника для КПП 13,3
13.4 Последовательное использование навигационных механизмов. [Приоритет 2]
Техника для КПП 13,4
13.5 Предоставьте панели навигации для выделения и предоставления доступа к механизму навигации.[Приоритет 3]
Техника для КПП 13,5
13.6 Сгруппируйте связанные ссылки, идентифицируйте группу (для пользовательских агентов) и, пока пользовательские агенты не сделают это, предоставьте способ обхода группы. [Приоритет 3]
Техника для КПП 13,6
13.7 Если предусмотрены функции поиска, включите разные типы поиска для разных уровней навыков и предпочтений. [Приоритет 3]
Техника для КПП 13,7
13.8 Размещайте отличительную информацию в начале заголовков, абзацев, списков и т. Д.[Приоритет 3]
Примечание. Это обычно называется «фронтальной загрузкой» и особенно полезно для людей, получающих доступ к информации с серийным устройства, такие как синтезаторы речи.
Техника для КПП 13,8
13.9 Предоставлять информацию о коллекциях документов (т. Е. Документов, состоящих из нескольких страниц). [Приоритет 3]
Например, в HTML укажите коллекции документов с помощью ССЫЛКИ элемент и атрибуты «rel» и «rev».Другой способ создать коллекцию — построить архив (например, с zip, tar и gzip, stuffit и т. д.) из нескольких страниц.
Примечание. Улучшение производительности, полученное офлайн обработка может сделать просмотр намного меньше дорого для людей с ограниченными возможностями, которые могут просматривать медленно.
Техника для КПП 13,9
13.10 Предоставьте средства для пропуска многострочного ASCII-арта. [Приоритет 3]
Обратитесь к контрольной точке 1.1 и к примеру ascii art в глоссарии.
Техника для КПП 13.10

Рекомендация 14. Убедитесь, что документы понятны и просты.

Убедитесь, что документы ясны и просты, чтобы их может быть легче понять.

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

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

Контрольно-пропускные пункты:
14.1 Используйте самый ясный и простой язык, подходящий для содержания сайта.[Приоритет 1]
Техника КПП 14,1
14.2 Дополните текст графическими или слуховыми презентациями, чтобы облегчить понимание страницы. [Приоритет 3]
См. Также руководство 1.
Техника для КПП 14,2
14.3 Создайте стиль представления, совместимый на всех страницах. [Приоритет 3]
Техника для КПП 14,3

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

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

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

  1. Используйте автоматический инструмент специальных возможностей и инструмент проверки браузера.Обратите внимание, что программные инструменты не обеспечивают полную доступность. такие вопросы, как осмысленность текста ссылки, применимость текстовый эквивалент и т. д.
  2. Проверить синтаксис (например, HTML, XML и т. Д.).
  3. Проверить таблицы стилей (например, CSS).
  4. Используйте только текстовый браузер или эмулятор.
  5. Используйте несколько графических браузеров с:
    • звуков и графики загружены,
    • графика не загружена,
    • звуки не загружены,
    • без мыши,
    • фреймы, скрипты, таблицы стилей и апплеты не загружены
  6. Используйте несколько браузеров, старые и новые.
  7. Используйте голосовое голосование браузер, программа чтения с экрана, программное обеспечение для увеличения, небольшой дисплей, пр.
  8. Используйте средства проверки правописания и грамматики. Человек, читающий страницу с синтезатор речи может быть не в состоянии расшифровать синтезатор наилучшим образом угадать слово с орфографической ошибкой. Устранение грамматических проблем увеличивает понимание.
  9. Просмотрите документ на предмет ясности и простоты. Статистика удобочитаемости, например, генерируемая каким-либо словом процессоры могут быть полезными индикаторами ясности и простоты.Лучше тем не менее, попросите опытного (человека) редактора просмотреть письменный контент для ясность. Редакторы также могут повысить удобство использования документов, выявление потенциально деликатных культурных проблем это может возникнуть из-за использования языка или значков.
  10. Пригласите людей с ограниченными возможностями для просмотра документов. Эксперт и начинающие пользователи с ограниченными возможностями предоставят ценные отзывы о проблемах доступности или удобства использования и их серьезности.

Доступно
Контент доступен, когда он может использоваться кем-то с ограниченными возможностями.
Аплет
Программа, вставленная на веб-страницу.
Вспомогательные технологии
Программное или аппаратное обеспечение, специально разработанное для помощи люди с ограниченными возможностями при выполнении повседневных дел. Вспомогательный техника включает инвалидные коляски, читающие машины, устройства для хватание и т. д. В области веб-доступности обычным программные вспомогательные технологии, включая программы чтения с экрана, лупы, синтезаторы речи и программное обеспечение для ввода голоса, которые работают в сочетании с графическими настольными браузерами (среди других пользователей агенты).Вспомогательные аппаратные технологии включают альтернативные клавиатуры и указывающие устройства.
Искусство ASCII
ASCII art относится к текстовым знакам и символам. которые объединяются для создания образа. Например, «;-)» — смайлик-смайлик. Следующее цифра в формате ascii, показывающая соотношение между частотой вспышки и светосудорожный ответ у пациентов с глаза открываются и закрываются [пропустить над цифрой ascii или свериться с описанием диаграммы]:
  % __ __ __ __ __ __ __ __ __ __ __ __ __ __
100 | * |
 90 | * * |
 80 | * * |
 70 | @ * |
 60 | @ * |
 50 | * @ * |
 40 | @ * |
 30 | * @ @ @ * |
 20 | |
 10 | @ @ @ @ @ |
      0 5 10 15 20 25 30 35 40 45 50 55 60 65 70
      Частота вспышки (Герцы)
 
Инструмент для разработки
HTML редакторы, инструменты преобразования документов, инструменты, которые генерировать веб-контент из баз данных — все инструменты разработки.Обратитесь к «Руководство по доступности средств разработки» ([WAI-AUTOOLS]) для получения информации о разработке доступные инструменты.
Обратная совместимость
Дизайн, который продолжает работать с более ранними версиями языка, программы и т. д.
Брайля
Брайль использует шесть выпуклых точек с разными узорами для обозначения буквы и цифры, которые должны читать люди, слепые своими кончики пальцев. Слово «доступный» шрифтом Брайля следует:
A Брайлевский дисплей , обычно называемый «динамическим дисплеем Брайля», повышает или понижает точечные рисунки по команде с электронного устройства, обычно компьютер.В результате получается строка шрифта Брайля, которая может меняться в любой момент. к моменту. Текущие динамические дисплеи Брайля имеют размер от одной ячейки (шесть или восемь точек) к линии из восьмидесяти клеток, большинство из которых от двенадцати до двадцати ячеек в строке.
Содержимое проявитель
Тот, кто является автором веб-страниц или дизайном веб-сайтов.
Устарело
Устаревший элемент или атрибут — это тот, который устарел на более новые конструкции.Устаревшие элементы могут стать устарело в будущих версиях HTML. В индекс элементов и атрибутов HTML в Документ о методах указывает, какие элементы и атрибуты устарели в HTML 4.0.
Авторам следует избегать использования устаревших элементов и атрибутов. Пользовательские агенты должны продолжать поддерживать причины обратной совместимости.
Независимое устройство
Пользователи должны иметь возможность взаимодействовать с пользовательским агентом. (и документ, который он отображает) с использованием поддерживаемых входных и выходных данных. устройства по своему выбору и в соответствии с их потребностями.Устройства ввода могут включать указывающие устройства, клавиатуры, устройства Брайля, налобные палочки, микрофоны и другие. Устройства вывода могут включать мониторы, синтезаторы речи и устройства Брайля.
Обратите внимание, что «поддержка, не зависящая от устройства» не означает, что Пользовательские агенты должны поддерживать каждое устройство ввода или вывода. Пользовательские агенты должен предлагать избыточные механизмы ввода и вывода для этих устройств. которые поддерживаются. Например, если пользовательский агент поддерживает клавиатуру и ввод с помощью мыши, пользователи должны иметь возможность взаимодействовать со всеми функциями с помощью клавиатуры или мыши.
Содержание документа, Структура и презентация
Содержание документа относится к что он говорит пользователю на естественном языке, изображения, звуки, фильмы, анимация и т. д. Структура документа такая, какая она есть организованы логически (например, по главам, с введение и оглавление и т. д.). Элемент (например, P, STRONG, BLOCKQUOTE в HTML), который определяет документ конструкция называется структурной элемент. Презентация document — это то, как отображается документ (например,г., как печать, как двухмерное графическое представление, только текстовое представление, синтезированной речи, шрифтом Брайля и т. д.) Элемент который определяет представление документа (например, B, FONT, CENTER) называется презентацией элемент.
Рассмотрим, например, заголовок документа. Содержание заголовка — это то, что в заголовке написано (например, «Парусники»). В HTML заголовок является структурным элементом размеченный, например, элементом h3. Наконец, представление заголовка может быть выделенный жирным шрифтом текст на полях, центрированная строка текста, название, произносимое определенным голосом (например, слуховой шрифт) и т. д.
динамический HTML (DHTML)
DHTML — это маркетинговый термин, применяемый к смесь стандартов, включая HTML, таблицы стилей, Объектная модель документа [DOM1] и сценарии. Однако нет спецификации W3C, которая формально определяет DHTML. Большинство рекомендаций могут быть применимы в приложения, использующие DHTML, однако следующие рекомендации сосредоточены на вопросы, связанные со сценариями и таблицами стилей: рекомендация 1, руководство 3, руководство 6, руководство 7 и руководство 9.
Элемент
В этом документе термин «элемент» используется как в строгом смысле SGML (элемент — это синтаксическая конструкция) и в более общем смысле, чтобы означать тип контента (например, видео или звука) или логического конструкция (например, заголовок или список). Второе чувство подчеркивает, что руководство, вдохновленное HTML можно легко применить к другому языку разметки.
Обратите внимание, что некоторые элементы (SGML) имеют содержимое, которое отображается (например, элементы P, LI или TABLE в HTML), некоторые заменяются по внешнему содержанию (например,g., IMG), а некоторые влияют обработка (например, СТИЛЬ и СЦЕНАРИЙ вызывают информацию для обработки таблицей стилей или обработчиком сценариев). Элемент, вызывающий текстовые символы быть частью документа называется текстовый элемент.
Эквивалент
Контент «эквивалентен» другому контенту, когда оба по существу та же функция или цель при представлении пользователю. В контексте в этом документе эквивалент должен выполнять, по сути, ту же функцию для человека с ограниченными возможностями (по крайней мере, насколько это возможно, учитывая характер инвалидности и состояние техники), в качестве основного контент подходит для человека без инвалидности.Например, текст «Полнолуние» может содержать ту же информацию. как изображение полной луны при представлении пользователям. Обратите внимание, что эквивалентная информация сосредоточена на выполнении та же функция . Если изображение часть ссылки и понимание изображения имеет решающее значение чтобы угадать цель ссылки, эквивалент также должен давать пользователям представление о целевой ссылке. Предоставление эквивалентной информации для недоступных контент — один из основных способов авторы могут сделать свои документы доступными для людей с инвалидность.
В рамках выполнения той же функции содержания эквивалент может включать описание этого контента (т.е. как выглядит или звучит контент). Например, чтобы пользователи понимали информация, переданная сложной диаграммой, Авторы должны описывать визуальную информацию в таблице.
Поскольку текстовый контент может быть представлен пользователю как синтезированный речь, шрифт Брайля и визуально отображаемый текст, эти рекомендации требуется текст эквиваленты для графической и звуковой информации.Текстовые эквиваленты должны быть написаны так, что передают все необходимое содержание. Нет текста эквиваленты (например, слуховое описание визуального представления, видео человека рассказывать историю, используя язык жестов в качестве эквивалент письменного рассказа и т. д.) также улучшить доступность для люди, которые не могут получить доступ к визуальной информации или письменный текст, в том числе многие люди со слепотой, когнитивные нарушения, нарушения обучаемости и глухота.
Эквивалентная информация может быть предоставлена ​​несколькими способами, в том числе через атрибуты (например,g., текстовое значение для «alt» атрибут в HTML и SMIL) как часть содержимого элемента (например, ОБЪЕКТ в HTML), как часть текста документа или через связанный документ (например, обозначенный атрибутом longdesc в HTML или ссылкой описания ). В зависимости от сложности эквивалент, может потребоваться объединить методы (например, использовать «alt» для сокращенного эквивалента, полезного для знакомых читателей, в дополнение к longdesc для ссылки на более полную информацию, полезно для начинающих читателей).Подробная информация о том, как и когда предоставлять эквивалентную информацию являются частью документа о методах ([МЕТОДЫ]).
A расшифровка текста текстовый эквивалент аудиоинформации, которая включает устную слова и молчаливые звуки, например звуковые эффекты. Подпись — текст стенограмма звуковой дорожки видеопрезентации, которая синхронизируется с видео и аудио треками. Субтитры обычно визуализируется путем наложения на видео, что приносит пользу глухим и слабослышащие и все, кто не слышит звук (например,грамм., в переполненном помещении). A с подборкой расшифровка текста объединяет (сопоставляет) подписи с текстовыми описаниями видеоинформации (описание действий, язык тела, графика и сцена изменения видеодорожки). Эти текстовые эквиваленты делают презентации, доступные для слепоглухих и для людей, которые не может воспроизводить фильмы, анимацию и т. д. Это также делает информацию доступны для поисковых систем.
Примером нетекстового эквивалента является слуховое описание ключевых визуальных элементов презентации.Описание является либо предварительно записанный человеческий голос или синтезированный голос (записанный или сгенерированный на лету). Слуховое описание синхронизируется со звуковой дорожкой презентации, обычно во время естественных пауз в звуковой дорожке. Слуховые описания включают информацию о действиях, язык тела, графика и изменения сцены.
Изображение
Графическое представление.
Карта изображения
Изображение, разделенное на области с соответствующими действия.Щелчок по активной области вызывает действие.
Когда пользователь нажимает на активную область клиентская карта изображений, пользовательский агент вычисляет, в каком регионе произошел щелчок, и переходит по ссылке, связанной с этим регионом. Нажав на активный область серверной карты изображения вызывает координаты щелчка для отправки на сервер, который затем выполняет какое-то действие.
Разработчики контента может сделать клиентские карты изображений доступными, предоставив независимый от устройств доступ к тем же ссылкам, связанным с изображением карта регионов.Карты изображений на стороне клиента позволяют агенту пользователя предоставлять немедленная обратная связь относительно того, находится ли указатель пользователя над активная область.
Важно
Информация в документе важно, если понимание этой информации имеет решающее значение для понимания документа.
Линеаризованный стол
Процесс визуализации таблицы, в котором содержимое ячейки становятся серией абзацев (например, вниз страницу) одну за другой.Абзацы будут находиться в одном и том же порядок, поскольку ячейки определены в источнике документа. Ячейки должны иметь смысл при чтении по порядку и должны включать структурные элементы (которые создают абзацы, заголовки, списки и т. д.) поэтому страница становится понятной после линеаризации.
Текст ссылки
Отображаемое текстовое содержимое ссылки.
натуральный Язык
Разговорные, письменные или жестовые человеческие языки, такие как французский, Японский, американский язык жестов и шрифт Брайля.Естественный язык содержания может быть обозначенным атрибутом «lang» в HTML ([HTML40], раздел 8.1) и «xml: lang» атрибут в XML ([XML], раздел 2.12).
Механизм навигации
Механизм навигации — это любое средство, с помощью которого пользователь может перемещаться по странице или сайту. Вот некоторые типичные механизмы:
панели навигации
Панель навигации представляет собой набор ссылок к наиболее важным частям документа или сайта.
карты сайта
Карта сайта обеспечивает глобальный обзор организация страницы или сайта.
содержание
В оглавлении обычно перечисляются (и ссылки на) наиболее важные разделы документа.
Персональный цифровой помощник (КПК)
A КПК — небольшой, портативное вычислительное устройство. Большинство КПК используются для отслеживания личных данных такие как календари, контакты и электронная почта.КПК — это вообще портативное устройство с маленьким экраном, которое позволяет вводить данные с различных источники.
Экран лупа
Программа, увеличивающая часть экрана, поэтому что его легче просматривать. Лупы для экрана используются в основном частными лицами с плохим зрением.
Программа чтения с экрана
Программа, озвучивающая содержимое экрана. пользователю. Программы чтения с экрана используются в основном слепыми.Экран читатели обычно могут читать только напечатанный, а не раскрашенный текст, чтобы экран.
Таблицы стилей
Таблица стилей — это набор операторов, которые определяют представление документ. Таблицы стилей могут иметь три разных происхождения: они могут быть написаны поставщиками контента, созданы пользователями, или встроены в пользовательские агенты. В CSS ([CSS2]), взаимодействие поставщика контента, пользователя и пользовательского агента Таблицы стилей называются каскадом .
Разметка презентации разметка, которая обеспечивает стилистический (а не структурирующий) эффект такие как элементы B или I в HTML.Обратите внимание, что СИЛЬНЫЙ и ЭМ элементы не считаются разметкой презентации, поскольку они передают информация, не зависящая от конкретного стиля шрифта.
Табличная информация
Когда таблицы используются для представления логических отношений между данные — текст, числа, изображения и т. д., эта информация называется «табличной информацией», а таблицы так называемые «таблицы данных». Отношения, выраженные таблицей может отображаться визуально (обычно на двумерной сетке), на слух (часто предшествующие ячейки с информацией заголовка), или в других форматах.
До пользовательских агентов …
В большинстве контрольных точек разработчиков контента просят обеспечить доступность своих страниц и сайтов. Однако есть потребности в доступности, которые были бы более адекватно удовлетворены Пользователь агенты (в том числе вспомогательные технологии). На момент публикации этот документ, не все пользовательские агенты или вспомогательные технологии обеспечивают контроль доступности, необходимый пользователям (например, некоторые пользовательские агенты могут не разрешать пользователям отключать мигание content, или некоторые программы чтения с экрана могут плохо обрабатывать таблицы).Контрольные точки, содержащие фразу «до тех пор, пока пользовательские агенты …» не требуют разработчиков контента, чтобы обеспечить дополнительную поддержку доступности пока большинство пользовательских агентов не станут доступными для их аудитории включают необходимые функции доступности.
Примечание. Веб-сайт W3C WAI (см. [WAI-UA-SUPPORT]) предоставляет информацию о поддержке специальных возможностей пользовательским агентом. Разработчикам контента рекомендуется ознакомиться с этой страницей. регулярно для получения обновленной информации.
Пользователь агент
Программное обеспечение для доступа в Интернет контент, включая настольные графические браузеры, текстовые браузеры, голосовые браузеры, мобильные телефоны, мультимедийные проигрыватели, плагины и некоторые программные вспомогательные технологии, используемые в браузерах, например программы чтения с экрана, лупы и программы для распознавания голоса.

Сопредседатели рабочей группы по руководству по веб-контенту:
Чак Летурно, Службы доступа Starling
Грегг Вандерхайден, Следы исследований и разработок
Контакты команды W3C:
Джуди Брюэр и Дэниел Дардайлер
Мы хотим поблагодарить следующих людей, которые внесли свой вклад время и ценные комментарии для формирования этих рекомендаций:
Харви Бингхэм, Кевин Кэри, Чет Колвелл, Нил Эверс, Джефф Фрид, Эл Гилман, Ларри Голдберг, Джон Гандерсон, Эрик Хансен, Фил Дженкинс, Леонард Кэсдай, Джордж Кершер, Марья-Риитта Койвунен, Джош Кригер, Скотт Любкинг, Уильям Лафборо, Мюррей Мэлони, Чарльз МакКати Невил, MegaZone (Ливингстон Энтерпрайзис), Масафуми Накане, Марк Новак, Чарльз Опперманн, Майк Пачелло, Дэвид Поусон, Майкл Пайпер, Грег Росмайта, Лиам Куинн, Дэйв Рэггетт, Т.В. Раман, Роберт Савеллис, Ютта Тревиранус, Стив Тайлер, Яап ван Лелиевельд и Джейсон Уайт

Первоначальный черновик этого документа основан на «Объединенной сети Интернет». Рекомендации по обеспечению доступности сайта »([UWSAG]) составлено Центром исследований и разработок Trace в Университете Висконсина. Этот документ включает список дополнительных участников.

Для получения последней версии любой спецификации W3C обратитесь к список технических отчетов W3C.

[CSS1]
«CSS, уровень 1 Рекомендации», Б.Бос, Х. Виум Ли, ред., 17 декабря 1996 г., исправлено 11 января 1999 г. Рекомендация CSS1: http://www.w3.org/TR/1999/REC-CSS1-199.
Последняя версия CSS1 доступна по адресу: http://www.w3.org/TR/REC-CSS1.
[CSS2]
«CSS, уровень 2 рекомендации», Б. Бос, Х. Виум Ли, К. Лилли, and I. Jacobs, eds., 12 мая 1998 г. Рекомендация CSS2: http://www.w3.org/TR/1998/REC-CSS2-19980512.
Последняя версия CSS2 доступна по адресу: http: // www.w3.org/TR/REC-CSS2.
[ДОМ1]
«Спецификация уровня 1 объектной модели документа (DOM)», В. Аппарао, С. Бирн, М. Чэмпион, С. Айзекс, И. Джейкобс, А. Ле Хорс, Г. Николь, Дж. Роби, Р. Сутор, К. Уилсон и Л. Вуд, ред., 1 октября 1998 г. Рекомендация DOM уровня 1: http://www.w3.org/TR/1998/REC-DOM-Level-1-19981001.
Последняя версия DOM Level 1 доступна по адресу: http://www.w3.org/TR/REC-DOM-Level-1
[HTML40]
«HTML 4.0 Рекомендация », Д. Рэггетт, А. Ле Хорс и И. Jacobs, eds., 17 декабря 1997 г., исправлено 24 апреля 1998 г. Рекомендация HTML 4.0: http://www.w3.org/TR/1998/REC-html40-19980424.
Последняя версия HTML 4.0 доступна по адресу: http://www.w3.org/TR/REC-html40.
[HTML32]
«Рекомендации HTML 3.2», Д. Рэггетт, изд., 14 января 1997 г. Последняя версия HTML 3.2. доступно по адресу: http://www.w3.org/TR/REC-html32.
[MATHML]
«Математический язык разметки», стр.Ион и Р. Майнер, ред., 7 апреля 1998. MathML 1.0 Рекомендация: http://www.w3.org/TR/1998/REC-MathML-19980407.
Последняя версия MathML 1.0 доступна по адресу: http://www.w3.org/TRREC-MathML.
[PNG]
«Спецификация PNG (переносимая сетевая графика)», Т. Бутелл, ред., Т. Лейн, соучастник, 1 октября 1996 г. Последняя версия PNG 1.0: http://www.w3.org/TR/REC-png.
[RDF]
«Структура описания ресурсов (RDF) Модель и спецификация синтаксиса », О.Лассила, Р. Свик, eds., 22 февраля 1999 г. Рекомендации RDF: http://www.w3.org/TR/1999/REC-rdf-syntax-199.
Последняя версия RDF 1.0 доступна по адресу: http://www.w3.org/TR/REC-rdf-syntax
[RFC2068]
«HTTP Version 1.1», Р. Филдинг, Дж. Геттис, Дж. Могул, Х. Фристик Нильсен и Т. Бернерс-Ли, январь 1997 г.
[СМИЛ]
«Синхронизированный язык интеграции мультимедиа (SMIL) 1.0 Спецификация », П.Гошка, изд., 15 июня 1998 г. Рекомендация СМИЛ 1.0: http://www.w3.org/TR/1998/REC-smil-19980615
Последняя версия SMIL 1.0 доступна по адресу: http://www.w3.org/TR/REC-smil
[ТЕХНИКА]
«Методы обеспечения доступности веб-контента 1.0», W. Chisholm, G. Vanderheiden, I. Jacobs, eds. В этом документе объясняется, как реализовать определенные контрольные точки. в «Руководстве по доступности веб-контента 1.0». Последний набросок методик доступны на: http: // www.w3.org/TR/WAI-WEBCONTENT-TECHS/
[WAI-AUTOOLS]
«Рекомендации по доступности средств разработки», Дж. Тревиранус, Дж. Ричардс, И. Джейкобс, К. МакКати Невил, ред. Последний рабочий проект настоящего руководства по проектированию доступные инструменты разработки доступны по адресу: http://www.w3.org/TR/WAI-AUTOOLS/
[WAI-UA-SUPPORT]
Эта страница документирует известную поддержку со стороны пользовательских агентов (включая вспомогательные технологии) некоторых перечисленных специальных возможностей в этом документе.Страница доступна по адресу: http://www.w3.org/WAI/Resources/WAI-UA-Support
[WAI-USERAGENT]
«Рекомендации по обеспечению доступности агента пользователя», Дж. Гандерсон и И. Джейкобс, ред. Последний рабочий проект этих рекомендаций по разработке доступных пользовательские агенты доступны по адресу: http://www.w3.org/TR/WAI-USERAGENT/
[ЗНАЧКИ WCAG]
Информация о значках соответствия для этого документа и о том, как использовать их можно по адресу http: // www.w3.org/WAI/WCAG1-Conformance.html
[UWSAG]
«Рекомендации по обеспечению доступности унифицированного веб-сайта», G. Vanderheiden, W. Chisholm, eds. Единые правила веб-сайта были составлены Trace R & D Center в Университете Висконсина при финансировании Национальный институт исследований инвалидности и реабилитации (NIDRR), Департамент образования США. Этот документ доступны на: http://www.tracecenter.org/docs/html_guidelines/version8.htm
[XML]
«Расширяемый язык разметки (XML) 1.0. «, Т. Брей, Дж. Паоли, К.М. Сперберг-Маккуин, ред., 10 февраля 1998 г. Рекомендация XML 1.0: http://www.w3.org/TR/1998/REC-xml-19980210.
Последняя версия XML 1.0 доступна по адресу: http://www.w3.org/TR/REC-xml

Что такое контент веб-сайта? И как создать эффективный контент?

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

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

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

«A… B… C.« A », всегда. ‘B’ be. «C», завершение. Всегда быть закрытым. ВСЕГДА БУДЬТЕ ЗАКРЫТО ». — Гленгарри Глен Росс

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

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

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

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

  • Купить продукт
  • Записаться на прием
  • Заполнить контактную форму
  • Подпишитесь на информационный бюллетень

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

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

Каждый поиск в Интернете — это вопрос. Вы не можете написать часть содержания, пока не поймете смысл вопроса, на который пытаетесь ответить.

Когда Джош объясняет концепцию SEO, он часто начинает с вопроса: «Что такое поиск Google? Что делает человек, когда он что-то вводит в Google? » Его аудитория часто высказывает предложения вроде «искать что-то», «сообщать Google, чего они хотят» и т. Д. Позволив всем провести мозговой штурм в течение нескольких минут, Джош в конце концов вмешается и скажет: «Поиск в Google — это вопрос.”

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

Каждый поиск — это вопрос. А добавление или удаление пары слов может серьезно изменить задаваемый вопрос:

  • «Деталь сцепления Trans-Am» = Где я могу купить сцепление для Trans-Am?
  • «Механик сцепления Trans-Am» = Где я могу найти человека, который может починить сцепление в моем Trans-Am?
  • «YouTube-гид по сцеплению Trans-Am» = Как заменить сцепление в Trans-Am?

(Судя по всему, этим поиском занимается Берт Рейнольдс, но я отвлекся.)

Мы часто говорим с клиентами о «намерении поиска», которое можно перевести как «каковы намерения человека, выполняющего поиск?» Существует четыре типа цели поиска:

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

  • Кто такой Джордж Вашингтон?
  • Что означает контрольная лампа двигателя?
  • Где в ближайшем китайском ресторане?
  • Почему небо голубое?
  • Как избавиться от ожогов на диване?

Навигационный : в этих случаях кто-то хочет перейти на определенный веб-сайт или даже на определенную страницу на веб-сайте, но не хочет беспокоиться о вводе URL-адреса в строку поиска (или не хочет не помню URL).Кто-то может выполнить поиск по запросу «Facebook», чтобы перейти на «facebook.com», или «post modern marketing seo», чтобы перейти на «postmm.com/seo».

Транзакционный : Это поисковые запросы, выполняемые пользователями Интернета, когда они готовы что-то купить:

  • Билеты на Rolling Stones
  • Продажа iPhone
  • Шезлонги amazon

В этом случае пользователь знает, что он хочет купить. Теперь вопрос лишь в том, у кого они его купят.

Коммерческое расследование : это поисковые запросы, которые выполняет кто-то, когда знает, что чего-то хочет, но сравнивает и противопоставляет альтернативы.Скорее всего, они ищут статьи для сравнения или просматривают обзоры Yelp, Amazon или Google. Эти поисковые запросы часто включают такие слова, как «лучший», «лучший», «против», «самый дешевый», «рядом» и т. Д .:

  • Лучшая автомастерская
  • Лучший ресторан в Сакраменто
  • BMW vs Mercedes
  • Самый дешевый настольный принтер
  • Roofer рядом со мной

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

Давайте вернемся к нашим примерам поиска, связанным с Trans-Am: «Деталь сцепления Trans-Am», «Механика сцепления Trans-Am» и «Руководство по сцеплению Trans-Am на YouTube.«Совершенно очевидно, что цель поиска сильно отличается от одного к другому.

  • «Деталь сцепления Trans-Am», вероятно, транзакционная Пользователь Google знает, что им нужно: сцепление. Теперь они пытаются выяснить, у кого есть то, что они хотят.
  • «Механик сцепления Trans-Am» — это коммерческое расследование . Пользователь пытается быстро сузить круг поиска до механиков, которые специально работают с этим типом автомобилей.
  • «YouTube-гид по сцеплению Trans-Am» — это гибрид: по сути, это навигационный и информационный .Они спрашивают: «Как мне заменить сцепление Trans-Am?» Но им не нужно письменное руководство. Они добавили слово «YouTube», чтобы убедиться, что их направят на видеоурок на YouTube.

Для ответа на каждый из этих вопросов / запросов требуется совершенно другой подход, чтобы успешно (1) привлечь внимание искателя и (2) дать ему то, что он хочет.

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

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

Trans-Am clutch YouTube guide : Это непростой вопрос, поскольку он определяет не только запрашиваемую информацию, но и форму , которую она должна принимать.Тем, кто хочет ответить на этот вопрос (и связанные с ним поисковые запросы, такие как «Видеогид по сцеплению Trans-Am»), вероятно, лучше всего будет написать сообщение в блоге, в котором подробно описывается, как заменить сцепление Trans-Am, а затем создать видео, дополняющее его , который можно встроить в сообщение. Таким образом, вы можете обратиться к тем, кому нужен видеогид (и они либо попадут в сообщение в блоге, чтобы увидеть видео, либо прямо на странице YouTube с видео), а также тем, кому нужен письменный гид. Вы будете максимально широко раскинуть сеть, отвечая на очень конкретный вопрос.

Как видите, эти три вопроса, которые задают три разные аудитории, требуют трех очень разных ответов. И требуется много размышлений о том, как лучше всего ответить на один из этих вопросов. Скорее всего, если вы просто решите однажды сесть и написать сообщение в блоге о сцеплениях Trans-Am, вы, скорее всего, ответите (1) на вопрос, который не имеет отношения к вашему бизнесу, (2) на правильный вопрос, но в неправильный формат или манера, или (3) вообще ни одного вопроса.

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

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

Вы должны всегда проводить исследования, независимо от вашего уровня знаний. Успешный контент почти всегда имеет большой авторитет. Это показывает, что вы знаете, что делаете. Один из лучших эффективных способов сделать это — цитировать ваши источники, использовать обратные ссылки, чтобы усилить авторитет других от вашего имени. Когда вы достаточно смелы, чтобы сказать, как когда-то ЛеВар Бертон писал об этом в Reading Rainbow: «Не верьте мне на слово», вы делаете свой авторитет еще более очевидным и правдоподобным. .

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

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

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

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

Когда мы обучаем клиента тому, как писать более эффективные сообщения в блоге, мы часто советуем им чтобы спланировать сообщение в блоге, набросав, какими будут h2 и h3, чтобы у них был план, которому нужно следовать, и держать их в курсе во время процесса написания.

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

  1. Следует ли вам выбрать частного лица, обеспечивающего уход, или агентство?
  2. Как найти местные агентства по уходу за престарелыми?
  3. Какие вопросы вам следует задать при собеседовании с агентствами по уходу?
  4. Как выполнить проверку биографических данных лица, осуществляющего уход, или агентства.
  5. Как поговорить с любимым человеком о найме агентства по уходу.
  6. Какой уровень ухода нужен вашему близкому?
  7. Как вы оцениваете качество ухода, оказываемого старшим специалистом по уходу?

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

В приведенном выше примере я гарантировал, что отвечу на все вопросы, на которые я хотел ответить , сделав вопросы h3s . Почему да, это — это , простой и ленивый подход. Но это также гарантирует, что я попаду во все точки, в которые мне нужно попасть, и не сбился с пути.

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

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

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

«Все, что мы делаем, сопоставляется и оценивается количественно. Все прилипает ». — Темный рыцарь: восстание

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

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

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

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

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

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

Проверка : Допустим, вы строительная или архитектурная фирма и добавили на свой веб-сайт несколько недавних очень впечатляющих проектов. Цель здесь в том, чтобы, когда кого-то порекомендовали вам, и они заглянули на ваш веб-сайт, они увидели эти описания проектов и сказали: «Хорошо, эти ребята определенно справятся со своей работой, их стоит рассмотреть.«Вы должны быть в состоянии измерить успех своих усилий по (1) увеличению числа потенциальных клиентов, приходящих в ваш бизнес, и / или (2) спрашивая тех, кто связывается с вами, что побудило их обратиться к вам. Иногда лучший и самый простой способ оценить успех ваших усилий — это старый школьный подход, вы знаете… спросить: «Как вы нас нашли? Что побудило вас взять трубку? »

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

Рекомендации по веб-контенту: наш контрольный список из 22 пунктов для публикации высокопроизводительных статей

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

Большой в контент-маркетинге, это больше похоже на 90-10.

Каждый взгляд на каждую учетную запись Google Analytics ясно показывает это. Наиболее эффективные статьи оказывают наибольшее влияние как на трафик, так и на конверсию.

Это верно для трафика.

Небольшой процент статей привлекает больше внимания, особенно через SEO…

И это актуально для конверсий.

Некоторые статьи намного лучше других привлекают посетителей к подписке…

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

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

Это наши лучшие практики веб-контента

Они основаны на нашем опыте публикации 500+ статей, опросов 5000+ блоггеров и сотрудничества с 1000+ клиентами. Мы объединили их в один большой контрольный список веб-контента.

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

Мы разделили это на три отдельных списка: один для SEO , один для психологии человека и один для дополнительных носителей . Конечно, есть совпадения.

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

Скачать мой контрольный список

Давайте подробнее рассмотрим каждую деталь…


Контрольный список для поисковой оптимизации (SEO)

Начнем с SEO и трафика.Имеет смысл. Если его никто не видит, все остальное не имеет значения, верно?

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

Тег заголовка

Он находится на вкладке над адресной строкой для каждой страницы, которую вы когда-либо посещали.

Теги заголовка — это он самый важный элемент на странице SE O.Они не только являются мощным показателем релевантности, но обычно заголовок является ссылкой на странице результатов поиска. Идеальная длина — 55 символов, в противном случае остальные будут усечены. Будь краток.

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

Может возникнуть соблазн поставить название вашей компании в начале названия.Не надо. У SEO-специалистов есть поговорка: « бренда в прошлом». Начните с ключевой фразы, закончите названием своей компании. Помните, что в контент-маркетинге ваша первая цель — помочь людям. Продвижение себя на втором месте.

заголовок

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

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

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

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

Нет правила, сколько раз вы должны использовать фразу (было бы странно, если бы она была), но если вам нужны общие рекомендации, я бы сказал, что используйте фразу 2–3 раза на каждые 1000 слов. Что-то вроде того.

Во время редактирования убедитесь, что он используется, но не злоупотребляет.

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

Семантически связанные слова

Вот где SEO копирайтинг становится еще интереснее.

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

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

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

Итак, я займу минуту, чтобы посмотреть, что Google показывает как связанные слова, темы и вопросы, и включить их в эту статью.

Где их найти?

  • Я просто начинаю искать фразу и смотрю, что предлагает Google.
    Я записываю эти слова и фразы и добавляю их в свою статью.
  • Я ищу фразу и ищу поле «Люди тоже спрашивают».
    Я записываю эти вопросы и обязательно отвечаю на некоторые из них в своем содержании.

Это ключ к семантическому SEO и будущему поисковой оптимизации.

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

Метаописание

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

Текст в поисковом фрагменте — это либо отрывок из основного текста, либо метаописание. Это шанс продать вашу статью и повысить рейтинг кликов. Так сделай это хорошо.

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


Контрольный список по психологии человека

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

Заголовок h2 вторичный заголовок

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

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

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

  • Используйте номер
    Полное руководство по обучению хомяка: 5 цирковых трюков, которые любят грызуны
  • Обещают особую выгоду
    Советы по дрессировке хомяка — как приучить хомяка прыгать через обручи
  • Создать срочно
    Приручить домашнего хомяка (прежде чем он сбежит навсегда)
  • Вызвать любопытство или эмоции
    Дрессировка хомяка: этот пушистый парень научился этому трюку всего за 10 минут
  • Задать вопрос
    Каким трюкам можно научить хомяка? Советы по обучению от эксперта по домашним грызунам

Ресурс: Как писать действительно отличные заголовки.В этом посте есть все, что вам нужно, чтобы выиграть клик.

Подзаголовки

Посетители на самом деле не читатели. Это сканеры, которые могут прочитать, если мы сможем их замедлить. Согласно одному исследованию, посетители читают не более 28% слов.

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

Эти подзаголовки должны быть отформатированы с помощью тегов

или

, а не только жирным шрифтом.

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

.

Списки

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

Но небольшие списки могут появляться на протяжении всей статьи. Как в…

  • Используйте маркированные списки всякий раз, когда в разделе есть три или более различных идеи
  • Используйте нумерованные списки в качестве формата для всей статьи или при последовательном представлении идей
  • Избегайте форматирования списка при повествовании историй в повествовании

Короткие абзацы

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

Абзац не должен быть длиннее четырех строк. Иногда вставляйте очень короткий абзац из одного предложения или даже одного слова, чтобы сделать акцент.

Дизайнеры всегда знали силу пробелов. Но почему-то писатели не дошли до записки.

Форматирование

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

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

Внутренние ссылки

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

«Ваш сайт — мышеловка, ваш контент — сыр». — Барри Фельдман

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

  • Ссылка из новой статьи на соответствующую старую статью
  • Ссылка на новую статью из старой статьи
  • Ссылка из каждой статьи на страницу продукта или услуги
  • Ссылка из каждой статьи на статью авторитетного источника или эксперта с дополнительным содержанием (см. Ниже)

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

Ресурс: 3 стратегии внутренних ссылок для SEO

Цитаты авторов

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

    • Повысьте качество статьи
      Внешняя точка зрения добавляет понимания и достоверности.
    • Повысьте социальный охват
      Авторы могут поделиться произведением, улучшая социальный охват. Союзник в созидании — это союзник в продвижении по службе. Иногда это называют «приманкой для эго».
    • Развивайте свою профессиональную сеть.
      Каждая статья — это возможность для общения. Большинство людей любят вносить свой вклад.Для них вы — хит прессы.

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

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

Это требует предусмотрительности, но на самом деле это наименее трудоемкая часть процесса создания контента.

Источник: Как написать сообщение в блог для SEO (пошаговое видео)

Примеры и доказательства

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

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

  1. Исследования и статистика
  2. Диаграммы и графики со вспомогательными данными
  3. Истории и примеры из практики
  4. Дополнительные ресурсы
  5. Соответствующие (положительные или отрицательные) примеры

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

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

Звучит амбициозно? Возможно, нет. Согласно нашему собственному исследованию блогов, это становится обычным явлением.

Длина и детализация

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

Но идеальной длины для сообщений в блоге не существует. Так что не начинайте с целевого количества слов.Да, средняя длина сообщений в блогах составляет 1269 слов. Это долго. И из года в год он становится длиннее.

Но длина не является фактором ранжирования поиска. Вот почему мы находимся в разделе «психология человека», а не в разделе «SEO». Использование семантических методов написания SEO может привести к увеличению количества слов, но количество слов никогда не имеет значения.

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

Сделайте это для своих читателей, а не для Google.

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

Мы сделали, и вот как это выглядело для нас.

Итак, какой длины должна быть ваша статья? Это зависит от темы.

Каждое сообщение в блоге должно быть настолько длинным, насколько это необходимо, чтобы полностью освещать тему, и не должно быть длиннее ни одного слова.

Призывы к действию

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

«Подпишитесь».

Это типичный призыв к действию для сообщений в блогах.

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

Где бы он ни появлялся, он должен включать в себя три вещи: известность, обещание и доказательство.Это три составляющих высокоэффективных форм подписки по электронной почте.

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

Авторский ящик

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

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


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

Вот способы улучшить качество, добавив более привлекательные материалы. Конечно, вы не добавите все это в каждую статью. Но мы рекомендуем по возможности обновлять ваш контент ими.Чем больше, тем лучше.

Лучшее изображение

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

Никогда не публикуйте статью без изображения.

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

Это «соотношение сторон» 16: 9 означает, что квадратные изображения обрезаются. Итак, изображения, оптимизированные для социальных сетей, соответствуют одному из этих двух критериев:

  • У них соотношение сторон 16: 9 или…
  • Главный объект изображения находится в центре по вертикали, а не вверху или внизу.

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

В этот пост мы поместили наши любимые исследования изображений в блогах и советы.

Вспомогательные изображения

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

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

Видео

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

Мы отслеживаем влияние видео на посещаемость веб-сайта с помощью отслеживания событий в Google Analytics. Существует огромная разница в поведении посетителей, которые смотрят, и посетителей, которые не смотрят. Вот как это выглядит в Analytics:

Чтобы увеличить процент посетителей, которые смотрят видео (назовем это «коэффициентом просмотров»), используйте пользовательский значок с заголовком и лицом.Вот пример высокоэффективного значка видео.

Аудио

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

  1. Включите записывающее программное обеспечение на вашем компьютере
  2. Прочтите сообщение своим разговорным тоном
  3. Сохранить как файл mp3
  4. Загрузить в Soundcloud или Spreaker
  5. Вставьте аудиоплеер файла на страницу, скопировав и вставив код