Как опытный специалист по цифровому маркетингу с обширным опытом работы с Google Merchant Center, я не могу не чувствовать облегчения и волнения по поводу последних разработок, касающихся дополнительной поддержки фидов/источников в Google Merchant Center Next.
Как специалист по цифровому маркетингу, я рад сообщить, что Google Merchant Center Next наконец-то развернул дополнительную поддержку фидов/источников, хотя это произошло позже, чем ожидалось — примерно в начале третьего квартала 2024 года вместо первоначального обещания на этот год. Однако похоже, что долгожданные правила подачи еще не поддерживаются Google Merchant Center Next, который также должен был быть уже установлен.
Это важно, потому что Google скоро переведет всех на Merchant Center Next.
В декабре 2023 года Джинни Марвин из Google Ads объявила на X, что долгожданная поддержка правил и дополнительных фидов будет введена в начале следующего года. Она признала их значимость для многих продавцов и заверила их, что им не будет предложено перейти в новый Google Merchant Center (GMC Next), пока эти функции не будут готовы.
Майк Райан наткнулся на новый справочный документ, в котором объявляется о добавлении дополнительных каналов. Он признал это открытие, поделившись Кирком Уильямсом и Менахемом Ани своим местоположением на X: [замените «X» на конкретную платформу или среду, где эта информация распространяется, например Twitter, список адресов электронной почты или Сообщение блога.]
Ого, это впечатляющая новость! Google действительно представил дополнительную поддержку каналов/источников для Next. Это значительное событие в мире рекламы PPC (Pay-Per-Click). #ppcchat
» Кирк Уильямс (@PPCKirk), 15 июля 2024 г.
Похоже, недавно они добавили дополнительные каналы в GMC nNext. Надеюсь, они скоро добавят правила подачи!
» Менахем Ани — Google Реклама ð¯ (@MenachemAni) 18 июля 2024 г.
Благодаря дополнительным источникам данных о продуктах вы можете одновременно применять правила атрибутов и каналы Content API к различным субаккаунтам. При создании нового дополнительного источника данных о продукте информация о вашем продукте будет синхронизирована только в том случае, если дополнительный источник данных содержит идентификаторы, соответствующие идентификаторам в основном источнике данных о продукте.
В Google Merchant Center Next отсутствовала важная функция, которая присутствовала в первоначальной версии Google Merchant Center.
Кирк Уильямс только что опубликовал хорошее руководство по этому поводу, посмотрите его здесь.
Как опытный веб-мастер с опытом работы в области SEO и цифрового маркетинга, я видел, как Google за последние годы представил множество обновлений и функций, некоторые из которых оказали значительное влияние на результаты локального поиска. Последняя разработка, которая привлекла мое внимание, — это тестирование Google кнопок «Поиск продуктов с помощью камеры» на некоторых локальных панелях и в профилях компаний.
Google экспериментирует с отображением кнопки «Поиск продуктов с помощью камеры» на некоторых локальных панелях и в некоторых профилях компаний Google. Похоже, это связано с Google Lens и его новейшими возможностями множественного поиска.
За последние несколько лет Google дважды представила функцию поиска камеры в мобильных версиях. Совсем недавно они анонсировали новые функции мультипоиска и поиска по кругу.
Это заметил Аакаш, опубликовавший этот скриншот на X:
Но видели ли вы «Поиск товаров с помощью камеры» на локальной панели?
Как человек, потративший годы на создание веб-сайтов и управление онлайн-бизнесом, я могу с уверенностью сказать, что каждый из этих конструкторов веб-сайтов отвечает различным потребностям и уровням навыков.
Выбор подходящего конструктора веб-сайтов для вашего проекта может зависеть от ваших конкретных целей. Каждая платформа предлагает различные функции, что делает некоторые из них исключительными в определенных областях, где другие могут не соответствовать требованиям.
Не все конструкторы подойдут, если вам нужны расширенные возможности SEO или электронной коммерции.
Чтобы найти наиболее подходящего среди десяти конструкторов веб-сайтов, мы оценили их структуру цен, политику ограничения данных, основные функции и доступность домена.
Примерно две трети рынка разработчиков веб-сайтов контролируется WordPress, в частности WordPress.com и WordPress.org. В результате WordPress выделяется как ведущий и наиболее значимый игрок в этом секторе.
Ключевая особенность
Более 50 000 плагинов и 8 000 тем для настройки.
Возможность перехода между размещенными и самостоятельными вариантами.
В платных планах доступны собственные домены, безопасность сайта и расширенные функции.
Преимущества и особенности SEO
Удобный интерфейс, подходящий для новичков.
Гибкость для создания различных типов веб-сайтов.
Встроенные инструменты и опции SEO для оптимизации вашего сайта для поисковых систем.
Расходы
0–70 долларов США в месяц (0–45 долларов США в месяц, оплата производится ежегодно), а также пользовательские опции.
2. Викс
Как опытный веб-мастер с большим опытом за плечами, я могу вам сказать, что, хотя доля Wix на рынке систем управления контентом (CMS) составляет всего 4%, эта, казалось бы, незначительная цифра соответствует огромной базе пользователей в сотни миллионов человек. Это неоспоримая сила, с которой нужно считаться в сфере разработчиков веб-сайтов.
Как эксперт по SEO, я бы описал его следующим образом: Этот инструмент предоставляет мне удобный интерфейс и возможность настройки функций, что делает его идеальным для создания профессиональных веб-сайтов с расширенными возможностями.
Ключевая особенность
Настраиваемые шаблоны с возможностью редактирования перетаскиванием.
Широкий выбор элементов и сторонних приложений для дополнительной функциональности.
Комплексные бизнес-решения, включая инструменты электронной коммерции и маркетинга.
Преимущества и особенности SEO
Подходит для новичков и тех, кому нужны расширенные функции.
Инструмент SEO Wiz для оптимизации настроек SEO вашего сайта.
Расходы
0–159 долларов в месяц плюс индивидуальные опции.
3. Дуда
Duda — это удобная платформа для создания веб-сайтов, предлагающая как простоту, так и сложные функции настройки, что объясняет ее широкую популярность среди дизайнеров и программистов.
Ключевая особенность
Интерфейс перетаскивания и настраиваемые шаблоны.
Виджеты и дополнения для расширения функциональности, включая электронную коммерцию.
Мобильный редактор для создания мобильных версий вашего сайта.
Преимущества и особенности SEO
Подходит для предприятий и частных лиц, которым нужен профессиональный веб-сайт.
Встроенные функции SEO-оптимизации, включая метаописания и карты сайта.
Расходы:
25–199 долларов в месяц (19–149 долларов в месяц при ежегодной оплате), а также дополнительные опции.
4. ХабСпот
Как опытный эксперт по SEO, я бы описал HubSpot как мое идеальное решение для маркетинга, продаж и обслуживания клиентов, дополненное надежным конструктором веб-сайтов, который обладает мощными возможностями.
Ключевая особенность
Интерфейс перетаскивания и настраиваемые шаблоны.
Предварительно созданные модули для форм, призывов к действию и интеграции с социальными сетями.
Интегрированная CMS, автоматизация маркетинга и инструменты продаж.
Преимущества и особенности SEO
Идеально подходит для предприятий, которым требуется комплексное решение.
Встроенные инструменты SEO для исследования ключевых слов, оптимизации страниц и аналитики.
Масштабируемая платформа, которая растет.
Расходы
0–450 долларов в месяц плюс индивидуальные опции.
5. Квадратное пространство
Squarespace — это удобная платформа для создания веб-сайтов, предоставляющая множество эстетически приятных шаблонов и надежные возможности электронной коммерции.
Ключевая особенность
Настраиваемые шаблоны, которые работают на разных устройствах.
Инструменты электронной коммерции для управления запасами, отслеживания заказов и обработки платежей.
Маркетинговые инструменты для SEO, видео и управления аудиторией
Преимущества и особенности SEO
Идеально подходит для предприятий, занимающихся электронной коммерцией и продвижением бренда.
Встроенные функции SEO и интеграция с Google Analytics.
Мобильное приложение для управления вашим сайтом на ходу.
Расходы
25–72 доллара в месяц (16–52 доллара в месяц при ежегодной оплате) и корпоративные планы.
6. Веб-поток
Webflow — это универсальная платформа для создания веб-сайтов, предоставляющая как сложные возможности дизайна, так и кодирования, доступные для людей с различным опытом.
Ключевая особенность
Бесплатный план для начала работы с базовыми функциями.
План электронной коммерции с расширенными инструментами для продажи товаров и управления заказами.
Командный план с функциями совместной работы и выставлением счетов клиентам.
Преимущества и особенности SEO
Подходит для отдельных лиц и команд, которым нужны расширенные возможности настройки.
Расширенные функции SEO, включая схему и Open Graph.
Уникальные функции, такие как запланированная публикация, логические потоки и анимация.
Расходы
0–235 долларов США в месяц (0–212 долларов США в месяц, оплата производится ежегодно), включая корпоративные планы.
7. ИОНОС
Ionos — это экономичный и несложный конструктор сайтов, предоставляющий необходимые элементы для создания практичной и эстетичной веб-страницы.
Ключевая особенность
Трехэтапный процесс создания сайта: выбор дизайна, добавление контента и продвижение.
Шаблоны, оптимизированные для поисковых систем и обеспечивающие высокую производительность.
Presence Suite для управления и продвижения вашего сайта
Преимущества и особенности SEO
Идеально подходит для быстрой настройки веб-сайтов, тестовых проектов и домашних мастеров.
Шаблоны предварительно оптимизированы для поисковых систем.
Доступные тарифные планы с необходимыми функциями.
Расходы
6–15 долларов в месяц (4–8 долларов в месяц при оплате за три года вперед).
8. Делайте покупки
Как опытный эксперт по SEO, я бы описал Shopify как комплексное решение для электронной коммерции, позволяющее предприятиям легко открывать свои интернет-магазины и продавать свои товары.
Ключевая особенность
Настраиваемые шаблоны и редактирование с помощью перетаскивания.
Мощные инструменты электронной коммерции для управления запасами, обработки платежей и доставки.
В магазине приложений есть тысячи приложений для расширения функциональности.
Преимущества и особенности SEO
Идеально подходит для предприятий любого размера, желающих создать интернет-магазин.
Встроенные функции SEO и возможность редактировать метатеги, URL-адреса и структуру сайта.
Круглосуточная поддержка клиентов и обширная документация.
Расходы
19–399 долларов в месяц (29–299 долларов в месяц при ежегодной оплате).
9. Уибли
Благодаря интуитивно понятному интерфейсу Weebly позволяет пользователям создавать профессионально созданные веб-сайты и интернет-магазины с обширным набором расширенных функций.
Ключевая особенность
Интерфейс перетаскивания и настраиваемые шаблоны.
Функциональность электронной коммерции с управлением запасами и обработкой платежей.
Платформа для ведения блогов и центр приложений для дополнительных функций.
Преимущества и особенности SEO
Подходит для новичков и малого бизнеса.
Встроенные инструменты SEO, включая метаописания, альтернативные теги и карты сайта.
Отзывчивая поддержка клиентов и форум сообщества.
Расходы
0–29 долларов США в месяц (10–26 долларов США в месяц оплачивается ежегодно).
10. Хостингер
Хостинг с Hostinger упрощает процесс создания веб-сайта благодаря удобному для пользователя инструменту для создания сайтов, включенному в пакеты веб-хостинга, что позволяет клиентам быстро запускать сайты.
Ключевая особенность
Интуитивно понятный и удобный интерфейс.
Подходит для новичков и тех, кому нужен быстрый и работающий веб-сайт.
Бесплатный домен, миграция веб-сайтов, электронная почта и SSL включены в пакет хостинга.
Преимущества и особенности SEO
Оптимизирован по скорости с использованием технологии веб-сервера LiteSpeed, передовых решений кэширования и кэша объектов для WordPress.
Расширенные функции безопасности, включая неограниченное количество сертификатов SSL, защиту от DDoS, автоматическое резервное копирование и гарантию безотказной работы в течение 99,9%.
Расходы
2,99–9,99 долларов США за первый месяц (7,99–19,99 долларов США в месяц при продлении).
Найдите подходящего конструктора веб-сайтов для своих нужд
Выбирая конструктора веб-сайтов, учитывайте свои потребности, бюджет и уровень навыков.
WordPress.com предлагает гибкость и настройку для блоггеров и сайтов с большим количеством контента.
Малый бизнес и предприниматели могут предпочесть универсальные решения, такие как Wix или HubSpot, для маркетинговой интеграции.
Магазинам электронной коммерции следует оценить специализированные платформы, такие как Shopify, на предмет надежных инструментов продаж.
Новички могут начать с удобных конструкторов, таких как Weebly, в то время как дизайнеры и агентства могут предпочесть более продвинутые варианты, такие как Webflow.
Благодаря разнообразию доступных конструкторов веб-сайтов можно найти решение для каждой потребности.
Как опытный эксперт по SEO с многолетним опытом работы за плечами, я воочию убедился в важности использования доменов верхнего уровня с кодом страны (ccTLD) для ориентации на конкретные страны при поисковой оптимизации. Подтверждение Google о повышении рейтинга национальных доменов верхнего уровня не является новым открытием, но оно остается важной передовой практикой для тех, кто хочет установить сильное присутствие в Интернете на определенном рынке.
В недавнем подкасте SEO Office Hours Гэри Иллис из Google обсудил предпочтение, отдаваемое Google веб-сайтам, использующим доменные имена на уровне страны (ccTLD), по сравнению с сайтами с обычными доменными именами (не ccTLD), и пояснил, как работает это сравнение.
ccTLD или доменные имена с кодом страны
Доменные имена для конкретных стран, также называемые ccTLD (домены верхнего уровня с кодом страны), предназначены для конкретных стран. В отличие от общих доменов верхнего уровня, таких как .com или .net, эти доменные имена включают в конце двухбуквенный код страны, например .de (Германия), .in (Индия) и .kr (Корея). Используя эти ccTLD, владельцы веб-сайтов стремятся охватить пользователей Интернета, проживающих в определенных странах. Эти доменные имена не ограничивают контент на основе языка, а скорее ориентированы на географический таргетинг.
Некоторые домены верхнего уровня с кодом страны (ccTLD), такие как .io, функционируют аналогично общим доменам верхнего уровня (gTLD) в системе ранжирования Google. Хотя домен .io официально связан с Британской территорией в Индийском океане, его широкое использование привело к тому, что Google приравнял его к таким gTLD, как .com или .net.
Повышение рейтинга ccTLD
Вопрос, на который ответил Гэри Иллис, касался повышения рейтинга ccTLD.
Вот в чем вопрос:
«Когда кореец ищет в Google на корейском, какой домен лучше: com.kr или .com?»
«Это очень полезный запрос. По сути, локальные домены, такие как «.kr», часто работают хорошо, поскольку Google отдает приоритет локально релевантному контенту для пользователей».
Как специалист по цифровому маркетингу, я настоятельно рекомендую зарегистрировать доменное имя для конкретной страны, чтобы улучшить свое присутствие в Интернете на этом конкретном рынке. Поступив так, вы дадите четкий сигнал поисковым системам, таким как Google, о том, что ваш веб-сайт предназначен для пользователей в этой конкретной стране. Следовательно, они будут отдавать предпочтение вашему сайту перед другими, у которых нет такого целевого домена, что приведет к улучшению рейтинга и повышению видимости в результатах местного поиска.
Гэри подробно остановился на том, как национальный домен верхнего уровня (ccTLD), такой как .uk или .fr, может иметь преимущество в рейтинге поисковых систем по сравнению с общими доменами верхнего уровня (gTLD), такими как .com или .net.
Хотя домен .com, безусловно, может добиться успеха, домен .kr может предоставить дополнительное преимущество, хотя разница относительно невелика.
Таргетинг на страну и язык таргетинга
Наконец, Гэри упомянул, что таргетинг на язык пользователя имеет большее значение, чем доменное имя.
«Если язык сайта соответствует языку запросов пользователя, это, вероятно, имеет большее значение, чем само доменное имя».
Используя язык в качестве целевого, ваш веб-сайт становится доступным для пользователей независимо от их географического местоположения, в отличие от доменных имен для конкретной страны, которые доступны только пользователям из определенных стран.
Когда Гэри не упомянул, использование домена верхнего уровня с кодом страны (ccTLD) может повысить доверие пользователей среди поисковиков, чьи страны соответствуют целевому домену. Следовательно, пользователи Google с большей вероятностью нажмут на результат поиска, содержащий ccTLD с геотаргетингом.
Пользователи в Корее могут воспринимать домен .kr как особенно релевантный для них, в то время как поисковики в Австралии могут иметь более сильную склонность нажимать на доменное имя .au из-за его местного значения.
Как опытный веб-разработчик с многолетним опытом работы за плечами, я воочию убедился, насколько важно оптимизировать веб-сайт для Interactive New Pain (INP). Мой личный опыт в этой области научил меня, что улучшение INP – это не только улучшение пользовательского опыта, но и решающее значение для успеха SEO.
В сфере SEO нет недостатка в аббревиатурах.
В сфере оптимизации веб-сайтов при обсуждении скорости страницы часто встречаются такие термины, как поисковая оптимизация (SEO), задержка первого ввода (FID) и интерактивное рисование потребностей (INP).
Было введено новое измерение: «Взаимодействие со следующим рендерингом» (INP). Этот термин означает реакцию страницы на определенные действия пользователя, количественно определяемую с помощью комбинации экспериментальных и реальных данных Google Chrome.
Что такое взаимодействие со следующей краской?
Один из возможных перефразов фразы «Взаимодействие с следующей отрисовкой, или INP, — это новая метрика Core Web Vitals, которая обозначает общую задержку взаимодействия с пользователем на протяжении всего опыта работы с веб-страницей».
Когда вы нажимаете кнопку «Добавить в корзину» на странице продукта, система записывает время, необходимое для изменения внешнего вида кнопки в ответ на щелчок, например изменение цвета кнопки после нажатия.
Если на вашей веб-странице выполняются сложные сценарии, выполнение которых занимает некоторое время, эти процессы могут на мгновение перестать отвечать на запросы, что потенциально может нанести вред измерению производительности Interactive New Relic (INR).
Вот пример видео, иллюстрирующий, как это выглядит в реальной жизни:
Обратите внимание, что первая кнопка визуально отображает изменение сразу после ее нажатия, тогда как вторая кнопка требует небольшой задержки, прежде чем отобразится какое-либо визуальное изменение после нажатия.
Чем INP отличается от FID?
Фундаментальное различие между обработкой ввода (INP) и первой задержкой ввода (FID) заключается в их направленности. В то время как FID оценивает исключительно время, необходимое для первого ввода пользователем веб-страницы, INP оценивает общее время обработки всех вводимых данных. Другими словами, FID учитывает только задержку начального взаимодействия, не принимая во внимание время отклика браузера.
Вместо того, чтобы INP контрастно концентрировался на всех взаимодействиях со страницами, он конкретно оценивает время обработки для каждого типа взаимодействия:
Любой щелчок мыши интерактивного элемента.
Любое касание интерактивного элемента на любом устройстве с сенсорным экраном.
Нажатие клавиши на физической или экранной клавиатуре.
Что такое хорошее значение INP?
Согласно рекомендациям Google, желательное значение обработки ввода (INP) составляет примерно 200 миллисекунд или меньше. Вот указанные пороги:
Пороговое значение
Описание
200
Хорошая отзывчивость.
От 200 миллисекунд до 500 миллисекунд
Умеренно и требует улучшения.
Более 500 миллисекунд
Плохая отзывчивость.
Google отмечает, что показатель «Важность количества путей» (INP) в настоящее время находится в стадии разработки, и сообщает, что любые предлагаемые рекомендации относительно этого показателя могут быть изменены в будущем.
Как измеряется INP?
Google анализирует данные анонимного взаимодействия (INP) из репрезентативной выборки длительных взаимодействий пользователей с веб-страницами, использующими браузеры Chrome в качестве источника.
В каждом взаимодействии есть отдельные этапы: момент представления информации, продолжительность ее обработки и задержка между входными действиями. Сумма длительности этих трех этапов инкапсулируется в функцию обратного вызова связанных событий.
Если на странице зарегистрировано менее 50 взаимодействий пользователей, эффективность взаимодействия (INP) фокусируется на взаимодействии с наиболее значительной задержкой; для страниц с более чем 50 взаимодействиями INP не учитывает самые длительные задержки среди каждой группы из 50 взаимодействий.
Когда пользователь уходит со страницы, показатели производительности автоматически передаются в отчет Google Chrome User Experience Report (CrUX). Этот репозиторий собирает и анализирует данные, чтобы предоставить ценную информацию о реальном пользовательском опыте на основе реальных взаимодействий.
Каковы общие причины, вызывающие высокие значения INP?
Понимание коренных причин повышенных INP (задержек на внутреннем сетевом пути) имеет важное значение для повышения эффективности вашего веб-сайта. Вот некоторые распространенные участники:
Длинные задачи, которые могут блокировать основной поток, задерживая взаимодействие с пользователем.
Синхронные прослушиватели событий кликов, как мы видели в примере видео выше.
Изменения в DOM вызывают множественную перекомпоновку и перерисовку, что обычно происходит, когда размер DOM слишком велик (> 1500 элементов HTML).
Как устранить проблемы с INP?
Для начала обратитесь к нашему подробному руководству по измерению показателей CWV и примените предложенные методы устранения неполадок. Если эти шаги не дают понимания того, какие взаимодействия приводят к высокому INP, то отчет «Производительность» браузера Google Chrome (предпочтительно Canary) может стать эффективной альтернативой для дальнейшего исследования.
Перейдите на веб-страницу, которую хотите проанализировать.
Откройте DevTools вашего браузера Canary, в котором нет расширений браузера (обычно нажав F12 или Ctrl+Shift+I).
Перейдите на вкладку Производительность .
Отключите кеш на вкладке Сеть .
Выберите мобильный эмулятор.
Нажмите кнопку Запись и работайте с элементами страницы, как обычно.
Остановите запись, как только вы зафиксируете интересующее вас взаимодействие.
Чтобы точно представить производительность приложения на типичных мобильных устройствах, уменьшите загрузку ЦП в 4 раза. Используйте меню «Замедление», чтобы настроить параметры, и выберите сетевое соединение 4G, поскольку оно используется примерно в 90% использование мобильных устройств на открытом воздухе. Если вы не внесете эти изменения, ваше моделирование будет выполняться с использованием мощного процессора настольного компьютера, что приведет к ненадежным результатам.
Детали имеют решающее значение, поскольку Google собирает данные непосредственно с устройств пользователей для своей поисковой системы. Вы можете не столкнуться с проблемами INP на сильном устройстве, но диагностировать эти проблемы может быть сложно, поскольку они зависят от конкретного состояния устройства. Настроив эмулятор соответствующим образом, вы сможете максимально приблизиться к воспроизведению условий реального устройства.
Вместо «Вот видеоруководство, в котором показан весь процесс. Я настоятельно рекомендую вам посмотреть его во время чтения статьи, чтобы лучше понять», вы можете сказать:
В видео мы заметили, что длительные задачи приводят к увеличению времени взаимодействия и созданию набора файлов JavaScript, которые обрабатывают эти задачи.
Расширение сегмента «Взаимодействия» дает исчерпывающее объяснение длительной задачи, связанной с этим взаимодействием. Нажав на предоставленные URL-адреса скриптов в этом разделе, вы получите доступ к конкретным строкам кода JavaScript, вызывающим задержку. Используйте эти строки в целях оптимизации.
Взаимодействие общей длительностью 321 мс состоит из:
Входная задержка: 207 мс.
Длительность обработки: 102 мс.
Задержка презентации: 12 мс.
На временной шкале основного потока ниже имеется расширенная красная полоса, указывающая на длительную продолжительность задачи.
Под расширенной красной панелью задач находится видимая желтая полоса с надписью «Оценить сценарий». Это говорит о том, что длительная задача была связана в основном с обработкой JavaScript.
На исходном изображении временной разрыв между точками 1 и 2 представляет собой задержку, связанную с длительной задачей, отмеченной красной меткой, из-за обработки сценария.
Что такое оценка сценария?
В процессе выполнения кода JavaScript оценка сценария является важной частью. На этом этапе веб-браузер шаг за шагом выполняет сценарий. На этом этапе он выполняет такие задачи, как установка значений переменных, создание функций и подписка на прослушиватели событий.
Как опытный веб-мастер, я заметил, что пользователи могут взаимодействовать с веб-страницей до того, как все файлы JavaScript завершат загрузку, анализ, компиляцию и оценку. Это может привести к нестабильному пользовательскому интерфейсу, поскольку некоторые функции или функции могут быть еще не полностью доступны. Чтобы смягчить эту проблему, рассмотрите возможность внедрения таких методов, как:
Когда пользователь взаимодействует с элементом на экране, щелкая или касаясь его, браузер может на мгновение приостановить ответ, чтобы завершить выполнение сценария, к которому подключен прослушиватель событий.
Это гарантирует, что прослушиватель событий правильно зарегистрирован и сможет отреагировать на взаимодействие.
На приведенном снимке экрана вполне вероятно, что задержка в 207 миллисекунд произошла, поскольку браузер завершал оценку сценария, ответственного за обработку события щелчка.
Как опытный веб-разработчик с многолетним опытом работы за плечами, я не могу переоценить важность обеспечения бесперебойной работы пользователей при создании веб-сайтов или приложений. Одним из показателей, который стал важным для измерения этого показателя, является общее время блокировки (TBT).
Если время загрузки велико и пользователи взаимодействуют с веб-сайтом сразу после завершения страницы, браузеру может быть сложно своевременно успевать за взаимодействием с пользователем.
Хотя метрики CWV не включают его, TBT (время задержки) часто соответствует превосходным показателям INP (задержка ввода и пропускная способность). Чтобы повысить производительность INP, сосредоточьтесь на снижении уровня TBT.
Какие распространенные сценарии JavaScript вызывают высокий уровень TBT?
Скрипты для аналитики, такие как Google Analytics 4, пиксели отслеживания, Google reCAPTCHA и реклама AdSense, часто приводят к увеличению времени выполнения скриптов, тем самым увеличивая время до первого байта (TTFB).
Потенциальный подход к минимизации времени до первой отрисовки (TBT) — отложить загрузку некритических сценариев до тех пор, пока основной контент вашей веб-страницы не будет отображен.
Откладывая загрузку скриптов, очень важно ранжировать их по значимости для улучшения пользовательского опыта. Скрипты, которые существенно влияют на взаимодействие с пользователем, например те, которые необходимы для ключевых функций, должны иметь приоритет над менее важными скриптами в процессе загрузки.
Улучшение вашего INP — не серебряная пуля
Имейте в виду, что улучшение обработки ввода (INP) не является волшебным решением, обеспечивающим немедленный триумф SEO.
Как специалист по цифровому маркетингу, я бы посоветовал, что эта задача — лишь часть головоломки, когда дело доходит до реализации серии улучшений, направленных на улучшение поисковой оптимизации вашего сайта (SEO).
Вот несколько эффективных способов повысить производительность вашего веб-сайта: точная настройка вашего контента, получение первоклассных обратных ссылок, уточнение метатегов и описаний, внедрение разметки схемы, оптимизация структуры вашего сайта и устранение любых проблем, которые мешают сканерам поисковых систем. от доступа ко всем областям вашего сайта.
