Что такое кроссбраузерность сайта?

Приветствую вас, уважаемые читатели блога nazyrov.ru!

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

кроссбраузерность сайта

Существует невероятно много браузеров. У меня на смартфоне целых три  – Yandex, Chrome и UC Browser. А на компьютере одно время было 5 штук 🙂

У каждого браузера есть свои плюсы и недостатки. Я, например, пользуюсь Google Chrome, а кто-то из вас предпочитает Яндекс браузер. Но суть не в этом.

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

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

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

Как сделать кроссбраузерность сайта?

Обычно, чтобы добиться кроссбраузерности, меняют CSS. Но часто бывает этого недостаточно, и тогда добиваются одинакового отображения сайта в разных браузеров при помощи хаков – правил, которые понимает только какой-то определенный браузер. То есть вписываются в код сайта примерно такие правила — в браузере Mozilla Firefox сайт должен выглядеть вот так, а в Google Chrome вот так.

Конечно, если писать правила для всех существующих в мире браузеров, то код сайта будет огромен и это значительно скажется на скорости загрузки, поэтому вписывают правила только для самых популярных браузеров, таких как, Google Chrome, Mozilla Firefox, Safari, Opera и Internet Explorer.

Добиться кроссбраузерности не так легко. Но найти хорошего верстака все же можно на любой фриланс бирже. А он уже сделает ваш сайт кроссбраузерным.

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

Яндекс. Вебмастер тоже рекомендует обратить внимание на этот пункт:

предупреждение Яндекса о кроссбраузерности

В статье «Как проверить кроссбраузерность блога онлайн?» я рассказал про несколько сервисов, предназначенных для этой цели.

Поделись информацией:
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...

Подписка на рассылку

Комментарии
  1. Татьяна

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

    • Андрей Назыров

      Да, пользовался Макхост, но цены у них втрое взлетели. Сейчас переехал на AdminVPS.

      • Татьяна

        Я даже не слышала о таком хостинге) Кстати, ты не планируешь писать статью о том как сменить хостинг? Возможно мне тоже придется сменить, а как это сделать я не знаю.

      • Андрей Назыров

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

  2. Алексей

    Привет! Давно, я к тебе не забегал.

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

    Хотел помочь, написав его название, но уже не вспомню. В общем, это можете сделать вы! Написав в поисковой строке google, запрос «плагин wordpress кроссбраузерно». Поисковик выдаст сайты на Английском и на одном из них будет этот плагин.

    • Андрей Назыров

      Привет, Алексей. Спасибо за инфу. Не знал про этот плагин.

Добавить комментарий