987
How-to Читать 6 минут

Новый HTML атрибут Importance от Google: что это и как связано с SEO

Анастасия Сотула
Анастасия Сотула
Редактор блога Serpstat
В конце октября 2021 года Google рассказал в своем блоге про html атрибут importance. Эта функция поможет упростить работу с Core Web Vital и помочь в технической оптимизации сайтов. Как работает атрибут importance html и как его использовать в SEO?

По официальной информации от Google, атрибут бета тестируется до 22 марта 2022 года. Он будет работать с Google Chrome 96-99. Тестирование покажет, насколько востребованной и эффективной будет функция. Поэтому сначала о том, что известно на начало года.

Что такое html атрибут importance, и для чего Google это обновление?


Экспериментальная функция importance от Google должна улучшить показатель First Input Delay и параметры Core Web Vitals. Веб-разработчики смогут управлять порядком загрузки ресурсов на странице с помощью нового атрибута. В блоге специалисты Google называют новую функцию «подсказка о приоритетах»‎, priority hints. Заявлено, что Importance атрибут помогает сэкономить до 2 секунд на загрузке. А это станет фактором улучшения пользовательского опыта.

Как работает importance и как он влияет на загрузку?


Атрибут Importance от Google позволяет установить одну из трех степеней важности для ресурса:

  • high — высокая, для тех ресурсов, которые нужно отобразить на странице быстрее;

  • low — низкая, означает, что загрузку ресурса нужно отложить;

  • auto — в таких случаях браузер сам определяет приоритетность ресурса.

Вместе с атрибутом Importance используются функции «async» и «defer». Они нужны, чтобы контролировать загрузку и выполнение скриптов на страницах. Скрипты по умолчанию будут загружаться медленнее. Значение атрибута importance high показывает, что скрипты нужно выполнять быстрее.

Также атрибут можно добавлять к тегам:

  • link — ссылка;

  • iframe — документ, видео или интерактивный файл;

  • image — изображение;

  • script — встроенный код других программ, плагинов, сервисов.

Как использовать атрибут importance для SEO оптимизации?


Ispolzovanie metrik v Serpstat
Использование метрик в Serpstat
Атрибут Importance нужен, чтобы улучшить Core Web Vitals. По результатам исследования Serpstat эту метрику можно назвать переоцененной. Но и игнорировать ее не стоит, особенно, при продвижении крупных сайтов с большим количеством кода и скриптов на страницах.

С помощью importance html можно:

  • Уменьшить LCP. Если отрисовка крупного контента происходит быстро, время на загрузку страницы будет меньше.

  • Уменьшить показатель FID. Чем меньше время до взаимодействия с контентом, тем лучше.

  • Улучшить показатель CLS. На этот параметр атрибут importance влияет косвенно.

В документации Google есть примеры использования importance.

Максимальный приоритет загрузки крупных изображений

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

< img src=”your-lcp-image.jpg" importance="high" >
Изменение приоритета в загрузке скриптов Добавляя importance=«high», можно ускорить загрузку и выполнение скриптов. Пример кода:
script src="async_but_soimportant.js" async importance="high">
Персональная демонстрация
Оставьте заявку и мы проведем для вас персональную демонстрацию сервиса, предоставим пробный период и предложим комфортные условия для старта использования инструмента

FAQ

Как поисковая система реагирует на атрибут importance?

С помощью этого параметра в коде html можно улучшить показатели Core Web Vitals, от которых зависит позиция сайта в выдаче Google. Результаты тестов показали, что экономия времени составляет до 2 секунд.

Какие ресурсы должны иметь наивысший приоритет при загрузке?

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

Когда html атрибут importance будет запущен?

Атрибут в стадии тестирования с октября 2021 до 22 марта 2022 года. За это время планируется собрать данные о популярности и эффективности функции.

Заключение


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

Эта функция идеально совместима с браузером Google Chrome. Он правильно интерпретирует значения приоритета.

О чем еще нужно помнить, работая с приоритетом загрузки:

  1. CSS, шрифты, скрипты, изображения и сторонние ресурсы должны иметь разные приоритеты.

  2. Расположение или порядок, в котором вы ссылаетесь на ресурсы в документе, также влияют на приоритет в загрузке ресурсов.

  3. Приоритет меняется для асинхронных или отложенных скриптов.

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

Мы будем собирать дополнительную информацию о том, как работает атрибут и добавим ее в статью.
Чтобы быть в курсе всех новостей блога Serpstat, подписывайтесь рассылку. А также вступайте в чат любителей Серпстатить и подписывайтесь на наш канал в Telegram.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

5 из 5 на основе 3 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

Мы используем файлы cookie для обеспечения работоспособности сервиса, улучшения навигации и маркетинговых активностей Serpstat. Нажимая "Принять и продолжить", вы соглашаетесь с нашей Политика конфиденциальности

Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm