Что позволит сделать ваш сайт лучше?

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

1. Используется ли на вашем сайте WAI-ARIA?

Web Accessibility Initiative — Accessible Rich Internet Applications suite - это технология для предоставления возможности полноценного использования сайтов людьми с различными физическими ограничениями. Использование стандарта WAI-ARIA рекомендуется на страницах с динамическим содержимым, различными автоматически обновляемыми виджетами, а также на сайтах с нестандартными элементами управления разработанных с помощью Ajax, HTML, JavaScript.

Применения WAI-ARIA на вашем сайте, в значительной степени поможет аудитории с ограниченными возможностями получить доступ к вашим услугам.

2. Используется ли на вашем сайте формат текстовой разметки JSON?

JavaScript Object Notation - текстовый формат обмена данными, основанный на JavaScript.

Используя XML в написании адреса, мы вынужденны будем поступить следующим образом:

<address>ул. Садовая, д. 10</address>

Используя JSON, можно сделать тоже самое, только лаконичнее:

"address": "ул. Садовая, д. 10"

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

3. Ссылка на ваш сайт одинаково выглядит на всех мобильных устройствах?

Скорее всего, у вас уже есть иконка для отображения ссылки на сайт под iOS, а как на счет мозаичного расположения в Windows, а учтены ли всевозможные размеры иконки для Android? Очень легко забыть о таких мелочах, в которых на самом деле нуждаются все пользователи современных устройств.

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

4. Как выглядит ваш сайт в социальных сетях?

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

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

5. Не забыли про интерактивное взаимодействие с пользователем с помощью ссылок?

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

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

6. А с помощью курсора?

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

7. Как обстоят дела с семантической разметкой ваших товаров?

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

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

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

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

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

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

Большинство сайтов на сегодняшний день используют очень большие неоптимизированные изображения, однако, при правильном сжатии или обработке изображения, выигрываются драгоценные секунды во время загрузки сайта, и если задержка в 1 секунду стоит в среднем 7% от конверсии, то не оптимизируя изображения, вы буквально выкидываете деньги «на ветер».

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

10. Последний штрих.

Мы уже говорили про то, насколько удобно выделять необходимую область специальным текстовым курсором мыши, но на очень многих сайтах существует одна довольно распространённая проблема, когда в область выделения попадают ненужные элементы навигации, а ведь от этого легко избавиться, используя при вёрстке сайта "User-select: none". Это поможет сделать ваш сайт более комфортным в использовании.

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

С нами Ваш сайт будет всегда в лучшей форме!