Гугл скорость работы сайта: Sorry, this page can’t be found.

Содержание

От чего зависит скорость загрузки сайта? Полезные советы по сайту

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

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

В момент, когда пользователь заходит на сайт, страница открывается путем подгрузки различных элементов: как статических, так и динамических. Этот процесс может происходить быстро или медленно, в зависимости от количества контента и элементов сайта. Например, если мы имеем дело с интернет-магазином, то изображений на странице каталога будет 50 и больше. Следовательно, он должен грузиться дольше, чем, к примеру, сайт-визитка. Но, на самом деле, такие сайты также могут грузиться в пределах 2-3 секунд, что является стандартом загрузки страниц.

Существуют методы оптимизации скорости загрузки интернет-страниц – об этом и расскажем подробнее, а также ответим на вопрос: “От чего зависит скорость загрузки сайта?”

Скорость загрузки контента

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

Что такое скорость ответа сервера?

Скорость ответа сервера – это время задержки между отправкой сигнала пользователем и получением этого сигнала обратно от сайта. Учитывается время задержки, которое измеряется в миллисекундах.

Что влияет на скорость ответа сервера?

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

Нагрузка на сервер и оптимизация

Нагрузку на сервер проще всего представить на примере интернет-магазина, поскольку такие сайты чаще всего имеют высокую посещаемость в связи с частыми внесениями изменений (к примеру, почасовое/ежедневное изменение ценовой политики), но они также имеют контент, который не меняется.

Например, фотографии товаров – они всегда одинаковые. Если нам известен адрес этого изображения, то, как правило, по нему всегда будет доступна одна и та же фотография. Чтобы отобразить картинку пользователю, движок и хостинг довольно сильно нагружаются, учитывая, что количество посещений интернет-магазина в день может достигать от 1000 до 5000 пользователей. Также может содержаться много изображений товаров. Кроме изображений есть и другой контент. И это все замедляет работу сервера… Если запросов к базе данных слишком много – сервер может не справиться и выдать для некоторых пользователей 500 код ошибки.

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

Что такое кэширование?

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

Что такое CDN?

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

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

Как быстро проверить все страницы своего сайта на скорость загрузки?

Как сделать массовую проверку всех страниц сайта через GTmetrix API?

GTmetrix – полезный инструмент для проверки скорости сайта. Отображает много сводной информации. Тестовый сервер находится в Ванкувере (Канада).

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

Бесплатно можете проверить на скорость загрузки до 100 страниц по 20 страниц в день.

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

API-интерфейс GTmetrix основан на API-службах тестирования Web Testing Framework (WTF), который представляет собой RESTful API.

Изучив API, вы сможете легко проверить страницы вашего сайта

Как проверить скорость загрузки сайта через Screaming Frog SEO Spider +xpath

Для того, чтобы проверить скорость загрузки сайта через Screaming Frog SEO Spider +xpath, нам нужно проверить все страницы через Screaming Frog SEO и добавить собранные URL в Google таблицу.

Создаем страницу в Google таблицах

Page speed	URL	Проверка
https://developers.google.com/speed/pagespeed/insights/?url=	URL для проверки	https://developers.google.com/speed/pagespeed/insights/?url=URL для проверки

по такому принципу

Там, где поле проверки, выбираем “сцепить” формулой

=$A$2&B2

Дальше нужно проверить все страницы через Screaming Frog SEO и добавить собранные URL в Google таблицу в столбец “URL”.

Дальше скопировать все ссылки, которые образовались в столбе “Проверка”.

Добавить в парсер через Screaming Frog SEO и сделать следующее:

Переходим в настройку парсера

Дальше переходим в Spider Speed Configyration

Потом в Custom — Extraction

Берем данные с сайта

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

Для мобильных:

//*[@id=»page-speed-insights»]/div[2]/div[2]/div[2]/div[1]/div[1]/div/div[1]/a/div[2]

Для компьютеров:

/html/body/div[1]/div/div[2]/div[2]/div[2]/div[2]/div[1]/div/div[1]/a/div[2]

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

Подписываем столбцы

Оценка мобильной оптимизации:

