Блог о технологиях Яндекса

Внешний вид Турбо-страниц теперь можно настраивать через CSS

5 июня, 19:26

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

Кроме того, теперь полноценно работает и песочница, ранее представленная в бете. В интерфейсе инструмент называется «Отладка» — его можно найти в разделе «Турбо-страницы». Через него можно проверить и подобрать идеальный вид, соответствующий вашим ожиданиям ещё до того, как размещать созданные страницы в поиске: работайте и с RSS-фидом, и с его стилями.

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

  • не использовать сторонние шрифты;
  • не добавлять низкопроизводительную анимацию;
  • не работать с селекторами по названиям HTML-элементов (например,.a { color:     #307896; });
  • не добавлять подгрузку данных с внешних для Яндекса ресурсов (Например, не нужно использовать подобную подгрузку картинок
    .page { background-image: url («») }).

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

Команда Вебмастера

P. S. Подписывайтесь на наши каналы
Блог Яндекса для Вебмастеров
Канал Яндекса о продвижении сайтов на YouTube
Канал для владельцев сайтов в Яндекс.Дзен

Оригинал новости опубликован в блоге Яндекса для Вебмастеров.