Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

Зачем нужен файл browserconfig.xml на сайте?

Зачем нужен файл browserconfig.xml на сайте? В серверных логах сайтов иногда появляется уведомление об отсутствующем файле browserconfig.xml. Что это за файл такой и зачем он нужен на сайте?

Когда пользователи заходят на сайт с компьютеров с ОС Windows 8 и выше через браузер Internet Explorer 11 либо Microsoft Edge (заменил IE в Windows 10), они могут при желании воспользоваться функцией «Закрепить сайт на начальном экране» и создать тем самым специальную плитку сайта на начальном экране Windows для быстрого доступа. К сайту в этом случае будет послан запрос на чтение файла конфигурации браузера — того самого файла browserconfig.xml. В нем содержатся инструкции для правильного отображения плитки сайта.

Если файла browserconfig.xml на сервере сайта нет, то будет получено сообщение об ошибке «404» (File does not exist, No such file or directory или подобное). Плохо это или нет — решать каждому владельцу самостоятельно, однако стоит учитывать, что создание пользовательских плиток Windows для сайта могло бы положительно сказаться на поведенческих факторах ранжирования и расширить взаимодействие с сайтом для пользователей, а потому наличие файла browserconfig.xml в каталоге сайта было бы полезным.

К счастью, каких-либо сложностей процесс создания файла browserconfig.xml не вызывает. Файл достаточно создать в любом текстовом редакторе на выбор, загрузить в корневой каталог сайта, а затем подключить к страницам через мета-тег в <head>. Структура файла такова.

Начало и конец документа объявляются тегом <browserconfig></browserconfig>. Затем внутри этого тега указывается элемент <msapplication>, сообщающий обработчику, что файл конфигурации относится к закрепленному сайту, а внутри него — элемент <tile>.

Внутри тег <tile> содержит элементы, описывающие, как отображать для сайта плитки разных размеров:

  • <square70x70logo src="/images/smalltile.png"/> – маленькая плитка, ее размер 70х70 пикселей;
  • <square150x150logo src="/images/mediumtile.png"/> – средняя плитка, ее размер 150х150 пикселей;
  • <wide310x150logo src="/images/widetile.png"/> – широкая плитка, ее размер 310х150 пикселей;
  • <square310x310logo src="/images/largetile.png"/> – большая плитка, ее размер 310х310 пикселей.

Также внутри тега <tile> содержится элемент <TileColor>, с помощью которого указывается цвет фона для плитки (в формате #XXXXXX).

Если плитка сайта статическая, т. е. представляет собой просто изображение, то описанных элементов в файле browserconfig.xml будет достаточно. Если же необходимо создать живую плитку, т. е. плитку с изображением и уведомлениями, то необходимо добавить еще один элемент – <notification>.

Внутри тега <notification> может быть до 5 элементов <polling-uri>, содержащих в атрибуте src пути к соответствующим xml-файлам уведомлений. Также внутри этого тега содержится элемент <frequency>, значение которого указывает в минутах интервал между обращениями к сайту за обновлением уведомлений. Наконец, есть внутри тега <notification> еще элемент <cycle>, отвечающий за способ отображения уведомлений (может принимать значения от 0 до 7).

Для подключения созданного файла browserconfig.xml, необходимо, как уже упоминалось, использовать специальный мета-тег, размещаемый в <head>:

<meta name="msapplication-config" content="browserconfig.xml" />

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

Теги:
browserconfig, файл browserconfig, плитки сайта, плитки сайта windows