(//div[@class=’lh-gauge__percentage’])[2]

Мобильный FCP:

(//div[@class=’metric-value’]//text())[1]

Первая задержка мобильного ввода (FID):

(//div[@class=’metric-value’]//text())[2]

Время загрузки первого контента для мобильных:

(//div[@class=’lh-metric__value’]//text())[1]

Время загрузки достаточной части контента для мобильных:

(//div[@class=’lh-metric__value’]//text())[4]

Индекс скорости загрузки для мобильных:

(//div[@class=’lh-metric__value’]//text())[1]

Время окончания работы ЦП для мобильных:

(//div[@class=’lh-metric__value’]//text())[5]

Время загрузки для взаимодействия для мобильных:

(//div[@class=’lh-metric__value’]//text())[3]

Приблизительное время задержки при вводе для мобильных:

(//div[@class=’lh-metric__value’]//text())[6]

Детали процесса можно узнать здесь:

https://www.screamingfrog.co.uk/web-scraping/

Есть более новый способ сделать это через обновленную версию Screaming Frog SEO Spider 12.6.

Для этого нужно посетить сайт, нажать получить ключ

И ввести его в поле Screaming Frog SEO Spider 12.6 как на скриншоте

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

Проверить через Google Аналитику

Если у вас есть доступ к analytics.google.com вашего сайта, вы сможете измерить скорость загрузки всех ваших страниц.

Группа отчетов «Скорость загрузки сайта» позволяет понять, насколько быстро загружается ваш сайт и насколько оперативно он реагирует на действия пользователей. Такая статистика позволяет оптимизировать сайт и следить за результатами таких изменений.

Отчет «Скорость загрузки сайта» позволяет оценить время реакции ресурса по трем основным показателям:

Время загрузки страницы

Скорость выполнения или время загрузки любого обращения

Скорость, с которой браузер обрабатывает документ

Почитать дополнительную документацию можно здесь:

https://support.google.com/analytics/answer/1205784?hl=ru

Что говорит Google?

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

Учитывая, что пользователей, которые посещают сайт с помощью мобильных устройств, становится все больше – Google нацелен на то, чтобы удовлетворить их потребности. Ведь если контент на мобильном устройстве будет грузиться достаточно долго, пользователи будут часто покидать такие страницы, не дожидаясь загрузки. Сайт, который быстро загружается, будет всегда иметь преимущество перед сайтом, который загружается медленнее 3-х секунд.

Ресурсы для проверки загрузки страницы

https://developers.google.com/speed/pagespeed/insights/

https://tools.pingdom.com/

https://www.webpagetest.org/

https://gtmetrix.com/

https://analytics.google.com/

Заключение

Скорость влияет и на SEO-продвижение. Поэтому, показатели PageSpeed Insights стоит проверять раз в неделю-месяц, а также исправлять код и настройки сервера. Важно переводить сайты на CDN. Особенно это касается таких сайтов, как каталоги или интернет-магазины. Используйте различные сервисы для проверки скорости сайта, так как на один сервис полагаться не стоит – он не дает целостности всей картины. О том как улучшить показатели скорости загрузки будет отдельная статься.

Заказывайте хостинг и выбирайте домен в компании «Хостинг Украина».

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

Наши цены: SSD хостинг от 1$, VPS на SSD от 12$, Cloud (облачный) хостинг от 3$, облачный VPS от 6$.

Присоединяйтесь к «Хостинг Украина» и мы позаботимся о технической стороне вашего бизнеса.

Как скорость загрузки сайта влияет на позиции в Яндекс и Google?

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

Время загрузки — что такое?

Неправильное понимание термина “время загрузки” влечет за собой массу проблем, а вместе с этим и низкие показатели активности пользователей и невысокую популярность страницы. Поэтому для начала нужно просто разобраться с тем, что это такое.

Полное время загрузки страницы — это суммарное время, которое было потрачено на загрузку всех элементов страницы. Это начинается с запроса к серверу: время подключения к DNS, протокол по которому передаются данные в сети, перенаправление, загрузка визуального контента и так далее.

Полное время загрузки сайта делится на несколько компонентов:

Время ответа сервера. Данный элемент показывает насколько быстро сеть и сервер вернули ответ на запрос к сайту. Сюда относятся DNS (система, которая позволяет преобразовывать символьные имена доменов в адреса IP) и TCP (процесс передачи данных интернета). Соответственно: чем больше время, тем медленнее прогружается сайт, а пользователь все это время видит только белый монитор.

Time To First Byte или TTFB. Один из главных показателей. Демонстрирует время, необходимое серверу для того, чтобы обработать запрос и выслать ответный сигнал браузеру. К примеру, запрашивая php-страницу, ответ будет получен только после обработки сигнала специальной программой, которая соединяет запрос с базой данных. На это оказывает существенное влияние настройки сервера, оптимизация кода, а также расстояние пользователя от сервера. Это значит, что чем удаленнее пользователь от сервера — тем дольше ответ будет до него идти. К примеру, месторасположение клиента в Санкт-Петербурге, а сервера с сайтом в Австралии или в Новой Зеландии. Ответ будет идти дольше, чем, если бы сервер располагался в Санкт-Петербурге.

Отметим, Time To First Byte отвечает также за сортировку страниц в поисковой выдаче, но об этом подробнее будет рассказано далее в статье.

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

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

Факторы, влияющие на позиции сайта в Google и Яндексе

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

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

1. Существует четкая взаимосвязь между Time To First Byte и позицией сайта: меньшее количество времени получения первого байта лучше сказывается на выдаче.

2. Исследователи не обнаружили соотношения между полным временем загрузки страницы и ее местом в Google.

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

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

Представители Яндекса ранее заявляли о том, что почти 40% пользователей уходят со страницы, если время загрузки составляет более 10 секунд. Кроме того, 74% пользователей уходят с сайта, если время загрузки на мобильном устройстве превышает 5 секунд.

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

Влияние поведенческих факторов на время загрузки

Приведем пример, как уменьшая время загрузки можно улучшить данные поведенческих факторов:

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

Итог:

время загрузки большинства страниц сократилось с 10 до 2,8 секунд;

время ответа сервера сократилось с 3,5 до 0,5 секунд.

Влияние на показатель отказов:

Влияние среднего времени загрузки и показателя отказов. Уменьшая время загрузки, показатели отказов также сократились на 8-10%.

Взаимосвязь среднего времени загрузки и количества страниц за сеанс. Сокращение времени загрузки увеличило количество страниц за сеанс с 3 до 5. Кроме того, конверсия зависит от скорости загрузки. Несколько исследований обнародовали данные, согласно которым увеличение времени на 100 мс делаем выше конверсию на 1%.

Оптимальные факторы времени загрузки страницы

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

время до Time To First Byte: до 300 мс. Google советует 200 мс, однако на практике даже 300 иногда достаточно сложно достичь;

время загрузки страницы: 3-5 секунд;

время получения изображения: до 1,5 секунд.

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

Грамотно воплотить в жизнь данные указания, оптимизировать время загрузки сайта и улучшить ранжирование – трудоемкая задача, требующая квалификации и владение последними технологиями. Поэтому лучше такую задачу поручить профессионалам — в этом вам поможет компания Artrix. Мы улучшим время загрузки сайта, оптимизируем влияющие факторы и повысим популярность ресурса. С менеджерами компании Artrix можно связаться по телефону +7 (812) 293 55 44 или через электронную почту [email protected].

Звоните и пишите! Улучшите работу сайта!

13 лучших инструментов – Блог TRINET

Зачем увеличивать скорость сайта?

Скорость загрузки сайта — один из важных факторов ранжирования в поисковой выдаче. Она влияет на улучшение поведенческих факторов, например:

уменьшает количества отказов
увеличивает глубину просмотра
увеличивает время изучения сайта

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

Что важно измерять и какие инструменты для этого нужны:

Оценка от Google — формальный параметр оценки скорости загрузки сайта в пожалуй самом популярном сервисе PageSpeed Insights. Многие другие сервисы работают по тому же принципу и мало чем друг от друга отличаются, например: Seolik.ru, Pr-cy.ru, Uptrends, Pingdom Tools. Наиболее информативным из всех на наш взгляд является Gtmetrix. Все эти сервисы дают советы и рекомендации по улучшению сайта, чтобы он загружался быстрее.

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

Для проверки времени ответа сервера можно использовать панель вебмастера Яндекс.

Порядок работы через Яндекс.Вебмастер:

Заходим в систему https://webmaster.yandex.ru/
Нажимаем “Инструменты” в правом верхнем углу
Переходим “Проверка ответа сервера” https://webmaster.yandex.ru/tools/server-response/
Проверяем время ответа сервера в миллисекундах

Хорошим ответом является менее 1000 мс, что равнозначно 1 сек.

Порядок работы через Google Chrome

Заходим в браузер
Переходим на страницу, на которой хотим измерить скорость ответа сервера
Нажимаем правой кнопкой мыши
Выбираем пункт “Посмотреть код”
В открывшемся окне выбираем вкладку “Network”
Нажимаем кнопку Ctrl+F5
Chrome показывает на диаграмме Ганта, как загружаются все части сайта.

Такой проверкой можно понять, что загружается медленно.

Время до отрисовки — это время от перехода на страницу до начала появления страницы в браузере. Именно этот параметр воспринимается пользователями, как скорость сайта. Есть сервисы, которые могут показать отрисовку сайта по секундам, например: WebPagetest, Dareboost.

Такая проверка очень удобна для демонстрации клиентам.

Время полной загрузки (время до загрузки DOM) — это время, за которое загрузился весь контент страницы — картинки, скрипты, CSS, и т. п.

Для больших международных сайтов важна скорость загрузки из разных точек мира, а не одной локальной страны. Для этого можно воспользоваться следующими сервисами: Sitespeed.me — 7 точек, GiftofSpeed — 8 точек, Dotcom-Monitor — 25 точек (тестирует скорость загрузки при первом визите и при повторном).

Также для больших проектов важно понимать, как будет меняться скорость загрузки с увеличением нагрузки на сервер для этого есть сервис Load Impact.

Проверка скорости по отчетам из веб-аналитики

Чтобы увидеть статистику скорости загрузки с выборкой по большому числу пользователей, а также посмотреть динамику изменения скорости загрузки за длительный период можно воспользоваться сервисами Яндекс.Метрика и Google Analytics .

Проверка скорости через сервис Яндекс.Метрика

Для этого нужно:

Зайти в Метрику
Выбрать интересующий сайт
Нажать: Отчёты — Стандартные отчёты — Мониторинг — Время загрузки страниц.

Какую полезную статистику можно получить из этих данных?

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

Проверка скорости через сервис Google Analytics

Зайти в Analytics
Выбрать нужный сайт
Нажать Отчеты — Поведение — Скорость загрузки сайта

Как использовать полученную информацию и как увеличить скорость загрузки сайта?

Время ответа сервера

Для уменьшения времени ответа сервера рекомендуем сделать следующие действия:

Выбрать надежного хостера с мощными серверами и хорошим каналом связи;
Арендовать выделенный сервер;
Использовать кэширование страниц;
Оптимизировать базы данных;
Использовать кэширование скриптов;
Не используйте обращения к сторонним серверам.

Кеширование

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

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

Картинки

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

Google PageSpeed Insights рекомендует использовать формат изображений WebP. Но такой формат не поддерживается сервисом Яндекс.Картинки. Если у вас тематика, связанная с большим трафиком из Яндекс.Картинок, мы рекомендуем использовать PNG и JPG. Их нужно максимально сжать без потери качества.

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

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

Скрипты и CSS

Так как уже говорилось ранее — количество потоков загрузки сайта ограничено. А каждый скрипт и каждая CSS занимает свой поток, то нужно также сократить количество их одномоментной загрузки. Для этого нужны следующие действия:

1. Отключить лишние CSS и скрипты. Часто бывает, что когда-то давно на сайт были добавлены скрипты, или обновлены CSS, а теперь они не используются, но всё равно продолжают подгружаться, занимая потоки загрузки. Нужно проверить все скрипты и CSS и отключить лишние.

2. Соединить CSS в один файл, также для уменьшения количества потоков.

3. Google PageSpeed Insights также порекомендует свести скрипты в один файл, но это практически невозможно.

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

Обычная загрузка

Асинхронная загрузка

Отложенная загрузка

Дополнительно возможности увеличения скорости загрузки сайта.

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

Для информационных сайтов возрастет трафик, но часто падает прибыли с платной рекламы, так-как на турбо-страницах возможно размещать рекламу только РСЯ.

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

Чтобы понять выгодно это для вас или нет рекомендуем проводить тестирование. Подключить турбо страницы достаточно просто — через функционал Яндекс Вебмастер.

На позиции в Google использование турбо-страниц никак не влияет.

Значок отображает турбо страницу

Пример турбо для интернет-магазина

С AMP страницами немного другая картина. Технология AMP создана независимыми разработчиками и активно продвигается в Гугле. Эта технология улучшит скорость загрузки и ранжирование страниц именно в Google. Для некоторых CMS (например WordPress) есть плагины, которые могут автоматически формировать AMP страницы в других случаях придется прибегнуть к помощи разработчиков.

Итог

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

Скорость загрузки сайта. Или что такое PageSpeed Insights

Если у вас есть собственный веб-сайт, вы, скорее всего, беспокоитесь о том, насколько он удобен для пользователей. И это правильно, ведь его удобство напрямую влияет на конверсию. Одним из ключевых аспектов удобства сайта является его скорость. Банальный поиск инструментов для определения скорости сайта в 99% случаев приведёт вас на сервис PageSpeed Insights от Google.

Что такое PageSpeed Insights

Сервис PageSpeed Insights создан для анализа и диагностики веб-страниц. На основании произведённых проверок он определяет примерный индекс скорости сайта (от 0 до 100 баллов) и предлагает некоторые решения для его ускорения.

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

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

Инструмент анализирует не работу сайта в целом, а лишь конкретную запрашиваемую страницу. Для проверки перейдите в PageSpeed Insights и введите в поле URL-адрес страницы, которую хотите проверить.

Вы получите 2 результата анализа — для мобильных устройств и десктопов.

Алгоритмы и инструменты расчётов PageSpeed Insights (далее PSI) постоянно меняются и совершенствуются. Баллы вашего сайта также постоянно будут меняться, в зависимости от текущих требований сервиса.

На момент написания статьи PSI использует 6 версию Lighthouse. Lighthouse — это инструмент, который анализирует время загрузки, доступность и поисковую оптимизацию веб-страниц.

Какие основные критерии оценивает PageSpeed Insights?

Среди всех производимых проверок PSI выделяет шесть основных показателей, на основании которых вычисляется итоговый балл:

First Contentful Paint

Первая отрисовка контента. Определяет интервал времени между началом загрузки страницы и появлением первого изображения или блока текста.

Speed Index
Индекс скорости загрузки. Показывает, как быстро на странице появляется контент. Т. е. время до того момента, когда страница перестанет визуально меняться и обретёт конечный вид.

Largest Contentful Paint
Отрисовка крупного контента. Определяет время, когда на экран выводится самый большой элемент содержимого в области просмотра (на первом экране).

Time to Interactive
Время загрузки для взаимодействия. Время, в течение которого страница становится полностью готова к взаимодействию с пользователем. Т. е. время до момента, когда можно спокойно кликать и скроллить.

Total Blocking Time
Сумма всех периодов от первой отрисовки контента до загрузки для взаимодействия. Этот показатель означает, что процессор подгрузил сайт достаточно для того, чтобы давать отклик на действия пользователя за адекватное время (менее 50 мс).

Cumulative Layout Shift
Совокупное смещение макета. Процентная величина, на которую смещаются видимые элементы области просмотра при загрузке. Смещение макета происходит каждый раз, когда видимый элемент изменяет своё положение.

Обратите внимание!
Google сам предупреждает, что эти значения приблизительны и изменчивы.

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

Ещё раз акцентируем внимание!
Сервис не определяет фактическую скорость загрузки страниц, а лишь имитирует их загрузку и замеряет показатели, которые лишь теоретически могут повлиять на скорость.

Влияние баллов PageSpeed Insights на работу сайта и на выдачу в поисковых системах?

Если коротко — минимально.

На фактическую работу сайта баллы в принципе не влияют. Может получиться так, что вы не будете испытывать неудобств в работе с сайтом, но баллы PSI всё равно будут низкими.

С точки зрения пользователя сайт будет загружаться быстро и не будет вызывать отторжения. Но с точки зрения PSI сайт будет определён как медленный.

Анализ PSI — это всего лишь имитация загрузки веб-страниц. К тому же сервис расположен на серверах, которые находятся в Европе. А скорость загрузки страниц напрямую зависит от местоположения сервера. Чем ближе сервер находится к пользователю, тем быстрее загружаются страницы.

Что касается поисковой оптимизации (SEO), то по заявлениям Google с июля 2018 года скорость сайта включена в число факторов ранжирования поиска. Это изменение получило название «Speed Update». Сервис PageSpeed Insights в нём приводится, как инструмент для примерной оценки состояния сайта.

Но прежде чем приступать к работам по увеличению баллов PSI, стоит помнить, что этот показатель далеко не первостепенный при ранжировании сайтов. Есть более важные параметры для SEO-продвижения: мета-теги, адаптивность, качественный контент. И если с этими параметрами полностью всё улажено, только тогда стоит задумываться об оптимизации баллов PSI.

Основные пути увеличения баллов

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

Многие рекомендации действительно полезны и помогают ускорить загрузку страниц. Но далеко не все из них могут оказаться эффективными и быть совместимыми с используемыми на вашем сайте плагинами и библиотеками инструментов. Слепое выполнение всех рекомендаций PSI может значительно ухудшить работу вашего сайта.

Исходя из нашего опыта в оптимизации сайтов, мы с уверенностью можем выделить некоторые из рекомендаций, выполнение которых с большой вероятностью приведёт не только к улучшению баллов PSI, но и к фактическому ускорению вашего сайта:

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

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

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

Оптимизация изображений
В целом работа с изображениями — основной момент в оптимизации скорости сайтов. Это, наверно, самая важная и трудная задача. Её суть в использовании изображений наименьшего веса и наиболее оптимального размера (ширина и высота). Какие-то из работ могут произвести разработчики в рамках задачи по общей оптимизации сайта, но наибольшая ответственность за работу с изображениями лежит на контент-менеджерах сайта. Ведь большинство изображений, используемых на сайте, загружается именно ими.
Более подробно с рекомендациями по правильному подбору изображений вы можете ознакомиться в нашей статье, посвящённой этой теме.

Настройка ленивой загрузки изображений (lazy-loading)
Суть задачи — настроить сайт таким образом, чтобы изображения на странице загружались не все сразу, а только по мере просмотра страницы пользователем. По принципу «Загружаем только то, что увидит пользователь — и не больше».
Это делается для предотвращения излишнего сетевого трафика и ускорения подготовки страницы к взаимодействию с пользователем. Ведь для того, чтобы, например, начать читать данную статью, вам не обязательно ждать, пока загрузится изображение в конце страницы.

Сжатие текста
Наверно вам знакомо понятие архивации файлов, и вы нередко встречались с файлами, форматов .zip или .rar? Так вот, данная рекомендация сводится к настройке серверного ПО вашего сайта таким образом, чтобы данные, которые он отправляет пользователям проходили предварительно процесс сжатия (архивацию). Это позволяет значительно сократить общий сетевой трафик и ускорить получение информации с сервера.

Максимальное уменьшение количества подключаемых инструментов
Зачастую для определения и увеличения конверсии сайта вам необходимо собрать статистику пользовательского опыта, настроить различные метрики и внедрить доп. инструменты: GTM, Яндекс.Метрика, сервисы обратной связи (онлайн-чатики) и т. п. Это нормально и это правильно. Но всегда стоит помнить о том, что все эти подключаемые решения создают дополнительную нагрузку на сайт, требуют времени для активации и, как следствие, приводят к замедлению скорости его загрузки.
С этими инструментами практически ничего не возможно сделать. Их нельзя оптимизировать силами разработчиков вашего сайта. Они подключаются в том виде, в котором они предоставляются.
Многие из разработчиков таких инструментов заведомо беспокоятся о скорости сайтов своих клиентов и постоянно проводят оптимизацию предлагаемых ими решений. Но многие игнорируют этот момент. Поэтому, прежде чем подключать тот или иной инструмент, советуем вам лишний раз проверить целесообразность его использования.
И помните, каждый новый плагин — уменьшение баллов PSI.

Выводы

PageSpped Insights от Google — отличный инструмент для тестирования сайта и выявления не всегда очевидных проблем. Его использование может помочь вам в определении примерной картины скорости загрузки и привести её к простому показателю в виде балла от 0 до 100.

Не стоит акцентировать большое внимание на получении наибольшего балла и попадании в так называемую «Зелёную зону» (90−100 баллов). Главная суть использования PSI — поиск и целесообразное исправление основных проблемных мест сайта. Всё это должно производиться не для получения желаемых 100 баллов, а в первую очередь для создания максимально удобного и быстрого сайта с точки зрения именно пользователя.

Руководствуйтесь следующими моментами:

Google сам предупреждает, что эти баллы приблизительны и изменчивы;

Гонка за «Зелёно зоной» может оказаться не спринтом, а марафоном, т.к. алгоритм проверки постоянно изменяется, и чтобы ему удовлетворять, необходимо будет постоянно вносить корректировки в работу сайта;

Сервис не определяет фактическую скорость, а лишь имитирует загрузку страниц;

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

Всегда помните про Закон Парето:
20% усилий дают 80% результата, а остальные 80% усилий — лишь 20% результата.

Общая оптимизация кода, скорее всего, поможет минимальными усилиями достичь средних значений в 50−70 баллов (и этого достаточно). А вот дальнейшие более детальные работы — это долго и дорого. И далеко не факт, что они приведут вас к заветной «Зелёной зоне».

Как набрать 100 балов в Google PageSpeed Insights

Содержание:

Почему скорость загрузки страниц так важна?

Как использовать инструмент PageSpeed Insights

4 способа получить идеальную оценку от PageSpeed Insights

Сжимайте изображения

Используйте кеширование браузера

Сократите свой HTML-код

Внедрите AMP

Часто задаваемые вопросы о Google PageSpeed Insights

Почему так важна скорость страницы?
Как показатель отказов соотносится со скоростью страницы?
В каких отраслях самые медленные сайты?
Как быстро должен загружаться сайт?

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

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

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

К счастью, Google предоставляет инструмент PageSpeed Insights (page speed google), позволяющий понять, что вам нужно исправить. Но к сожалению, они не дают вам наилучших инструкций по достижению стопроцентного результата.

Вот как набрать 100 % в гугл пейдж спид и почему вам нужно это сделать.

Почему скорость загрузки страниц так важна?

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

Backlinko недавно провели исследование, в котором проанализировали более 11 млн страниц результатов поисковых систем (SERP) в Google. Они хотели выяснить, какие факторы наиболее распространены среди сайтов, попавших в ТОП-10 результатов.

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

Однако Google утверждает, что скорость загрузки страниц не имеет значения. Этому даже посвятили целое обновление, которое предоставлено и поддерживается новыми стандартами показателей Google PageSpeed. Они обнаружили, что по мере увеличения времени загрузки страницы вероятность того, что кто-то покинет ваш сайт, резко возрастает:

Это означает, что если ваша страница загружается за 10 секунд, вероятность того, что кто-то покинет ваш сайт до того, как он загрузится, увеличивается более чем на 120 %!

Но в соответствии с недавним исследованием более 5 млн сайтов в рамках оптимизации сайта для google page speed, показало, что среднему веб-сайту требуется 10,3 секунды для полной загрузки на настольном компьютере и 27,3 секунды для загрузки на мобильном устройстве. Это означает, что почти все допускают ошибку, когда речь идет о быстродействующем веб-сайте.

В другом исследовании BigCommerce обнаружили, что коэффициент конверсии для веб-сайтов электронной коммерции (e-commerce) в среднем находится в диапазоне от 1 до 2 %.

Проверка скорости скорости загрузки сайта или поисковой страницы может значительно повысить коэффициент конверсии.

Снижение скорости до двух секунд может увеличить трафик и прибыль.

Итак, что заставляет страницу загружаться медленно?

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

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

Размер и вес страницы часто измеряются байтами веса страницы. Проще говоря, байты веса страницы показывают общий размер веб-страницы, измеряемый в байтах.

Данные тестов Google показывают, что наилучшие показатели для размера или веса страницы – менее 500 КБ:

Но опять же, большинство из нас ошибается в отметках здесь. Мы значительно превышаем рекомендованный вес.

Одна из концепций, которая мне больше всего понравилась в отчете Google, вытекает из этой короткой, но впечатляющей цитаты:

«Что бы ни случилось, быстрее – хорошо, а меньше – лучше».

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

Если вы хотите научиться оптимизировать сайты и стать суперменом-сеошником, то можем предложить курс «SEO-специалист». После курсов проведете аудит сайта и создадите стратегию продвижения. Научитесь анализировать конкурентов, сформируете семантическое ядро. Прогнозируя результаты продвижения, сможете оптимизировать бюджет. Привлекательно? Записывайтесь!

Подробнее о курсе

Как использовать инструмент PageSpeed Insights

Большинство сайтов работает медленно из-за больших изображений, которые занимают слишком много места.

Но это не во всех случаях. Вам нужно точно знать, что дает медленную скорость вашему сайту, прежде чем вы сможете внести необходимые изменения, чтобы набрать 100 % в инструменте PageSpeed Insights.

Для начала откройте инструмент PageSpeed Insights и введите URL-адрес своего веб-сайта в строку:

Нажмите «Анализировать», чтобы Google провел быструю проверку вашего сайта. Готовый отчет расскажет все, что вам нужно знать о вашем сайте и о том, что может мешать его работе.

Вот как выглядит мой отчет:

Это 87/100. Это не здорово. Впрочем, это тоже не страшно. Почти всегда есть возможности для улучшения. Моя цель здесь – к концу этой статьи довести вас до 100 %, поскольку мы вместе продвигаемся к скорости загрузки страницы.

Во-первых, давайте посмотрим на элементы, которые я оптимизировал и усовершенствовал:

Теперь обратите внимание, что в этом списке всего несколько пунктов по сравнению с моим списком «Возможные оптимизации»:

Эта информация говорит мне, что пункты «Возможные оптимизации» немного менее эффективны, чем те, которые я уже оптимизировал. Очевидно, вам нужно позаботиться о каждом пункте, чтобы использовать инструмент PageSpeed Insights на 100 %.

Вы захотите начать с моментов с наивысшим приоритетом (подробнее об этом позже). Далее вам захочется отдельно протестировать ваш мобильный сайт. Вы можете использовать тестер мобильных сайтов в инструменте PageSpeed Insights, но Google выпустил обновленную, более точную версию этого.

Зайдите в Test My Site, чтобы попробовать. Введите URL своего веб-сайта и нажмите Enter:

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

Вот как выглядят мои данные:

Мое время загрузки на мобильном телефоне составляет 4 секунды. Помните: рекомендуемое время загрузки – 3 секунды или меньше. Это означает, что моя скорость не соответствует стандартам. Я теряю до 10 % посетителей банально из-за низкой скорости!

Вот как выглядит мой мобильный тест по сравнению со стандартами и нормами:

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

Прокрутите вниз еще дальше, и Google даст вам оценку того, что ваши основные исправления могут сделать для вашего веб-сайта:

Google говорит, что с помощью нескольких исправлений я смог бы сократить время загрузки примерно на 3 секунды. Это означает, что я потенциально могу загрузить свой веб-сайт за 1 секунду! Это восхитительно. Поверьте, это то, что вам нужно сделать, чтобы сэкономить 10 или более процентов посетителей.

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

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

4 способа получить идеальную оценку от PageSpeed Insights

Получить желаемых 100 % в инструменте Google PageSpeed Insights – нелегкая задача. Это не произойдет в одночасье. Вам придется немного поработать и провести немало часов за этим делом.

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

Вот 4 основных способа ускорить работу вашего сайта и добиться стопроцентных результатов в Google.

1. Сжимайте изображения

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

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

Если вы используете WordPress, один из лучших способов сделать это, не тратя много времени, это использовать плагин, например, WP Smush Image.

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

Если вы хотите массово загружать тонны новых изображений для своего сайта, можете загрузить их прямо в плагин. Вы можете обрабатывать до 50 изображений одновременно, что делает его одним из самых быстрых инструментов на рынке:

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

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

WP Smush – отличный бесплатный инструмент для обычного пользователя WordPress. Но как быть, если вы не используете WordPress? Если у вас есть магазин и сайт на основе Shopify, вы можете использовать Crush.pics:

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

Оценка PageSpeed до сжатия: 75/100. Оценка PageSpeed после сжатия: 87/100.

Если вы не знакомы с плагинами или не хотите использовать их на своем сайте, можете использовать бесплатные онлайн-инструменты, такие как Compress JPEG или Optimizilla.

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

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

Я уменьшил размер файла на 68 % всего за 2 секунды с помощью Optimizilla. Он уменьшил размер с 380 КБ до 120 КБ практически без разницы в качестве!

Вы можете использовать все эти инструменты бесплатно, и вам обязательно стоит реализовать их, если вы не можете использовать плагин.

2. Используйте кеширование браузера

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

Как вам это реализовать? К счастью, для этого есть плагин. Для этого не нужно быть экспертом по кодированию. Попробуйте использовать W3 Total Cache для сайтов WordPress. У него более миллиона активных установок, и это самый популярный плагин для кеширования на рынке:

W3 Total Cache утверждает, что может дать вам как минимум 10-кратное повышение общей производительности сайта. Вдобавок они утверждают (и подтверждают), что этот плагин поможет вам добиться более высоких результатов в инструментах Google PageSpeed.

Этот инструмент также помогает вам минимизировать HTML (о котором мы поговорим дальше), JavaScript и CSS, что дает вам до 80 % экономии пропускной способности.

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

3. Сократите свой HTML-код

Сведение к минимуму места, занимаемого вашим HTML-кодом, – еще один важный фактор для получения отличной оценки от Google.

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

Еще раз – благодаря отличным параметрам плагина WordPress, вам не нужно быть гением кодирования, чтобы это исправить.

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

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

Перейдите на вкладку настроек вашего плагина Minify HTML и включите все следующие настройки:

Вы можете эффективно убить нескольких зайцев одним выстрелом.

Google PageSpeed Insights рекомендует минимизировать HTML, JavaScript и CSS. Включите настройки «Уменьшить HTML» + «Встроенный JavaScript».

Затем обязательно выберите «Да» для «Удалить комментарии HTML, JavaScript и CSS».

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

Выполните следующие действия, если вы не знаете, как работают эти настройки. Сократите кодирование сегодня, и вы сразу увидите, что ваш отчет с аналитическими данными сразу изменится.

4. Внедрите AMP

AMP – это сокращение от Accelerated Mobile Pages (Ускоренные мобильные страницы). Это проект, реализованный Google, чтобы помочь мобильным страницам загружаться быстрее. Он работает, создавая формат с открытым исходным кодом, который удаляет тонны ненужного контента, заставляя ваши мобильные страницы загружаться почти мгновенно.

Это дает пользователям более оптимизированный путь на мобильных устройствах без каких-либо неуклюжих функций, которые не работают на мобильных устройствах. Если вы просматриваете интернет на своем мобильном телефоне, вы, вероятно, нажимали на статью, основанную на AMP.

Вот как они выглядят:

Их часто относят к разделу «Главные новости» результатов поиска Google, и они загружаются мгновенно.

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

Когда пользователь в Google нажимает на одну из этих статей AMP, он видит следующее содержание:

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

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

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

Массы компаний используют AMP. Компания WIRED начала внедрять AMP, чтобы лучше взаимодействовать со своими клиентами.

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

Решение потратить время на AMP оказало огромное влияние на WIRED. Они увеличили CTR-кликабельность из обычных результатов поиска на 25 %. Они также обнаружили 63-процентное увеличение CTR рекламы в AMP-историях. Они также смогли добавить истории AMP к более чем 100 тысячам статей на своем сайте.

Gizmodo также решила присоединиться к AMP и увидела огромные улучшения на своем мобильном сайте.

Они получали более 100 000 посещений AMP-страниц каждый день, а время загрузки было в 3 раза быстрее, чем у стандартных мобильных страниц. Конверсия тоже увеличилась на 50 %.

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

Если вы хотите начать использовать AMP на своем сайте, есть несколько способов сделать это. Если вы знакомы с HTML, можете ознакомиться с подробным руководством по AMP здесь.

Для тех, кто меньше разбирается в технологиях или не имеет опыта работы с HTML, попробуйте использовать плагин WordPress. Один из самых популярных плагинов – AMP для WP.

Он имеет более 80 000 активных установок и постоянную поддержку и обновления.

Плагин включает в себя конструктор страниц AMP, на который вы можете легко перетаскивать элементы страницы:

Это один из самых простых способов создания контента, удобного для AMP. Все, что вам нужно сделать, – это загрузить и установить плагин на панели управления WordPress и активировать его. Оттуда вы можете использовать конструктор страниц для каждого нового загружаемого сообщения. Затем на этих страницах будет создана версия, удобная для AMP, которая будет отображаться в результатах мобильного поиска.

AMP – это проверенный способ ускорить работу вашего мобильного сайта и снизить скорость до 1 одной секунды и меньше, и множество компаний добиваются успеха с его помощью.

Часто задаваемые вопросы о Google PageSpeed Insights

Почему так важна скорость страницы?

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

Как показатель отказов соотносится со скоростью страницы?

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

В каких отраслях самые медленные сайты?

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

Как быстро должен загружаться сайт?

Оптимальная скорость загрузки страницы – 3 секунды.

Резюмируем

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

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

Хорошие результаты теста PageSpeed Insights должны быть одним из ваших основных приоритетов при попытке улучшить и оптимизировать свой сайт. Для начала вам необходимо определить, какие проблемы есть на вашем сайте. Это изображения, элементы страницы, слишком много текста, плохой код или все вышеперечисленное?

Используйте инструмент Google PageSpeed Insights, чтобы увидеть, в чем проблема, а затем проработайте их предложения. Вам также понадобится минимизировать код, сжать изображения, добавить кеширование браузера и реализовать AMP.

Это проверенные шаги, которые могут сильно повлиять на вашу оценку PageSpeed Insight.

Получение идеальных 100 % результатов в Google PageSpeed Insights может дать вашему сайту импульс, необходимый для успеха.

Какие лучшие способы вы нашли для увеличения скорости вашего сайта?

Перевод статьи Нила Пателя сделала выпускница Академии Анна Мельниченко.

Подробнее о курсе

Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter

Как устранить влияние Яндекс.Метрики на показатели Google PageSpeed Insights

Сервис Google PageSpeed Insights является одной из «пузомерок» с помощью которых вебмастера проверяют скорость работы сайта. Этот сервис анализирует контент веб-страницы и советует, как ускорить ее загрузку. В идеале все хотят видеть зеленый индикатор со значением 100.

Но как бы тщательно вы не оптимизировали свой сайт сразу после внедрения счетчиков посещений будь то Яндекс.Метрика, LiveInternet или Google Analytics индекс PageSpeed проседает на пару десятков пунктов.

Примеры показателей PageSpeed для моего тестового сайта:

До внедрения Яндекс.Метрики

После установки счетчика Яндекс.Метрики

Конечно, счетчик я устанавливал «правильно», то есть использовал современный код, который считается более быстрым и асинхронным, а так же размещал его в конце сайта.

По-совести говоря, счетчик Яндекс.Метрики никак не влияет на скорость загрузки сайта. Но несмотря на то, что код Яндекс.Метрики стал намного быстрее, Google PageSpeed всё равно ругается на него благим матом.

Как снизить влияние Яндекс.Метрики на скорость загрузки сайта

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

Например, можно использовать следующий код:


setTimeout(() => {
// Сюда вставляете метрики без тегов <script>           
}, 3000)

Опытным путем я подобрал значение задержки загрузки кода Метрики равное 3 секундам. После этого Google PageSpeed уже не замечает счетчик и показатели скорости загрузки возвращаются к норме, то есть к состоянию до установки счетчика.

Но у такого решения есть недостаток, не смотря на то, что счетчик работает, индикатор состояний счетчика в панели управления Яндекс.Метрики становится «красным»:

Так же могут вырасти показатели отказов. В прочем, зачем нам посетители которые провели на сайте меньше 3-х секунд ?

Очевидно, что отложенное выполнение JavaScript на странице (а именно так устанавливаются все счетчики и скрипты аналитики) нужно настраивать в зависимости от источника перехода и действий пользователя.

То есть для роботов Яндекс.Метрики отдавать код счетчика сразу и тогда индикатор будет зеленым. Для сервиса Google PageSpeed — с задержкой, чтобы не портить показатель. Пользователям — после совершения действий на странице, например, прокрутке, перемещения мыши и так далее.

Подробно о таком способе загрузке счетчика написано на сайте https://www.kobzarev.com/technical-seo/yandex-metrika-lazy-load/.

Предложенное авторами решение подойдет для всех сайтов. Но если вы используете WordPress, то проще всего воспользоваться бесплатным плагином True Lazy Analytics. Который кроме упомянутой мной Яндекс.Метрики умеет добавлять на WordPress сайт счетчики LiveInternet и Google Analytics.

Основная цель плагина — подключить системы аналитики без снижения баллов в тесте Google PageSpeed Insight.

Внешний вид плагина True Lazy Analytics

Вам достаточно указать только номер вашего счетчика Яндекс.Метрики и перед закрывающим тегом </body> на страницах вашего сайта появится примерно следующий код:

После установки счетчика Яндекс.Метрики с помощью плагина True Lazy Analytics показатели Google PageSpeed Insights вернулись к своим первоначальным значениям и в моем случае на тестовом сайте имеют следующий вид:

Индикатор в панели управления Яндекс.Метрики стал «зеленым», что говорит о том, что счетчик работает:

Показатели отказов остались на прежнем уровне, у меня это около 10%:

Выводы

Если вам важны показатели Google PageSpeed Insights, то используйте отложенную загрузку счетчиков, для сайтов на WordPress есть бесплатный плагин.

Конечно, счетчики не единственное «зло» на сайтах за которое понижаются баллы в Google PageSpeed. Но выполняя отложенную загрузку Яндекс.Метрики вы станете немного милее для роботов Google.

Скорость загрузки страниц — моя вики

Скорость загрузки сайтов важна не только с точки зрения удобства для посетителей и владельца сайта, но также является одним из факторов ранжирования.

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

Ориентировочные стандарты загрузки страницы:

Средняя — 2-3 секунды
Медленная — более 4-х секунд
Нормальная – быстрее 1-й секунды
Данные приблизительные, в целом нужно ориентироваться на скорость загрузки сайтов в своей тематике.

Google получает данные о скорости загрузки сайта/страницы из:

Данные из Панели инструментов Google
Время ответа роботу Google
Браузер Google Chrome Тулбар
Google Toolbar

В каких случаях нужно проверять скорость сайта и давать рекомендации:

Если сайт грузится больше 4 секунд (высокий приоритет задачи)
Если на сайте оптимизированы все остальные моменты и нужно получить бонус в ранжировании за счет оптимизации скорости (низкий приоритет задачи)

Как узнать скорость загрузки сайта

Переходим по ссылке: https://developers.google.com/speed/pagespeed/insights

Вводим название сайта в строку проверки и нажимаем проверить.

После чего получаем отчет для мобильных устройств и для компьютеров:

В данном отчете уже будут готовые рекомендации, которые нужно будет перенести в Тз:

Какими еще инструментами можно воспользоватся для измерения скорости загрузки сайта:

а) Ping Dom

Показывает загрузку всех объектов (images, CSS, JavaScripts, RSS, Flash, frames/iframes) сайта в секундах. Цветными индикаторами показано начало загрузки, получение отклика, загрузка первого байта и окончание загрузки.

б) Gt Metrix

Много развернутой информации по загрузке сайта.

в) LoadImpact

Особое внимание заслуживает данный ресурс. Он создает небольшую ddos-атаку на сайт, благодаря чему удается определить не только скорость загрузки сайта, но и оценить, насколько большой поток посетителей он способен выдержать. Проще говоря, сервис имитирует одновременное посещение сайта большого числа людей. Их максимальное количество – 50 «имитированных» пользователей.

Начиная с первого «искусственного» посетителя, сервис постепенно, равномерно увеличивает их количество до 50-ти. При этом показано количество одновременных запросов, нагрузка на сервер сайта (скорость работы хостинга) и ряд других менее важных параметров. Всего ddos-атака на веб-ресурс длится пять минут. После этого сервис нарисует график, по которому можно судить об устойчивости сайта.

Как ускорить загрузку сайта?

Скорость загрузки сайта зависит от двух составляющих: первая – это серверная часть (генерация страницы на сервере), а вторая – это клиентская часть (отображение сайта в браузере пользователя).

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

Производительность сервера
Нагрузка на сервер
Время отклика сервера

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

А вот для клиентской части есть несколько простых советов, которые помогут загрузке сайта быстрее:

Уменьшите количество HTTP-запросов
Поместите все CSS в начале страницы, а JS — в конце
Уберите повторяющиеся и не используемые скрипты
Используйте кэширование
Оптимизируйте изображения
Используйте gzip- сжатие

Работа с кодом страницы

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

1. Настройка CSS. Сначала необходимо настроить CSS-код (файл стилей сайта). Во-первых, если есть возможность реализовать какой-то элемент страницы не в виде плагина или скрипта, а CSS, то именно файлу стилей следует отдать предпочтение. CSS имеет приоритет над другими вариантами кода. Во-вторых, в общем коде сайта или страницы необходимо подключение CSS. И лучше, если подключение к CSS-файлам будет прописано в «хедере» (header), а не в «теле» (body) кода. Благодаря этому страница сможет загружаться постепенно, т.к. при этом сразу будут применяться файлы стилей. Если же файлы CSS будут подключаться где-то в «body», то страница, пока все ее элементы не загрузятся, может не отображаться.

2. Минимализация кода. При любых ситуациях, да и на любых сайтах, стоит стремиться уменьшать объем кода (особенно скриптов и сценариев). Чем их будет меньше, тем меньший объем информации придется загружать браузеру пользователя, а значит и увеличится скорость работы страницы. «Выкинув» все скрипты, без которых можно обойтись, затем следует «почистить» код. Речь идет об удалении всех лишних пробелов, каких-то ненужных символов, комментариев по коду (они тоже загружаются) и знаков табуляции. Помогают это сделать различные сервисы по «чистке» кода страницы.

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

Работа с изображениями

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

GIF – формат, подходящий в тех случаях, когда огромного качества изображения не требуется. Файлы с расширением .gif занимают меньший вес, нежели картинки других форматов, поэтому и скорость загрузки сайта будет выше. Отсюда вывод – стремитесь использовать изображения в формате .gif. Но нужно иметь ввиду, что используя GIF, вы «теряете» в цветопередаче, т.е. при этом ухудшается качество изображения.

JPG – еще один формат изображений, подходящий для фотографий. Данный формат стоит использовать, когда требуется получить золотую середину между качеством изображения и его объемом.

PNG – самый качественный формат, но и объем таких файлов наибольший. Использовать .png нужно только в тех случаях, когда требуется сохранить изображение в высоком качестве. Во всех других ситуациях лучше отдавать предпочтение .gif или .jpg.

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

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

Оптимизация изображений для увеличения скорости загрузки страниц сайта

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

Уменьшить размер картинки или фото позволяет любой графический редактор, даже встроенный в операционную систему Windows «Paint».

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

Использование кеша

И третье направление, над которым нужно работать, это использование кеша. Кеширование – это «запоминание» определенных деталей страницы браузером. Первый раз браузер загружает всю страницу (все скрипты и css-параметры) и при этом запоминает некоторые элементы. При повторных загрузках данного сайта все кешированные элементы не загружаются повторно, а берутся из браузера. Поэтому скорость загрузки страницы возрастает, причем значительно.

У кеширования есть один серьезный недостаток – из-за того что некоторые динамические элементы страницы (скрипты и стили css) запоминаются браузером, то при их изменении на сайте о них пользователю будет неизвестно (т.к. браузер показывает ему тот вариант, который он запомнил). Лишь когда кеш обновится станет заметно изменение.

Существует несколько способов включения кеширования.

Во-первых, это можно сделать с помощью плагинов. Существуют специальные плагины, которые формируют кеширование, что позволяет увеличить скорость загрузки сайта. Для каждого движка существуют свои плагины, например, для WordPress можно использовать «Hyper Cache».

Во-вторых, можно подключить специальные скрипты, по сути выполняющие те же действия, что и плагины. Однако качество их работы выше, но есть и серьезный недостаток – они платные. Одним из таких скриптов кеширования является MaxCache (стоимость около 10 долларов), позволяющий снизить нагрузку на сервер и увеличить скорость загрузки страницы в 100 раз.

Пример рекомендаций в Тз:

Сократите код JavaScript на следующих ресурсах, чтобы уменьшить их размер на 19,5 КБ:.

Сокращение http://www.site.com.ua/…RJwb5n2cPerOtTw34B6mzRiUNi1rZJbaQLiGU.js позволит уменьшить размер на 10,7 КБ после сжатия.

Сокращение http://www.site.com.ua/…mcLz8_00RMt9A9Ud5xsS4fiSi3ArVfSZMKjy4.js позволит уменьшить размер на 4,7 КБ после сжатия.

Сокращение http://www.site.com.ua/…MLrjr9xXAC0JufqSSch4oAbkZstSqYdc4uuck.js позволит уменьшить размер на 4,2 КБ после сжатия.

Для сокращения кода, можно использовать:

Как Google борется со скоростью загрузки сайта

Улучшения SEO на основе показателей CWV показывают результаты около месяца

30 октября 2021 г.
Источник

Google Core Web Vitals анализирует данные, задержанные примерно на 28 дней. Это означает, что любое значительное улучшение скорости страницы, которое вы делаете на своем веб-сайте, обычно занимает около месяца, прежде чем оно появится в результатах поиска.

Технические факторы SEO также влияют на определение качества контента в Google

30 октября 2021 г.
Источник

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

Core Web Vitals имеют одинаковый вес для всех отраслей и типов веб-сайтов

30 октября 2021 г.
Источник

Ни тип веб-сайта, ни отраслевая вертикаль не повлияют на то, какое значение придается метрикам Google Core Web Vitals.

Показатели скорости взаимодействия с пользователем влияют на рейтинг

20 марта 2020 г.
Источник

Метрики скорости страницы, которые Google использует для ранжирования страниц, основаны на реальном опыте пользователя, а не просто на времени загрузки страницы.

Заметно более низкая скорость загрузки страниц влияет на рейтинг

17 марта 2020 г.
Источник

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

Инструменты тестирования скорости не отражают способность Google выполнять предварительный рендеринг и кэширование AMP-страниц

27 декабря 2019 г.,
Источник

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

Подтвердите IP-адреса инструмента PageSpeed Insights и проверки структурированных данных с помощью тестовой страницы

4 октября 2019 г.,
Источник

PageSpeed Insights и инструмент проверки структурированных данных используют IP-адреса, отличные от IP-адресов робота Googlebot. Нет списка IP-адресов, которые они используют в настоящее время, поэтому проверьте его на тестовой странице и проанализируйте запросы, поступающие от этих инструментов.

Скорость имеет решающее значение для быстрого индексирования содержания Google

27 сентября 2019 г.,
Источник

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

Лабораторные тесты PageSpeed Insights и сводные данные отчета CrUX используются для оценки скорости сайта

23 июля 2019 г.,
Источник

Некоторые из источников, которые Google использует для оценки скорости сайта, — это лабораторные тесты PageSpeed Insights и агрегированные данные из отчета о пользовательском опыте Chrome.

Google Pagespeed Insights для издателей

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

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

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

Оценка Google PageSpeed Insights и Core Web Vitals

Google разработал инструмент PageSpeed Insights для анализа содержания сайта и скорости загрузки, оценки производительности сайта и предоставления информации, которая поможет издателям улучшить скорость сайта. Google использует инструмент скорости сайта под названием Lighthouse, чтобы оценить ваш сайт от 1 до 100 отдельно для настольной и мобильной версий, причем 90+ является хорошей оценкой.

Первоначально PageSpeed Insights в основном фокусировалась на факторах скорости загрузки, но недавно Google переключился на общий опыт работы с сайтом.Google заявляет: «Оптимизация качества взаимодействия с пользователем является ключом к долгосрочному успеху любого сайта в Интернете».

Изначально

PageSpeed Insights были основаны на лабораторных тестах веб-сайта, но недавно Google сместил акцент на более общий опыт работы с веб-сайтом и включил полевые данные об эффективности веб-сайта. Они создали Google Core Web Vitals (CWV), который фокусируется на трех показателях пользовательского опыта: стабильность страницы, скорость загрузки контента и скорость взаимодействия с страницей.

Специалисты

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

Хотите увидеть реальные цифры успеха от установок платного доступа?

Каковы показатели Google Core Web Vitals?

Google Core Web Vitals — это три показателя, которые оценивают стабильность страницы, скорость загрузки страницы и то, как быстро страница реагирует на взаимодействие с пользователем. Core Web Vitals измеряются и сообщаются как для настольных компьютеров, так и для мобильных устройств, и доступны из Google Search Console, а также на странице разработчика PageSpeed Insights.Любой, кто хочет измерить свой сайт или любой другой, может ввести URL-адрес страницы и просмотреть отчет.

Самая большая Contentful Paint (LCP) — Этот рейтинг показывает, насколько быстро страница может загружать основное содержимое страницы. LCP 2,5 секунды или меньше — хороший результат.
Задержка первого ввода (FID) — Этот рейтинг измеряет, сколько времени требуется веб-странице, чтобы отреагировать на действие, предпринимаемое пользователем. Таймер для этого измерения запускается, когда на странице появляется что-то визуальное, на что пользователь может отреагировать, и заканчивается, когда страница может отреагировать на это действие посетителей.Если страница не может ответить пользователю, потому что она отвечает на многие другие скрипты, которые она загружает первой, то пострадает оценка FID. Для успешной оценки FID 100 миллисекунд или меньше — хороший результат.
Cumulative Layout Shift (CLS) — CLS измеряет визуальную стабильность страницы и макета. Если вы нажмете вкладку вниз, что-то изменится? У вас есть объявления, изображения или элементы страницы, которые загружаются позже и вызывают смещение макета страницы? Это приводит к плохой оценке CLS. Рейтинг CLS 0,1 или меньше — хороший результат.

Этот видео пример группы разработчиков Google иллюстрирует проблему CLS. Пользователь пытается отклонить покупку, но при нажатии на него макет смещается, и он случайно нажимает на покупку, что вызывает очень неприятные ощущения.

Руководство Google для издателей, проводящих собственный аудит скорости страницы: «рассмотрите возможность прохождения страницы, если она соответствует рекомендуемым целям на 75-м процентиле для всех трех вышеперечисленных показателей.«

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

Обновление: данные недавнего исследования Тома Кэпера из Moz показывают, что рейтинг веб-сайтов в первую очередь ухудшается, если они не соответствуют всем трем пороговым значениям Core Web Vitals (LCP, FID, CLS), но отсутствие 1 или 2 не коррелировало с значительное влияние на рейтинг.

Как издатели могут улучшить скорость загрузки страниц и основные веб-показатели?

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

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

Внедрение отложенной загрузки для улучшения жизненно важных функций FID Web

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

Wordstream предлагает хорошую статью о том, когда и как реализовать отложенную загрузку, но вы можете проверить это в конкретных сообществах, построенных вокруг вашей системы CMS. Hubspot имеет встроенную отложенную загрузку в некоторые из их функций, и есть множество плагинов WordPress для автоматизации отложенной загрузки.

Использование сети доставки контента CDN

Воспользуйтесь CDN и убедитесь, что он правильно настроен для обеспечения производительности. Сеть доставки контента (CDN) может уменьшить пропускную способность и время загрузки страницы, размещая копии ваших мультимедийных файлов географически ближе к пользователям.Например, посетитель в Канаде может получить ваш контент с помощью сервера CDN в Торонто, в то время как одновременный посетитель в Индии может получить контент из Ченнаи, оптимально управляемый CDN.

Сжатие изображений и видео для более быстрой загрузки страниц

Большие медиафайлы — одна из основных причин медленной загрузки страницы в комментариях и одна из самых простых для устранения. Вы должны ранжировать все изображения на своем сайте по размеру и сразу обращать внимание на те, которые составляют 100 тыс. Или больше.Вы можете сканировать свой сайт с помощью такого инструмента, как Screaming Frog, чтобы идентифицировать все большие изображения за считанные минуты. WordPress и современные системы CMS часто имеют встроенные инструменты сжатия изображений, но убедитесь сами. Иногда вы можете добиться большего с помощью сторонних инструментов, созданных специально для сжатия изображений, таких как tinypng или jpeg-optimizer.

Удалите неиспользуемые файлы JavaScript для повышения скорости рендеринга страницы

Есть ли на вашей веб-странице раздутый JavaScript? Если JavaScript блокирует рендеринг, его необходимо вызвать, загрузить, проанализировать, оценить и выполнить, прежде чем страница сможет завершить рендеринг.У вас есть неиспользуемые файлы JavaScript? Файлы JavaScript могут накапливаться для таргетинга, систем CMS, настройки пикселей отслеживания, социальных тегов, загрузки шрифтов и многого другого. Вы можете детально определить, какая часть вашего JavaScript не используется, с помощью функции Coverage в Chrome DevTools.

При запуске инструмента Google Page Speed Tool он идентифицирует любой JavaScript с более чем 20 килобайтами неиспользуемого кода.

Комбинируйте или минимизируйте CSS и скрипты для повышения скорости страницы

Минификация этих скриптов сохраняет их машинно-читаемость, но значительно ускоряет их загрузку.Для минимизации скриптов доступно несколько инструментов; RankRed собрал хороший набор инструментов и описаний для минификации скриптов. Вы также можете сэкономить на поездках на сервер, если объедините файлы JavaScript или CSS.

Оптимизация кеша для Core Web Vitals

Стратегия кэширования должна быть пересмотрена для вашего типа сайта с использованием функций PI кэширования, таких как Cache-control и Last-Modified. Разработчики Google предоставляют некоторые рекомендации и контрольный список для параметров кеширования, а также параметры конфигурации для популярных серверов.Вы можете предварительно загрузить кеш, чтобы страница была оптимизирована еще до прибытия робота Google для оценки производительности.

WP Tool maker WP Rocket предполагает, что предварительная загрузка кеша может быть ключевым подспорьем для повышения скорости страницы, и создал это видео для объяснения.

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

Укажите атрибуты высоты и ширины изображения, чтобы браузер мог спланировать их использование, даже если позже они будут загружаться лениво.
Зарезервируйте место для рекламы, окон iframe и динамического содержания.Используйте контейнеры, чтобы избежать сдвигов макета во время рендеринга.
Рассмотрите возможность оптимизации отображения шрифтов с помощью ссылки rel = «preload» и font-display: optional.

Запустить аналитику

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

Вот несколько рекомендаций для более технических и подробных обсуждений оптимизации скорости страницы:

Есть ли в ваших планах на будущее платные подписки?

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

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

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

Точечные решения умножают технический долг для издателей

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

Admiral Проверено сторонним тестом скорости в более чем 100 сценариях клиентов

Admiral активно помогал издателям оптимизировать Core Web Vitals и заключил контракт с национально признанным цифровым агентством (Anvil Media) на тщательное тестирование решения Admiral one-tag на скорость и влияние на Core Web Vitals.Эксперты Anvil по скорости страницы проверили тег Admiral на 15 сайтах клиентов, во всех модулях решения Admiral, настольных и мобильных, в течение пяти дней, до и после измерения и всех трех показателей CWV; Всего 100 сценариев. Команда тестирования Anvil подтвердила, что бирка Admiral не оказала существенного отрицательного влияния на оценки CWV для клиентов и модулей. Фактически, многомодульный тег Admiral — это мощный инструмент для издателей, позволяющий избавиться от ненужных тегов точечных решений и оптимизировать скорость загрузки страниц в долгосрочной перспективе.

Admiral заменяет многоточечные решения на интегрированную автоматизацию маркетинга

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

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

Обновление Google делает скорость веб-сайта важной

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

Google будет оценивать впечатление пользователя от страницы с помощью Core Web Vitals — показателей, которые оценивают вашу страницу по времени загрузки, интерактивности и стабильности контента при загрузке. Проще говоря, Core Web Vitals оценивает ваш сайт по скорости. Если вы хотите, чтобы ваши страницы хорошо отображались в результатах поиска, вы должны убедиться, что ваш сайт имеет хорошие показатели по этим показателям.Дополнительная информация из журнала поисковых систем.

Другими словами, ваш сайт должен работать быстро и бесперебойно . Не только потому, что скорость сайта скоро станет фактором ранжирования, но и потому, что быстрый сайт в любом случае лучше всего обслуживает ваших клиентов (так что беспроигрышный вариант).

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

Что включает в себя Core Web Vitals?

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

Оценка Core Web Vitals состоит из трех компонентов.

Самая большая отрисовка содержимого (LCP): время, необходимое для загрузки основного содержимого страницы. Идеальное измерение LCP составляет 2,5 секунды или быстрее.
Задержка первого ввода (FID): время, необходимое для того, чтобы страница стала интерактивной.Идеальное измерение — менее 100 мс.
Накопительный сдвиг макета (CLS): величина неожиданного сдвига макета визуального содержимого страницы. Идеальное измерение меньше 0,1.

Если эти пули заставили вас почесать голову и потянуться к кнопке возврата. Подожди! Оставайтесь с нами. Вам просто нужно знать, в чем дело; вам не нужно знать, как ее оценивать и решать.

Проверьте и улучшите свои основные веб-показатели

К счастью, вы можете улучшить показатели своего сайта Core Web Vital.Но не откладывайте, потому что обновление алгоритма Google состоится в мае этого года. У вас есть время до 1 мая, чтобы ваш веб-сайт быстро осветился и был готов пройти мимо конкурентов. Но как?

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

Полезная информация Search Console

Начните здесь со страницы приветствия и выберите слева вариант «Домен» https://search.google.com/search-console/welcome
Для подтверждения вам понадобится учетная запись Gmail. Убедитесь, что ваш домен подтвержден с помощью учетной записи Gmail, которую вы, как владелец компании, контролируете.
Мы рекомендуем, если у вас уже настроен Google Analytics на вашем сайте, вы должны использовать адрес Gmail, связанный с Google Analytics.Это позволит двум платформам обмениваться информацией.

Процесс проверки включает добавление кода в серверную часть вашего сайта. Этот процесс проверки — первая часть, которую вы отправляете своему веб-администратору. После установки вы можете завершить проверку в Search Console.

Нужна помощь?

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

Если у вас есть сайт WordPress и вам нужно хорошее комплексное обслуживание, как этот, мы будем рады поговорить с вами!

Свяжитесь с нами сегодня!

конверсий, лояльности и рейтинга в поиске Google — продажа (2021 г.)

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

Давайте посмотрим, почему скорость сайта так важна, как скорость сайта станет важной частью рейтинга в Google Поиске и как вы можете повысить скорость своего сайта.

Почему так важна скорость сайта?

Преобразование

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

Увеличение скорости загрузки сайта на одну секунду может увеличить количество мобильных конверсий на 27%.

Лояльность (повторный бизнес)

Это, вероятно, звучит знакомо: «Заставить существующих клиентов сделать повторную покупку дешевле, чем найти новых». Скорость сайта играет в этом большую роль. На самом деле, Skilled обнаружило, что 79% клиентов с меньшей вероятностью совершат повторную покупку в интернет-магазине, если они «недовольны» скоростью сайта (т. Е. У вас больше шансов получить повторных клиентов, если у вас быстрый сайт).

Рейтинг в Google Поиске

Повышение рейтинга в поисковых системах, таких как Google, помогает привлечь больше потенциальных клиентов к вашему бизнесу. Google — самая популярная поисковая система, владеющая 92,47% доли мирового рынка по состоянию на январь 2021 года — использует скорость сайта в качестве фактора ранжирования результатов поиска. Начиная с мая 2021 года более быстрые сайты будут занимать еще более высокие позиции в Google, а это значит, что новым клиентам будет легче их находить.

Скорость сайта обновляется в рейтинге Google Поиска

Миссия

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

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

Рейтинг

Google Search будет включать в себя сигналы о новых впечатлениях от страницы, начиная с мая 2021 года. Эти новые сигналы объединяют Core Web Vitals с существующими поисковыми сигналами для измерения того, как пользователи воспринимают веб-страницу; они измеряют, насколько быстрым, по мнению пользователей, является ваш сайт.

Core Web Vitals — это ориентированные на пользователя показатели, которые помогают пользователям воспринимать страницу так быстро:

Загрузка измерена с краской с наибольшим содержанием (LCP).Этот показатель позволяет пользователям узнать, когда сайт полезно , измеряя, сколько времени требуется для загрузки основного содержания страницы.
Интерактивность измеряется с задержкой первого входа (FID). Эта метрика позволяет пользователям узнать, когда сайт можно использовать , измеряя время от момента, когда пользователь впервые взаимодействует со страницей, например, щелкнув текст по гиперссылке или кнопку, до момента, когда браузер действительно может отреагировать на это взаимодействие.
Визуальная стабильность измеряется с помощью кумулятивного сдвига макета (CLS).Эта метрика гарантирует, что у пользователей будет наилучший возможный опыт , измеряя, как часто пользователи испытывают неожиданный сдвиг макета.

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

Как повысить скорость вашего сайта

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

Мы рекомендуем провести аудит скорости сайта до того, как в мае 2021 года появятся новые сигналы ранжирования в Google Поиске.

Поскольку ваш рейтинг в поиске Google является ключом к привлечению новых клиентов, мы рекомендуем провести аудит скорости сайта до того, как в мае 2021 года появятся новые сигналы ранжирования в поиске Google.

Вы можете повысить скорость своего сайта, выполнив следующие действия:

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

Google Фактор скорости страницы в рейтинге поиска в мае

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

Ранее в этом году команда Chrome анонсировала новый способ оценки веб-сайтов, который учитывает скорость (время загрузки), отзывчивость (интерактивность) и визуальную стабильность — например, когда вы нажимаете не ту кнопку из-за того, что сайт неожиданно перемещается во время загрузки.

Эти Core Web Vitals отражают взаимодействие с конечным пользователем, особенно на мобильных устройствах, и служат для предоставления «целостной картины качества взаимодействия пользователя с веб-страницей».”

Начиная с мая 2021 года, эти три показателя производительности будут добавлены к тому, как Google оценивает результаты поиска. Он объединяет существующие факторы, такие как удобство для мобильных устройств, безопасный просмотр, безопасность HTTPS и навязчивые межстраничные рекомендации. С момента запуска владельцы сайтов перешли на Core Web Vitals:

За последние несколько месяцев мы наблюдали рост числа пользователей, использующих Lighthouse и Page Speed Insights, в среднем на 70%, и многие владельцы сайтов используют отчет Core Web Vitals в Search Console для выявления возможностей для улучшения.

Чтобы выделить страницы с оптимальной производительностью, Google планирует «протестировать визуальный индикатор, который выделяет страницы в результатах поиска, которые имеют хорошее восприятие страниц». Пока не ясно, какой дизайн это займет, но скоро начнутся испытания. В случае успеха он также запустится вместе с основным изменением.

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

Аналогичным образом, показатели скорости страницы будут учитываться при ранжировании того, какой новостной контент появляется в карусели / списке главных новостей в мобильной сети. Это изменение также вступит в силу в мае следующего года. В рамках этого Google больше не будет требовать, чтобы сайты предлагали версии Accelerated Mobile Page, хотя сегодня он подтвердил поддержку этого формата.

FTC: Мы используем автоматические партнерские ссылки для получения дохода. Подробнее.

Посетите 9to5Google на YouTube, чтобы узнать больше:

Что такое хороший показатель PageSpeed? Google изменил правила

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

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

Контрольный список для эффективной поисковой стратегии RebelMouse

Структурированные данные

Что такое структурированные данные?
Готовая интеграция RebelMouse

Оптимизируйте свой сайт для поиска: успешная стратегия SEO начинается со скорости

Из Интернет.разработчик

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

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

Обновление означает, что Core Web Vitals теперь является основным фактором в методологии ранжирования Google Search, и в результате органический трафик больших и малых сайтов, которые не отдавали приоритет производительности, наталкивался на препятствия.

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

Показатели Core Web Vitals имеют решающее значение для эффективности поиска. RebelMouse превосходит традиционные платформы по наиболее важным показателям.

Оптимизируйте свой веб-сайт для поиска: сделайте ставку на основные веб-ресурсы Google

Google установил высокую планку для открытого Интернета в отношении того, как должна выглядеть максимальная производительность, особенно на мобильных устройствах. Ниже приводится краткое описание Core Web Vitals от Google.

Крупнейшая отрисовка содержимого (LCP): LCP веб-сайта — это время, необходимое для загрузки основного содержимого на странице. Google хочет, чтобы LCP сработала в течение 2,5 секунд после первой загрузки страницы.

Задержка первого ввода (FID): FID количественно определяет опыт пользователя при попытке взаимодействия с неотвечающими страницами. Вы хотите, чтобы ваш рейтинг FID был низким, чтобы подтвердить удобство использования вашего сайта. Согласно Google, страницы должны иметь FID менее 100 миллисекунд.

Накопительный сдвиг макета (CLS): CLS определяет, как часто пользователи сталкиваются с неожиданными сдвигами макета или изменениями на странице. Чтобы обеспечить визуальную стабильность, вы хотите, чтобы ваш балл CLS был низким. Google хочет, чтобы страницы имели рейтинг CLS менее 0,1.

Подход RebelMouse: Мы можем превзойти конкурентов в Core Web Vitals, потому что производительность сайта — это не просто цель, это столп компании, который вплетен в нашу культуру. Мы делаем акцент на производительности, чтобы помочь как новым медиа-лидерам, так и традиционным брендам максимально использовать возможности открытого Интернета за счет увеличения трафика и увеличения доходов без ущерба для удобства пользователей.

Благодаря постоянной оптимизации производительности сайты, работающие на RebelMouse, получают более высокие оценки в Core Web Vitals от Google по сравнению с другими платформами CMS, включая WordPress.

Оптимизация RebelMouse для SEO приводит к значительному увеличению трафика.

Щелкните здесь, чтобы узнать больше о том, как улучшить свои показатели Core Web Vitals.

Оптимизируйте свой веб-сайт для поиска: максимально используйте AMP

Google’s Accelerated Mobile Pages (AMP) — фантастический инструмент для повышения производительности мобильных устройств.Сверхбыстрый мобильный формат обеспечивает больше времени на сайте для каждого читателя, что способствует лучшей конверсии.

AMP-страницы

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

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

Подход RebelMouse: Наша платформа полностью оптимизирована для AMP, и сайты в нашей сети используют ее как способ, часто меняющий правила игры, для повышения эффективности поиска.

Создатели контента могут публиковать в AMP на RebelMouse одним простым щелчком мыши:

На RebelMouse оптимизация контента для AMP выполняется одним щелчком мыши.

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

Оцените видимый рост, который он дал одному из наших клиентов, по данным Google Search Console:

Наша негласная оптимизация накопителя AMP увеличивает читательскую аудиторию.

Щелкните здесь, чтобы узнать больше об оптимизации AMP RebelMouse.

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

Инструменты SEO RebelMouse увеличивают поисковый трафик.

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

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

Как оптимизировать свой веб-сайт для поиска: определите свою поисковую фразу

Может быть непросто определить, какую поисковую фразу вы хотите выиграть. На вкладке SEO RebelMouse вы можете обдумывать свои идеи в режиме реального времени. Благодаря творческому использованию API-интерфейсов мы гарантируем, что писатели и редакторы будут вооружены нужной информацией при оптимизации контента для SEO. В приведенном выше примере раскрывающийся список предлагает поисковые фразы, которые уже хорошо работают в Google.Число рядом с каждой рекомендованной фразой — это ежемесячный объем поиска.

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

Как оптимизировать свой веб-сайт для поиска: сопоставьте свой слаг с поисковой фразой

Легко обновите свой URL-адрес, чтобы он соответствовал желаемой поисковой фразе на RebelMouse.

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

Щелкните здесь, чтобы узнать больше об этой функции.

Как оптимизировать свой веб-сайт для поиска: выберите ссылки для умной рециркуляции

Доступ к исходящим ссылкам для вашей поисковой фразы прямо из интерфейса редактирования RebelMouse.

После того, как вы определили свою поисковую фразу и соответствующим образом оптимизировали заголовок URL, вы можете выбрать очень релевантные ссылки для добавления в качестве связанного содержимого в конец вашей статьи. Мы называем эти ссылки в Интернете (ATW).Вкладка SEO в нашем редакторе Entry Editor позволяет вам выбирать лучшие ссылки с вашего собственного сайта, а также со всего Интернета, что приводит к поистине удивительному увеличению трафика. Это проверенная практика SEO, признанная Google. Поскольку ваша статья будет ссылаться на страницы, уже выигравшие вашу поисковую фразу, это может повысить оценку релевантности вашего собственного сообщения в глазах поискового робота Google.

Мы автоматизируем отображение как ATW, так и внутренних ссылок для вас, так что просто отметьте несколько флажков, чтобы добавить их в свое сообщение.Мы также посчитали, и данные ясны: добавление ATW и внутренних ссылок в конец ваших статей может увеличить посещаемость ваших сообщений из Google более чем на 300%!

Щелкните здесь, чтобы узнать больше об этой функции.

Как оптимизировать свой веб-сайт для поиска: создайте метаданные перед публикацией

Легко обновляйте метаданные вашего контента на RebelMouse.

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

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

Щелкните здесь, чтобы узнать больше об этой функции.

Как оптимизировать свой веб-сайт для поиска: структурируйте свой контент, чтобы усилить поисковую фразу

RebelMouse’s Particle Assembler — это инструмент для создания контента в нашем редакторе Entry Editor, который позволяет легко преобразовывать ваши сообщения в мультимедийные микро фрагменты контента, которые мы называем частицами, которые могут быть как отдельными, так и сканируемыми при поиске.Наша функциональность Ассемблера дает вашему контенту больше возможностей, что означает больше шансов на создание большего трафика.

Доступ к

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

Посмотрите, как добавлять частицы в ассемблере RebelMouse.

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

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

Щелкните здесь, чтобы узнать больше об этой функции.

Как оптимизировать свой веб-сайт для поиска: максимально используйте модуль Google «Люди также спрашивают»

Разработайте стратегию поисковых фраз, чтобы выиграть, с помощью функции Google «Люди также спрашивают».

Заголовки частиц — отличный способ использовать модуль Google «Люди также спрашивают». Это поможет вам определить шаблоны поиска пользователей, которым интересна ваша поисковая фраза. Приспосабливая свои частицы к этим шаблонам, вполне вероятно, что ваш пост поднимется в поисковом рейтинге Google.

Щелкните здесь, чтобы узнать больше об этой стратегии.

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

Легко обновите замещающий текст желаемой поисковой фразой на RebelMouse.

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

Как оптимизировать свой веб-сайт для поиска: обработка структурированных данных

Инструмент Google Rich Results Test проверяет правильность ввода структурированных данных.

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

Но что, если бы вы могли рассказать роботу Googlebot историю своего веб-сайта, чтобы он не делал никаких предположений? Это возможно за счет использования структурированных данных или, как описывает Google, набора «подсказок», предоставляемых его поисковому роботу о том, что определяет ваш контент.Используя схему или словарь, которым вы делитесь с Google о каждой странице вашего сайта, вы можете рассказать Googlebot историю вашего контента на человеческом языке.

Более высокий рейтинг в поиске за счет заполнения структурированных данных для сниппетов Google в результатах поиска.

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

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

Подход RebelMouse: Если структурированные данные кажутся сложными, это не обязательно. Каждый сайт RebelMouse автоматически заполняет ключевые структурированные данные, чтобы Google мог лучше понять ваш сайт.Это, в свою очередь, оптимизирует ваши страницы, чтобы они выигрывали в результатах поиска. Наша готовая интеграция заполняет все стандартные данные схемы информацией о содержании статьи. Это работает на настольных компьютерах и в мобильной сети, а также данные заполняются для Google AMP.

RebelMouse правильно размечает структурированные данные для контента с помощью нашей готовой интеграции.

Щелкните здесь, чтобы узнать больше о нашей готовой интеграции структурированных данных.

Как оптимизировать свой сайт для поиска: помните о тегах h2

Проще говоря, тег h2 — это фрагмент HTML или языка разметки гипертекста, который отмечает заголовок вашей веб-страницы.Вот пример:

 Это название моего контента

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

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

При написании HTML вам доступны шесть различных тегов заголовков: h2, h3, h4, h5, H5 и H6. Каждый заголовок имеет различную толщину шрифта. Вы можете использовать эту шкалу для соответствующей организации заголовков и подзаголовков вашего контента.

Пример заголовков из W3docs .

Подход RebelMouse: Вы можете легко выбрать нужный заголовок в редакторе записей RebelMouse с помощью панели инструментов форматирования:

Выберите заголовки, которые вы хотите использовать, прямо в интерфейсе редактирования RebelMouse.

После того, как вы выберете заголовок, он автоматически отобразится в коде вашего сайта:

Заголовки RebelMouse автоматически правильно добавляются в код вашего сайта для поиска.

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

Нажмите здесь, чтобы узнать больше о тегах h2.

Как оптимизировать свой веб-сайт для поиска: следуйте рекомендациям Google в отношении изображений

Пример информации Google Images, заполненной структурированными данными. Изображение из Google.

Google Images, несомненно, является лидером в области поиска изображений в Интернете, и у них есть много рекомендаций относительно того, как следует обращаться с изображениями.Здесь, в RebelMouse, мы заботимся о том, чтобы ваш сайт сразу же соответствовал этим рекомендациям. Рекомендации Google относятся к ряду общих тем:

Отличный пользовательский интерфейс
Будьте описательны
Структурированные данные
Скорость
Альтернативный текст
Сделать изображения доступными для поиска

Подход RebelMouse: Быть уверенным, что все на вашем сайте оптимизировано как для производительности, так и для соответствия рекомендациям Google Search — утомительная задача.К счастью, RebelMouse избавит вас от этого беспокойства, построив нашу платформу на принципах работы со страницами и веря в то, что все сайты, созданные на нашей платформе, должны быть безупречными. Мы следуем всем передовым методам работы с изображениями Google.

Кликните сюда, чтобы узнать больше.

Как оптимизировать свой веб-сайт для поиска: измерить успех с помощью консоли поиска Google

Просмотрите данные об использовании страницы из Google Search Console.

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

Search Console позволит вам добавлять или удалять определенный контент из результатов поиска Google. Этот инструмент также поможет вам узнать, по каким ключевым словам ваш сайт появляется на странице результатов поисковой системы (SERP) Google, а также какие сторонние сайты ссылаются на ваш.Это также позволяет вам отслеживать эффективность вашего сайта при поиске, в том числе обнаруживать любые ошибки на ваших страницах.

Подход RebelMouse: Мы предлагаем полную поддержку, чтобы помочь нашим клиентам подключить свои сайты к Google Search Console. Наши услуги по разработке стратегии также помогут вам понять, какой контент и макеты сайтов лучше всего подходят для вашей аудитории, с помощью наших настраиваемых панелей управления Google Data Studio.

Оптимизируйте свой сайт для поиска с помощью RebelMouse

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

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

Начинайте выигрывать в поиске с каждой публикацией. Свяжитесь с нами сегодня, и давайте начнем работать вместе.

Статьи по теме в Интернете

Google сказал, что скорость сайта не является причиной значительных изменений в видимости поиска

Google еще раз сказал, что если вы видите значительные изменения в видимости вашего поиска Google, это, скорее всего, не имеет ничего общего с тем, насколько быстрым или медленным является ваш сайт. Джон сказал на видеовстрече в прошлую пятницу: «Я не мог бы предположить, что изменение скорости веб-сайта с очень медленного на очень быстрое приведет к значительному увеличению видимости.«

Джон ответил на этот вопрос на отметке 9:17 в видео, когда он сказал:« Обновление Page Experience Update, как правило, является довольно тонким обновлением. Это не то, что могло бы или не должно было бы создать, а также сделать или сломать веб-сайт «.

Джон добавил:» Если бы вы увидели значительное падение трафика из поиска, я бы не подумал, что это чисто из-за у вас более медленный веб-сайт ».

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

Затем SEO-специалист добавил, что даже инструменты рендеринга Google иногда перестают работать при доступе к страницам. Но даже тогда Джон сказал, что этого не должно быть». t так сильно влияет на ранжирование. Джон сказал: «Если он даже слишком медленный для тестирования [отображается в инструменте тестирования Google], это кажется чем-то, что нужно исправить только с точки зрения пользователя, но опять же, я думаю, с точки зрения поиска для большей части эти вещи, я бы не стал предполагать, что превращение веб-сайта из очень медленного в действительно быстродействующее приведет к значительному увеличению видимости.Как будто будут некоторые изменения, но обычно они очень незаметны ».

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

Вот вставка, вы можете послушать на себя:

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

Вероятно, этот человек видел основные обновления в июне и июле.

Вот как Гленн Гейб резюмировал эту часть:

Подробнее: Если вы упали в июне / июле (на 50% +), помните, что тогда Google запустил два основных обновления. Вы не увидите падения на 50% после обновления Page Experience Update.50% — это слишком много для этого обновления. Вероятно, там есть более серьезные проблемы и проблемы: https://t.

От чего зависит скорость загрузки сайта? Полезные советы по сайту

Скорость загрузки контента

Что такое скорость ответа сервера?

Что влияет на скорость ответа сервера?

Нагрузка на сервер и оптимизация

Что такое кэширование?

Что такое CDN?

Как быстро проверить все страницы своего сайта на скорость загрузки?

Как проверить скорость загрузки сайта через Screaming Frog SEO Spider +xpath

Переходим в настройку парсера

Берем данные с сайта

Подписываем столбцы

Проверить через Google Аналитику

Что говорит Google?

Ресурсы для проверки загрузки страницы

Заключение

﻿Как скорость загрузки сайта влияет на позиции в Яндекс и Google?

﻿Как скорость загрузки сайта влияет на позиции в Яндекс и Google?

Время загрузки — что такое?

Факторы, влияющие на позиции сайта в Google и Яндексе

Оптимальные факторы времени загрузки страницы

Поделиться

13 лучших инструментов – Блог TRINET

Зачем увеличивать скорость сайта?

Что важно измерять и какие инструменты для этого нужны:

Проверка скорости по отчетам из веб-аналитики

Проверка скорости через сервис Яндекс.Метрика

Проверка скорости через сервис Google Analytics

Как использовать полученную информацию и как увеличить скорость загрузки сайта?

Время ответа сервера

Кеширование

Картинки

Скрипты и CSS

Дополнительно возможности увеличения скорости загрузки сайта.

Итог

Скорость загрузки сайта. Или что такое PageSpeed Insights

Что такое PageSpeed Insights

Какие основные критерии оценивает PageSpeed Insights?

Влияние баллов PageSpeed Insights на работу сайта и на выдачу в поисковых системах?

Рекомендации от PageSpeed Insights

Оптимизация

Диагностика

Успешные аудиты

Основные пути увеличения баллов

Выводы

Как набрать 100 балов в Google PageSpeed ​​Insights

Почему скорость загрузки страниц так важна?

Как использовать инструмент PageSpeed ​​Insights

4 способа получить идеальную оценку от PageSpeed ​​Insights

1. Сжимайте изображения

2. Используйте кеширование браузера

3. Сократите свой HTML-код

4. Внедрите AMP

Часто задаваемые вопросы о Google PageSpeed ​​Insights

Почему так важна скорость страницы?

Как показатель отказов соотносится со скоростью страницы?

В каких отраслях самые медленные сайты?

Как быстро должен загружаться сайт?

Как устранить влияние Яндекс.Метрики на показатели Google PageSpeed Insights

Как снизить влияние Яндекс.Метрики на скорость загрузки сайта

Выводы

Скорость загрузки страниц — моя вики

Как Google борется со скоростью загрузки сайта

Улучшения SEO на основе показателей CWV показывают результаты около месяца

Технические факторы SEO также влияют на определение качества контента в Google

Core Web Vitals имеют одинаковый вес для всех отраслей и типов веб-сайтов

Показатели скорости взаимодействия с пользователем влияют на рейтинг

Заметно более низкая скорость загрузки страниц влияет на рейтинг

Инструменты тестирования скорости не отражают способность Google выполнять предварительный рендеринг и кэширование AMP-страниц

Подтвердите IP-адреса инструмента PageSpeed ​​Insights и проверки структурированных данных с помощью тестовой страницы

Скорость имеет решающее значение для быстрого индексирования содержания Google

Лабораторные тесты PageSpeed ​​Insights и сводные данные отчета CrUX используются для оценки скорости сайта

Google Pagespeed Insights для издателей

Оценка Google PageSpeed ​​Insights и Core Web Vitals

Каковы показатели Google Core Web Vitals?

Как издатели могут улучшить скорость загрузки страниц и основные веб-показатели?

Внедрение отложенной загрузки для улучшения жизненно важных функций FID Web

Использование сети доставки контента CDN

Сжатие изображений и видео для более быстрой загрузки страниц

Как скорость загрузки сайта влияет на позиции в Яндекс и Google?

Как скорость загрузки сайта влияет на позиции в Яндекс и Google?

Как набрать 100 балов в Google PageSpeed Insights

Как использовать инструмент PageSpeed Insights

4 способа получить идеальную оценку от PageSpeed Insights

Часто задаваемые вопросы о Google PageSpeed Insights

Подтвердите IP-адреса инструмента PageSpeed Insights и проверки структурированных данных с помощью тестовой страницы

Лабораторные тесты PageSpeed Insights и сводные данные отчета CrUX используются для оценки скорости сайта

Оценка Google PageSpeed Insights и Core Web Vitals