Содержание:

Получить бесплатную консультацию от специалиста по вашему проекту


Почему кроссбраузерность сайта так важна

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

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

Итак, приступаем.

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

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

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

 

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

Но все же почему кроссбраузерная верстка является таким важным условием создания сайта?

Многочисленные исследования говорят, что у каждого браузера есть своя целевая аудитория. И если Chrome или Яндекс.Браузер использует предпочтительно молодежь, то люди старше 35 лет отдают предпочтение Opera, Mozilla и Internet Explorer.

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

Получить бесплатную консультацию от SEO-эксперта по вашему сайту

Как проверить кроссбраузерность сайта

Для того чтобы проверить кроссбраузерность сайта можно пойти несколькими путями:

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


     
  2.  Проверить кроссбраузерность сайта с помощью упрощенных способов:

    a) Онлайн сервисы. Бывают как платные так и бесплатные. Например, Browsershots, в котором доступна бесплатная проверка кроссбраузерности сайта для 65 версий популярных браузеров с имитацией ОС, на которых эти браузеры якобы установлены.



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



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

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

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

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

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

Подведение итогов

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

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

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

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