googleupdate

Как опытный веб-разработчик с многолетним опытом работы за плечами, я воочию убедился, насколько важно оптимизировать веб-сайт для 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 миллисекунд или меньше. Вот указанные пороги:

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).

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

Смотрите также

• Google Merchant Center теперь позволяет вам выбирать способы оплаты
• Акции PHOR. ФосАгро: прогноз акций.
• Биткойна «Время взрыва» – Видение Сатоши подрывается?
• Изображения Google Ads с искусственным интеллектом Теперь могут создавать людей и лица
• Акции ROLO. Русолово: прогноз акций.
• Акции MRKV. МРСК Волги: прогноз акций.
• Новые Playbooks Google Business Profile с советами по локальной оптимизации.
• Важные функции поисковой выдачи торговой площадки Google
• WP Engine против Automattic: судья склонен вынести предварительный судебный запрет
• Акции TGKJ. Форвард Энерго: прогноз акций.

2024-07-19 11:39

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

---

В недавнем разговоре Гэри Иллис из Google разъяснил значение иерархического расположения элементов заголовков (H1, H2 и т. д.) для поисковой оптимизации (SEO). Его ответ предоставил ценную информацию о роли элементов заголовка в цифровом маркетинге.

Элементы заголовка

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

Теги заголовков и теги заголовков на веб-странице лаконично передают основные темы и подтемы, действуя как легко усваиваемое оглавление, когда исследуются только заголовки.

В HTML существует шесть различных уровней заголовков. Когда вы используете элемент заголовка, он автоматически включает все необходимые настройки шрифта, разрывы строк до и после, а также любые необходимые пробелы для правильного отображения заголовка. Эти элементы заголовка включают H1, H2, H3, H4, H5 и H6. Среди них H1 занимает самый высокий (или наиболее значимый) ранг, а H6 – самый низкий.

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

Точнее, правильная последовательность заголовков должна отражать их иерархию.

Что Google говорит о заголовках

Запрашивающий отметил, что в «Руководстве по SEO для начинающих» пользователям программ чтения с экрана рекомендуется располагать элементы заголовков последовательно из соображений доступности. Однако они добавили, что эта практика не имеет большого значения, когда речь идет об алгоритме поисковой системы Google. Спрашивающему было любопытно, не могут ли рекомендации в «Руководстве для начинающих по SEO» устареть из-за несоответствия рекомендациям инструмента SEO.

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

Это правильно, потому что инструмент SEO сказал мне обратное».

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

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

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

Актуально ли это для Google?

Официальные стандарты HTML гибко подходят к использованию заголовков.

Вот что говорят стандарты:

Элемент заголовка кратко суммирует содержание раздела, которому он предшествует. Эти данные могут использоваться такими устройствами, как программы чтения с экрана, для автоматического создания оглавления в документе.

Основываясь на моем обширном опыте веб-разработчика и создателя контента, я твердо убежден, что элементы заголовков имеют решающее значение для эффективного структурирования и организации веб-страниц. Вот как я вижу их уровень важности: H1 — это центральный элемент, несущий основной заголовок или тему страницы; H2, H3, H4, H5 и H6 следуют в порядке убывания, каждый из которых представляет подтему или более конкретный аспект основной темы. Таким образом, H1 имеет наивысший ранг, а H6 – наименьшую важность.

Согласно спецификациям HTML5 подразумевается иерархический порядок заголовков, обозначающий начало нового раздела на веб-странице. Хотя в рекомендациях предлагается вложение заголовков в подтемы, это считается скорее сильной рекомендацией, чем строгим правилом.

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

Авторам рекомендуется последовательно использовать либо только заголовки h1, либо заголовки, ранжированные соответствующим образом в зависимости от иерархии раздела.

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

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

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

Инструмент SEO прав, утверждая, что элементы заголовков должны быть расположены иерархически. Однако он ошибается, утверждая, что эта практика особенно полезна для поисковой оптимизации.

Хотя теги H1 имеют решающее значение для программ чтения с экрана для эффективной навигации по контенту, их значение для поисковой оптимизации (SEO) уменьшилось за последние несколько десятилетий. Раньше, в начале 2000-х годов, теги H1 имели значительный вес в SEO; однако в современной передовой практике приоритет отдается другим факторам.

Среди некоторых SEO-инструментов и практиков распространено заблуждение, что тег H1 имеет наибольшее значение для Google с точки зрения заголовков веб-сайтов. Однако это представление неверно. Хотя тег H1 действительно имеет важное значение, другие теги заголовков, такие как H2, H3 и т. д., также играют важную роль в организации и структурировании контента как для поисковых систем, так и для пользователей.

Слушайте подкаст «Часы работы SEO-офиса» на отметке 13:17:

Смотрите также

