CC BY
18УДК 004.738 Пирлиев К., Нурмаммедова О., Велигылыджова М.
Пирлиев К.
преподаватель,
Туркменский государственный архитектурно-строительный институт
(г. Ашхабад, Туркменистан)
Нурмаммедова О.
преподаватель,
Туркменский государственный архитектурно-строительный институт
(г. Ашхабад, Туркменистан)
Велигылыджова М.
студент,
Туркменский государственный архитектурно-строительный институт
(г. Ашхабад, Туркменистан)
ВЕБ-ИНКЛЮЗИВНОСТЬ: КАК УСОВЕРШЕНСТВОВАТЬ СКОРОСТЬ ЗАГРУЗКИ И ОПТИМИЗИРОВАТЬ WEB-САЙТ
Аннотация: в современном мире разработка веб-сайтов и их продвижение являются достаточно сложной задачей. Одним из факторов ранжирования сайтов, является его доступность и скорость загрузки. Сайт должен быть оптимизирован таким образом, чтобы загрузка сайта происходила быстро как на персональных компьютерах, так и на мобильных устройствах. К сожалению, в настоящее время существует большое количество сайтов, которые не оптимизированы должным образом. Это относится как к русскоязычному, так и к англоязычному сегментам Интернета. В настоящей статье, мы обращаем внимание на то, что доступность сайта и время его загрузки - это важные факторы, с которыми необходимо проводить определенные действия, направленные на оптимизацию сайта.
Ключевые слова: разработка сайтов, продвижение сайтов, скорость загрузки сайта, доступность сайта, оптимизация сайтов.
Доступный веб-сайт разработан таким образом, чтобы каждый мог без труда им пользоваться. В процессе разработки веб-сайта вы хотите убедиться, что конечный пользователь имеет лучший пользовательский опыт. И это включает людей с ограниченными возможностями или тех, кто сталкивается с проблемами при использовании веб-сайта. [8, с. 81]
К сожалению, все еще есть веб-сайты, которые не используют передовые методы доступности. Но вы можете убедиться, что ваш работает. Если вы будете помнить о нескольких вещах в процессе веб-разработки, вы сможете улучшить взаимодействие с пользователем для всех пользователей, включая пользователей с ограниченными возможностями. Ниже приведены несколько полезных советов, которые можно использовать для улучшения доступности веб-сайта.
Добавить замещающий текст к изображениям.
Возможно, вы слышали о важности добавления альтернативного текста в теги изображений в HTML5. Итак, как вы их используете? Предоставляете ли вы альтернативный текст для каждого изображения на вашей веб-странице? Замещающий текст изображения облегчает понимание содержимого вебстраницы людьми с нарушениями зрения. Но вы должны включать замещающий текст только для информационных изображений, которые помогают понять контент.
Декоративные изображения должны иметь пустой альтернативный текст. Это сообщает программам чтения с экрана, что информация, предоставляемая изображением, не важна и может фактически отвлекать внимание пользователя. Информационные изображения - это изображения, которые передают важную информацию, связанную с контентом. Вы должны быть в состоянии описать то, что они показывают, в нескольких словах альтернативного текста. [4, с. 163]
Предположим, мы ведем фитнес-блог и работаем над созданием статьи о том, как тренироваться дома, и мы используем следующее изображение в нашей статье.
Рисунок 1. Изображение для сайта (фитнес-блог).
Это изображение должно передать сообщение читателям блога о вещах, которые вам нужны для упражнений на скручивание. Альтернативный текст для этого изображения может быть примерно таким:
8гс="сгипсЬ_ехе1Ш8е.рп§" аИ=«У вас должен быть качественный коврик для упражнений и спортивная одежда, чтобы избежать травм спины и кожных аллергий».
Альтернативный текст, который мы предоставили для нашего изображения, ясно сообщает пользователям с нарушениями зрения сообщение, которое передает наше изображение.
Декоративные изображения, с другой стороны, служат единственной цели украшения веб-страницы - возможно, они просто разбивают контент или дополняют общие описания в тексте. [1, с. 123]
Изображения, используемые в качестве иконок, являются отличным примером декоративных изображений. На главной странице Airbnb есть панель навигации с несколькими значками (например, в красном кружке), указывающими на различные типы жилых помещений, доступных на Airbnb. Значки, используемые на панели навигации, предназначены для украшения, и мы можем оставить их альтернативный текст пустым.
Рисунок 2. Главная страница Airbnb.
Поддерживать иерархию заголовков.
Если вы не используете заголовки в правильной иерархии (от Ы - самого большого - до h6 - самого маленького), программы чтения с экрана могут предположить, что не хватает некоторого контента.
По этой причине лучше всего использовать Ы только для основного заголовка, Ь для заголовков, следующих за заголовком, Ь3 для подзаголовков и так далее. [10, с. 129]
Рассмотрим пример ниже: у нас есть веб-страница с несколькими заголовками. Ь1 используется для заголовка документа, Ь2 - для заголовка документа второго уровня, Ь3 - для подзаголовков и Ь4 - для мини-заголовков (заголовки, идущие после Ь3).
СПИСОК ЛИТЕРАТУРЫ:
1. Агишева, Э.Р. Обеспечение доступности веб-сайтов для пользователей с ограниченными возможностями здоровья / Э.Р. Агишева // Уфа: Общество с ограниченной ответственностью "Аэтерна", 2019. - С. 121-124;
2. Борисова, А.А. Сайт компании как инструмент интернет-маркетинга. Юзабилити сайта / А.А. Борисова // Вестник науки. - 2023. - Т. 5, № 6(63). - С. 40-45;
3. Гаджиев, М.Г. Инструменты для анализа доступности сайтов / М.Г. Гаджиев, Н.А. Журавлева, А.А. Шайдуллов // Стерлитамак: Общество с ограниченной ответственностью "Агентство международных исследований", 2022. - С. 27-31;
4. Игнаткова, Я.А. Доступность веб-контента как неотъемлемый параметр качественного веб-сайта / Я.А. Игнаткова, Н.П. Шутько // Армавир: Армавирский государственный педагогический университет, 2022. - С. 162-165;
5. Инструменты для анализа уровня обеспечения доступности сайтов / М.Г. Гаджиев, Н.А. Журавлева, Д.С. Савочкина, А.А. Шайдуллов // Анапа: Общество с ограниченной ответственностью «Научно-исследовательский центр экономических и социальных процессов» в Южном Федеральном округе, 2022. - С. 25-32;
6. Мухина, Ю.Р. Правила вёрстки сайтов для обеспечения их доступности / Ю.Р. Мухина // Челябинск: Южно-Уральский технологический университет, 2021. - С. 327-332;
7. Назаров, Д.М. Методы оценки юзабилити и доступности веб-сайтов электронной коммерции / Д.М. Назаров // Международный журнал прикладных наук и технологий Integral. - 2022. - № 4. - С. 32-41;
8. Петров, Р.Г. Конструктор сайтов E-publish как одно из средств создания персонального сайта / Р.Г. Петров // Орел: Орловский государственный аграрный университет имени Н.В. Парахина, 2018. - С. 78-81
Pirliev K., Nurmammedova O., Veligylydzhova M.
Pirliev K.
Turkmen State Institute of Architecture and Civil Engineering (Ashgabat, Turkmenistan)
Nurmammedova O.
Turkmen State Institute of Architecture and Civil Engineering (Ashgabat, Turkmenistan)
Veligylydzhova M.
Turkmen State Institute of Architecture and Civil Engineering (Ashgabat, Turkmenistan)
WEB INCLUSIVITY: HOW TO IMPROVE DOWNLOAD SPD AND OPTIMIZE WEBSITE
Abstract: in the modern world, the development of websites and their promotion are quite a difficult task. One of the factors in ranking sites is its accessibility and download speed. The site should be optimized in such a way that the site loads quickly on both personal computers and mobile devices. Unfortunately, there are currently a large number of sites that are not optimized properly. This applies to both the Russian-speaking and English-speaking segments of the Internet. In this article, we draw attention to the fact that the availability of the site and the time of its loading are important factors with which it is necessary to carry out certain actions aimed at optimizing the site.
Keywords: website development, website promotion, website loading speed, website accessibility, website optimization.
