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

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



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



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

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

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

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

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