Способы сделать сайт более доступным
1661 Просмотров
У многих сайтов есть определенные пробемы с доступом к контенту. Многие проблемы являются незначительными и их можно легко исправить. С помощью некоторых мер, которые будут описаны в статье, можно значительно улучшить доступность контента на сайта как для поисковых систем, так и для пользователей. Советы не перечислены в порядке их значимости и это далеко не полный перечень, но вы в любом момент можете их дополнить в комментариях.
Атрибут ALT
Этот совет очень простой. Каждое изображение на сайте должно быть с атрибутом ALT. Важно сделать текст в атрибуте ALT максимально информативным. Вот несколько простых примеров:
PHP код:Если на изображение находиться какая-либо информация, то желательно продублировать ее в текстовом варианте. Старайтесь не слишком часто размещать важную информацию на изображениях. Если на страницах есть диаграммы, то данные с низ лучше продублировать с помощью таблиц.<img src="taj-mahal.jpg" alt="Фотографии мовзолея-мечети Тадж-Махал">
<iframe src="weather.html"><a href="weather.html">Ф</a>Последние сводки погоды</iframe>
Этот совет подводит нас к:
Альтернативный контент
Если вы размещаете на страницах своего сайта видео-материалы, подкасты, скринкасты и так далее, то обязательно продублируйте информацию в виде простого текста. К сожалению, не всегда у всех есть возможность прослушать подкаст либо посмотреть видео-материал. Так вы не только делаете контент своего сайта доступным всем, но его еще и проиндексируют поисковые системы, которые принесут вам дополнительных посетителей. От этого выигрывают все, обязательно используйте альтернативный контент.
Текст ссылок
Называйте ссылки своими именами страниц, на которые они ведут. Используя грамотный текст в ссылках, вы еще и поднимаете позиции страниц в поисковой выдаче, на которые ведут ссылки. Каждая ссылка должна нести смысл и пользователи должны знать, куда они переходят.
Нельзя делать так:PHP код:Нужно делать так:<a href="/taj-mahal.html">Тут</a> читайте информацию о Тадж-Махале.
PHP код:Пространство между ссылками<p><a href="/taj-mahal.html">История мавзолея Тадж-Махал</a>.</p>
Очень неудобно смотреть на ссылки, которые не отделены друг от друга, а идут одна за одной. Не всегда понятно, где начинается одна ссылка, а где другая. Лучше отделять ссылки друг от друга не пробелом, а делать из них список, используя класс CSS.
Нельзя делать так:PHP код:Нужно делать так:<a href="1.html">Страница 1</a> <a href="2.html">Страница 2</a> <a href="3.html">Страница 3</a> <a href="4.html">Страница 4</a>
PHP код:JavaScript ссылки<ul>
<li><a href="1.html">Страница 1</a></li>
<li><a href="2.html">Страница 2</a></li>
<li><a href="3.html">Страница 3</a></li>
<li><a href="4.html">Страница 4</a></li>
</ul>
Нет ничего плохого в использовании JavaScript ссылок, но лучше сократить количество таких ссылок до минимума. Поисковики уже научились читать ссылки через JavaScript, но все-таки лучше использовать обычные. Сделать всплывающее окошко можно и без JavaScript.
Не желательно делать вот так:PHP код:Лучше сделать вот так:<a href="javascript:popup('/taj-mahal.html')">Мавзолей Тадж-Махал</a>
PHP код:Язык сайта<a href="/taj-mahal.html" onclick="popup('/taj-mahal.html');return false;"> Мавзолей Тадж-Махал </a>
Подскажите поисковым системам, какой язык используется у вас на сайте. Конечно, они могут его и сами определить, но лучше все-таки подсказать с помощью HTML-строки:PHP код:Если у вас разные части страницы на разных языках, то можно прописать атрибуты Lang для разделов следующим образом:<html lang="en">
PHP код:Минимум анимации<p lang="en">I hate McDonald’s</p>
Старайтесь сократить количество всевозможной анимации на страницах сайта, так как она отвлекает пользователей от информации на сайте. Я не говорю о такой анимации, на которой вращается глобус или бегает котэ, я говорю о Flash-анимации и рекламы, которая движется по всей странице сайта.
Captcha
Все в большем и большем количестве разнообразных форм используют Captcha для уменьшения количества ****а, но она может быть большой проблемой для людей с проблемами со зрениями. Да что тут говорить про тех, кто плохо видит или не отличает цвета? Я сам порой не могу разобраться в этих закорючках, хотя со зрением все хорошо. Нужно найти альтернативу существующим цифро-буквенным капчам, так как чем дальше, тем сложнее они становятся.
Альтернатива есть. Для пользователей Wordpress разработана интересная капча , смысл которой заключается в том, что нужно поставить 3 забавные зверюшки в вертикальное положения. Автоматический **** не проходит такую капчу.
Теги H1-H6
Теги H1 нужно использовать для того, чтобы выделить значимые места на странице. Также текст в таких подзаголовках является более значимым для поисковых систем. Не выделяйте подзаголовки вот так:PHP код:Выделяйте их таким образом:<p><font size="5">Заголовок страницы</font></p>
PHP код:Кроме этого, с помощью CSS можно настроить вид тегов H1-H6, чтобы они приятно смотрелись и органично вписывались в дизайн сайта.<h1>Заголовок страницы</h1>
Простой язык
Не перегружайте мозг бедных пользователей заумными фразами сложными оборотами. Пишите доступным языком, чтобы тот текст, который вы напишете, был понятен всем и чтобы пользователю не пришлось лишний раз лезть в википедию, чтобы найти определения ваших слов.
Большой шрифт
Сделайте шрифт текста на страницах вашего сайта таким, чтобы его можно было удобно читать с расстояния полуметра. Повторюсь, многие люди страдают проблемами со зрением и им тяжело читать мелкий текст. У меня, к примеру, глаза быстро устают, если читать слишком мелкий шрифт. Особенное внимание на величину шрифта нужно уделить всяким онлайн-энциклопедиям, блоггерам, форумам и вообще всем сайтам, на которых много текстового контента.
HTML карта сайта
Такие карты предназначены в первую очередь для пользователей, но поисковым системам она тоже даст ссылки на новые страницы. Для поисковых систем лучше использовать XML карту сайта, а для пользователей HTML . В HTML SiteMap нужно перечислить ссылки на основные и наиболее важные страницы сайта, чтобы пользователи могли быстро найти нужную им информацию и ознакомиться с важными страницами.
Вес страниц
Сократите вес страниц сайта, чтобы они быстрее загружались. Это удобно для пользователей, а также для поисковых систем. Пользователям не нужно ждать по 10 секунд, чтобы открыть 1 страницу. Им проще будет закрыть ваш сайт и найти другой, на котором страницы грузятся быстрее. К тому же, скорость загрузки страниц – один из факторов ранжирования страниц в поисковой выдаче Google.
Альтернативные расцветки сайта
Можно с помощью CSS сделать альтернативные расцвети сайта и дать пользователям возможность выбрать ту, которая им больше нравится. Если вы дадите такую возможность, то пользователи это оценят, так как вы заботитесь о них и хотите сделать пребывание на вашем сайте еще более приятным.
Что вы можете посоветовать еще, чтобы сделать сайт более доступным для пользователей?
8 Комментарии
Посмотреть профиль
Пометить как прочтённый