• Google Merchant Center теперь позволяет вам выбирать способы оплаты
• Акции PHOR. ФосАгро: прогноз акций.
• Биткойна «Время взрыва» – Видение Сатоши подрывается?
• Изображения Google Ads с искусственным интеллектом Теперь могут создавать людей и лица
• Акции ROLO. Русолово: прогноз акций.
• Акции MRKV. МРСК Волги: прогноз акций.
• Новые Playbooks Google Business Profile с советами по локальной оптимизации.
• Важные функции поисковой выдачи торговой площадки Google
• WP Engine против Automattic: судья склонен вынести предварительный судебный запрет
• Акции TGKJ. Форвард Энерго: прогноз акций.

2024-07-18 23:09

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

---

Во время недавней сессии вопросов и ответов в Google команда SEO из группы Search Relations обсудила часто задаваемый вопрос среди владельцев бизнеса: определить, эффективно ли SEO-фирма улучшает ваш веб-сайт.

Вопрос владельца бизнеса

Дискуссию инициировал владелец бизнеса, который спросил:

«Предположим, я регулярно привлекаю SEO-агентство для управления органической поисковой оптимизацией моего веб-сайта. Как я могу убедиться, что они активно над этим работают, учитывая мои опасения, что они могли пренебрегать этой задачей в течение довольно долгого времени? ?»

Ответ Google

Как помощник, ставший экспертом, я был бы рад поделиться своей точкой зрения, основанной на заявлении Джона Мюллера. Согласно предоставленной информации, Джон Мюллер является членом команды Google по связям с поиском и сотрудничал с агентством по контенту Google Search Central. Это означает, что он тесно сотрудничал с внешней организацией для создания и улучшения контента, связанного с поиском Google. Это интересный опыт, поскольку он позволяет ему поделиться своими обширными знаниями и опытом с профессионалами отрасли, а также получить ценную информацию с их уникальной точки зрения. Сотрудничество, вероятно, включает в себя мозговые штурмы, создание контента и постоянное общение, чтобы гарантировать, что полученные материалы будут точными, актуальными и полезными как для Google, так и для агентства. В целом, для Джона Мюллера это прекрасная возможность оказать положительное влияние на сообщество цифрового маркетинга и еще больше укрепить свою роль надежного источника информации в области поисковой оптимизации.

Ключевые моменты советов Мюллера

1. Регулярные встречи. Часто проводите обсуждения с SEO-агентством, чтобы оценить их работу.
2. Отчеты о ходе работы: запрашивайте отчеты, в которых подробно описывается прогресс сайта с течением времени.
3. Планирование на будущее. Обсуждение предстоящей работы поможет агентству удовлетворить ваши потребности.
4. Обучение клиентов. Клиенты должны иметь базовое представление о работе SEO, чтобы лучше оценивать усилия агентства.

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

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

Ресурсы для SEO-образования

1. Руководство Google по найму SEO-специалиста дает представление о процессе отбора.
2. Руководство для начинающих по SEO предлагает базовое понимание принципов SEO.

Полный ответ Мюллера

«Этот вопрос заставляет задуматься. В прошлом мы сотрудничали с внешней командой SEO для некоторых материалов Search Central. Мы часто проводили встречи, чтобы оценить их прогресс, изучить отчеты о развитии нашего веб-сайта и обсудить предстоящие проекты. Хотя эти занятия потребовали больше ресурсов от обеих сторон, и я нашел их поучительными. Получение базового понимания роли SEO-агентства полезно, поскольку позволяет вам убедиться, что они оправдывают ваши ожидания, а также доверять их опыту. Наша страница о найме SEO-агентства. Professional предоставляет дополнительную информацию, а наше руководство по основам SEO предлагает дополнительные разъяснения. Кроме того, было бы полезно услышать мнение профессионалов отрасли о том, как они помогают клиентам понять, как они тратят время».

Предыдущие обсуждения найма SEO

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

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

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

Когда обращаться за профессиональной помощью по SEO

Если ваш бизнес не уверен, что пора прибегнуть к услугам специалиста по SEO, в этой статье представлены пять ключевых сценариев, в которых привлечение его опыта становится необходимым.

Вот несколько сценариев, в которых вам может потребоваться предпринять определенные действия по поисковой оптимизации (SEO):

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

Смотрите также

• Google Merchant Center теперь позволяет вам выбирать способы оплаты
• Акции PHOR. ФосАгро: прогноз акций.
• Биткойна «Время взрыва» – Видение Сатоши подрывается?
• Изображения Google Ads с искусственным интеллектом Теперь могут создавать людей и лица
• Акции ROLO. Русолово: прогноз акций.
• Акции MRKV. МРСК Волги: прогноз акций.
• Новые Playbooks Google Business Profile с советами по локальной оптимизации.
• Важные функции поисковой выдачи торговой площадки Google
• WP Engine против Automattic: судья склонен вынести предварительный судебный запрет
• Акции TGKJ. Форвард Энерго: прогноз акций.

2024-07-18 21:08