Начните искать ключевые слова

Используйте Serpstat, чтобы находить лучшие ключи

How-to, 12 января 2022 | 3958 | Читать 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 и как он влияет на загрузку?
Как использовать атрибут importance для SEO оптимизации?
FAQ
Заключение

Что такое 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 оптимизации?

Использование метрик в 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">

Хотите узнать, как с помощью Serpstat оптимизировать сайт?
Нажимайте на космонавта и заказывайте бесплатную персональную демонстрацию сервиса! Наши специалисты вам все расскажут! ;)

FAQ

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

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

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

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

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

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

Заключение

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

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

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

CSS, шрифты, скрипты, изображения и сторонние ресурсы должны иметь разные приоритеты.
Расположение или порядок, в котором вы ссылаетесь на ресурсы в документе, также влияют на приоритет в загрузке ресурсов.
Приоритет меняется для асинхронных или отложенных скриптов.
Подсказка о предварительной загрузке ресурса помогает браузеру быстрее его обнаружить и, таким образом, загрузить ресурс до того, как документ загрузит его, и влияет на приоритет.

Мы будем собирать дополнительную информацию о том, как работает атрибут и добавим ее в статью.

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

Serpstat — набор инструментов для поискового маркетинга!

Находите ключевые фразы и площадки для обратных ссылок, анализируйте SEO-стратегии конкурентов, ежедневно отслеживайте позиции в выдаче, исправляйте SEO-ошибки и управляйте SEO-командами.

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

5 из 5 на основе 3 оценок

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

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы