Google аудит сайта: SEO аудит сайта [19 шагов по выявлению проблем и точек роста]

Содержание

Поисковый аудит сайта: что это такое

  1. Анализ запросов сайта и подбор семантического ядра. Семантическим ядром называют набор ключевых запросов (слов и словосочетаний), по которым посетители приходят на сайт из поисковых систем. По этим запросам в дальнейшем осуществляется раскрутка сайта. Чтобы определить, правильно ли выбраны ключевые слова для сайта, необходимо проанализировать тематику ресурса, ее популярность среди пользователей Интернет, конкурентов и выбранные ими поисковые запросы. Если имеющееся семантическое ядро не отвечает требованиям целевой аудитории заказчика, составляется новое, на основе которого раскрутка сайта даст лучшие результаты.
  2. Анализ позиций сайта в поисковиках. По каждому ключевому запросу определяются позиции сайта в наиболее популярных поисковых системах — Yandex, Google, Rambler. Составляется перечень конкурентов, находящихся в первой десятке выдачи по тем же словам. В Яндекс дополнительно анализируется видимость сайта с региональным признаком.
  3. Анализ ссылочной базы. На эффективность раскрутки сайта оказывает влияние качество и количество внешних ссылок. Чем авторитетнее ресурсы, которые ссылаются на продвигаемый сайт, тем выше показатели последнего в индексе поисковиков. В ходе аудита определяется работоспособность ссылок и соответствие ресурсов-доноров тематике сайта. Анализируется корректность внутренней перелинковки и наличие полной карты сайта.
  4. Анализ текстов. Контент на сайте анализируется на предмет релевантности (использования ключевых запросов в требуемом количестве) и уникальности для поисковых систем. Также важно качество текстовой составляющей ресурса: информация должна быть интересной и полезной для читателей.
  5. Анализ индексации и структуры. Определяется количество проиндексированных страниц, корректность их занесения в базу данных поисковых систем. Выявляются ошибки и специфические элементы, которые препятствует индексации страниц поисковыми роботами. Проверяется удобство навигации: в идеале любая страница должна быть доступна посетителю в три клика.
  6. Анализ верстки. В процессе поисковой оптимизации структура страниц исследуется на предмет соответствия рекомендациям поисковых систем (наличие уникальных заголовков и подзаголовков, описаний у изображений, служебных тегов и т.д.).

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

Другие термины на букву «П»

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

Все термины SEO-Википедии

Теги термина

Продвижение сайтовРанжирование

Какие услуги тебе подходят

Продвижение сайтов в Москве

SEO-оптимизация сайта

Оптимизация сайта под Google

Продвижение сайта в Яндексе

Продвижение интернет-магазина

SEO-продвижение лендинга в поисковых системах

Продвижение медицинских сайтов

Продвижение молодого сайта

SEO-продвижение с гарантией

Продвижение по ключевым словам

Продвижение сайта в ТОП 10 Яндекса и Google

Продвижение туристических сайтов

Продвижение сайтов в ТОП 3 Яндекса и Google

Оптимизация сайта под Яндекс

Раскрутка сайтов за рубежом

Продвижение сайта в Google

Продвижение сайта по позициям

Продвижение сайта по трафику

Оптимизация сайта в мобильной выдаче

SEO аудит

Поисковый аудит сайта

Заказать продвижение сайта

Продвижение сайтов в Москве: проверенные решения от профессионалов

Продвижение стоматологической клиники

Продвижение сайтов медицинских клиник

Продвижение салона красоты

Продвижение автомобильных сайтов

Продвижение магазина автозапчастей

Продвижение и раскрутка автосервиса

Продвижение отелей и гостиниц

SEO-продвижение сайта в Новосибирске

SEO-продвижение сайта в Екатеринбурге

SEO-продвижение сайта в Самаре

SEO-продвижение сайта в Омске

SEO-продвижение сайта в Нижнем Новгороде

SEO-продвижение сайта в Казани

SEO-продвижение сайта в Челябинске

SEO-продвижение сайта в Красноярске

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

Поисковое продвижение сайтов в Ростове-на-Дону

Поисковое продвижение сайтов в Уфе

SEO-продвижение сайта в Воронеже

SEO-продвижение сайта в Волгограде

SEO-продвижение сайта в Краснодаре

Продвижение интернет-магазина бытовой техники

Продвижение интернет-магазина одежды

Продвижение интернет-магазина зоотоваров

Продвижение интернет-магазина книг

Продвижение интернет-магазина мебели

Продвижение интернет-магазина обуви

Продвижение интернет-магазина сантехники

Продвижение интернет-магазина спортивных товаров

Продвижение интернет-магазина стройматериалов

Продвижение интернет-магазина часов

Маркетинговый аудит сайта

Продвижение автосалона

Поисковое продвижение сайтов в Тольятти

Аудит юзабилити сайта

SEO-аудит крупного сайта: 24 главных пункта

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

Зачем проводить SEO-аудит

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

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

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

  • контент;
  • обратные ссылки;
  • техническое SEO;
  • удобство страницы;
  • специфичные для индустрии стандарты.

Чтобы провести успешный аудит, потребуются специальные SEO-инструменты, например, Screaming Frog, MegaIndex, Rookee, SimilarWeb и другие.

Разберем каждый пункт аудита подробно и ответим на важные вопросы по сайту. 

Контент на сайте 

1. Используются правильные ключевые слова?

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

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

2. URL оптимизированы?

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

URL тоже нужно адаптировать под ключевые слова

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

3. Корректно ли оптимизированы метатеги?

Поисковые роботы Google используют Title и Description, чтобы понять, какой теме посвящен контент и каким ключевым словам он релевантен. Как и URL, они тоже видны в поисковой выдаче и могут повлиять на решение пользователя. Убедитесь, что метатеги страниц уникальны, не дублируются и не слишком длинны.  

Убедитесь, что title-теги страниц не дублируются

В рамках аудита проверьте три пункта:

  • Title и Description уникальны для каждой страницы?
  • Title содержит 50–60 символов, а Description — 150–160?
  • Ключевые слова или их вариации включены в Title и Description? 

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

4. На сайте высококачественный и глубокий контент?

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

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

Читайте также:

Что такое контент: виды, форматы, критерии качества

5. Присутствует перелинковка страниц?

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

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

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

6. В контенте используются внешние ссылки на релевантный контент?

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

7. Используются медиафайлы и интерактивные элементы?

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

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

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

 

8. Alt-атрибут изображений содержит ключевые слова?

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

Убедитесь, не только в наличии Alt, но и в их оптимизации под ключевые слова — они должны описывать изображенное.

9. Страницы нацеливаются на одни и те же ключевые слова?

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

Каннибализация ключевых слов — это нацеливание разных страниц сайта на одно и то же ключевое слово.

Чтобы избавиться от каннибализации, выполните три шага:

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

Продвижение сайтов

  • Любой формат сотрудничества: позиции, лиды, трафик.
  • Подбираем запросы, которые приводят реальных покупателей!

Обратные ссылки

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

10. У сайта меньше обратных ссылок, чем у конкурента?

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

Количество обратных ссылок важно для ранжирования

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

11. Есть ли на сайте токсичные обратные ссылки?

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

После обновления Link Spam, вышедшего в 2021 году, Google намного лучше распознает низкокачественные ссылки. Представители компании подчеркивают, что они не помогут подняться в выдаче.

Однако можно отклонить токсичные ссылки, ведущие на сайт. Для этого нужно создать .txt файл, в который включаются URL или домен, который нужно отклонить. 

12. Отличаются ли анкорные тексты обратных ссылок?

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

Если в анкоры вставляется название бренда, это нормально. Однако использование одинаковых анкоров или слов с высоким показателем CPC (cost per click) может восприниматься поисковым роботами Google как манипуляция.

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

Читайте также:

Линкбилдинг: что это такое и как бесплатно получить ссылки

Техническое SEO

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

13. XML-файл Sitemap заполнен и включает верные страницы?

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

Если на сайте появляется новая страница или контент, файл Sitemap можно использовать для передачи этой информации Google.

Создать файл Sitemap можно через плагин Yoast SEO

14. Есть ли у сайта максимальный лимит на сканирование для робота?

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

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

15. Микроразметка Schema настроена правильно?

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

Неправильно настроенная микроразметка не позволит попасть в расширенные результаты

Читайте также:

Микроразметка Schema.org: полное руководство

16.

На сайте много битых ссылок или редиректов?

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

17. На похожих страницах есть канонические теги?

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

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

Убедитесь, что на сайте нет схожих страниц без канонических тегов

18. Используются теги hreflang для локализации страниц?

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

Однако ошибки с каноническими тегами и тегами hreflang допускаются чаще всего. Правило такое: добавляйте теги hreflang только на страницы, которые ссылаются сами на себя в канонических тегах. Не вставляйте их на страницы, на которых присутствует дублированный контент. 

Удобство страницы

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

19. Страницы соответствуют стандартам Core Web Vitals?

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

20. Включают ли страницы включают протоколы HTTP или HTTPS?

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

21. Мобильная версия сайта загружается быстро?

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

  • присутствует неадаптивный дизайн;
  • имеются назойливые всплывающие окна;
  • элементы страницы плохи с точки зрения UI/UX;
  • имеется невоспроизводимый контент или он отсутствует вовсе.

Читайте также:

Мобильные версии сайтов 2022: интересные тенденции и неожиданные выводы

Стандарты индустрии

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

22. Сайт из категории YMYL?

YMYL расшифровывается как Your Money Your Life — ваши деньги, ваша жизнь. В данную категорию попадают сайты сферы здравоохранения, финансов, юриспруденции и т. д. Google предъявляет высокие стандарты к контенту для таких сайтов.

23. У сайта высокий показатель E-A-T?

Аббревиатура E‑A-T расшифровывается как expertise, authoritativeness, trustworthiness — экспертность, авторитетность, достоверность. На основе этого показателя оценивается качество сайтов в поиске, ведь Google хочет рекомендовать пользователям только релевантные страницы.

Создание сайтов

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

Для высокого E‑A-T необходимо, чтобы сайт:

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

24. Есть ли у сайта репутация?

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

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

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

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

Технический аудит сайта

  • Наличие дублей страниц, безопасность, корректность всех технических параметров: переадресаций, robots.txt, sitemap.xml скорость загрузки и др.
  • Техническая оптимизация — один из основных этапов в продвижении.

Запуск категории SEO-аудит в расширении Lighthouse Chrome | Центральный блог Google Search

Понедельник, 5 февраля 2018 г.

Мы рады сообщить, что в Lighthouse Chrome появилась еще одна категория аудита. Расширение: SEO-аудит.

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

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

Лучшие практики SEO для вас

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

Как это использовать

В настоящее время существует два способа запуска этих проверок.

Использование расширения Lighthouse Chrome:

  1. Установите Расширение Маяк для Chrome
  2. Нажмите на значок маяка на панели расширения.
  3. Выберите меню Параметры , отметьте «SEO» и нажмите ОК , затем Создать отчет

Использование инструментов разработчика Chrome на Хром Канарейка:

  1. Откройте инструменты разработчика Chrome
  2. Перейти к Аудит
  3. Нажмите Выполните аудит
  4. Установите флажок «SEO» и нажмите Run Audit .

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

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

Удачного одитинга!

Автор: Валентин, специалист по стратегии работы с веб-мастерами.

Обзор Lighthouse — Chrome Developers

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

Вы можете запустить Lighthouse в Chrome DevTools, из командной строки или как модуль Node. Вы даете Lighthouse URL-адрес для аудита, он запускает серию аудитов страницы, а затем создает отчет о том, насколько хорошо страница работала. Оттуда используйте неудачные проверки как индикаторы того, как улучшить страницу. У каждого аудита есть справочный документ, объясняющий, почему аудит важен, а также как его исправить.

Вы также можете использовать Lighthouse CI для предотвращения регрессии на своих сайтах.

Посмотрите видео ниже от Google I/O, чтобы узнать больше о том, как использовать Lighthouse и вносить в него свой вклад.

# Начало работы

Выберите рабочий процесс Lighthouse, который вам больше всего подходит:

  • В Chrome DevTools. Легко проверяйте страницы, требующие аутентификации, и читайте отчеты в удобном для пользователя формате.
  • Из командной строки. Автоматизируйте запуск Lighthouse с помощью сценариев оболочки.
  • В качестве узлового модуля. Интегрируйте Lighthouse в свои системы непрерывной интеграции.
  • Из веб-интерфейса. Запускайте Lighthouse и ссылайтесь на отчеты, ничего не устанавливая.

Рабочие процессы CLI и Node требуют, чтобы на вашем компьютере был установлен экземпляр Google Chrome.

# Запустите Lighthouse в Chrome DevTools

Lighthouse имеет собственную панель в Chrome DevTools. Чтобы запустить отчет:

  1. Загрузите Google Chrome для ПК.

  2. В Google Chrome перейдите по URL-адресу, который вы хотите проверить. Вы можете проверить любой URL-адрес в Интернете.

  3. Откройте Chrome DevTools.

  4. Нажмите Маяк табл.

    Слева находится область просмотра страницы, которая будет проверяться. Справа находится панель Lighthouse Chrome DevTools на базе Lighthouse
  5. Click Анализ загрузки страницы . DevTools показывает вам список категорий аудита. Оставьте их все включенными.

  6. Нажмите Запустить аудит . Через 30-60 секунд Lighthouse выдает вам отчет о странице.

    Отчет Lighthouse в Chrome DevTools

# Установите и запустите инструмент командной строки Node

Чтобы установить модуль Node:

  1. Загрузите Google Chrome для рабочего стола.
  2. Установите текущую версию Node с долгосрочной поддержкой.
  3. Установить Маяк. Флаг -g устанавливает его как глобальный модуль.
 npm install -g lighthouse 

Для запуска аудита:

 lighthouse  

Чтобы просмотреть все параметры:

 lighthouse --help 
# Программно запустить модуль Node

См. Программное использование для примера программного запуска Lighthouse в качестве модуля Node.

# Запустить PageSpeed ​​Insights

Чтобы запустить Lighthouse на PageSpeed ​​Insights:

  1. Перейдите к PageSpeed ​​Insights.

  2. Введите URL-адрес веб-страницы.

  3. Нажмите Анализ .

    Пользовательский интерфейс PageSpeed ​​Insights

# Запускаем Lighthouse как расширение Chrome

Если у вас нет особой причины, вам следует использовать рабочий процесс Chrome DevTools, а не этот рабочий процесс расширения Chrome. Рабочий процесс DevTools позволяет тестировать локальные сайты и страницы, прошедшие проверку подлинности, а расширение — нет.

Чтобы установить расширение:

  1. Загрузите Google Chrome для ПК.
  2. Установите расширение Lighthouse Chrome из Интернет-магазина Chrome.

Чтобы запустить аудит:

  1. В Chrome перейдите на страницу, которую вы хотите проверить.

  2. Щелкните Маяк. Он должен быть рядом с адресной строкой Chrome. Если нет, откройте меню расширений Chrome и получите к нему доступ оттуда. После нажатия меню Маяка расширяется.

    Панель расширения Lighthouse
  3. Нажмите Создать отчет . Lighthouse проводит аудит текущей страницы, а затем открывает новую вкладку с отчетом о результатах.

    Отчет Lighthouse с расширения

# Общий доступ и просмотр отчетов в Интернете

Используйте Lighthouse Viewer для просмотра и обмена отчетами в Интернете.

Средство просмотра Lighthouse

# Делитесь отчетами в формате JSON

Средство просмотра Lighthouse требует выходных данных отчета Lighthouse в формате JSON. В приведенном ниже списке объясняется, как получить выходные данные JSON в зависимости от используемого рабочего процесса Lighthouse:

Для просмотра данных отчета:

  1. Откройте средство просмотра Lighthouse.
  2. Перетащите файл JSON в средство просмотра или щелкните в любом месте средства просмотра, чтобы открыть навигатор файлов и выбрать файл.

# Делитесь отчетами как GitHub Gists

Если вы не хотите вручную передавать файлы JSON, вы также можете поделиться своими отчетами как секретными GitHub Gists. Одним из преимуществ gists является бесплатный контроль версий.

Чтобы экспортировать отчет как суть из отчета:

  1. (Если уже используется средство просмотра, пропустите этот шаг) Откройте меню в правом верхнем углу, затем нажмите Открыть в средстве просмотра . Отчет открывается в средстве просмотра, расположенном по адресу https://googlechrome.github.io/lighthouse/viewer/9.0137 .
  2. В средстве просмотра откройте меню в верхнем правом углу и нажмите Сохранить как Gist . Когда вы делаете это в первый раз, всплывающее окно запрашивает разрешение на доступ к вашим базовым данным GitHub, а также на чтение и запись ваших сущностей.

Чтобы экспортировать отчет как суть из CLI-версии Lighthouse, вручную создайте суть и скопируйте и вставьте выходные данные отчета в формате JSON в суть. Имя основного файла, содержащего выходные данные JSON, должно заканчиваться на .lighthouse.report.json . См. раздел Совместное использование отчетов в формате JSON, где приведен пример создания выходных данных JSON с помощью инструмента командной строки.

Чтобы просмотреть отчет, который был сохранен как суть:

# Расширяемость Lighthouse

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

# Stack Packs

Разработчики используют множество различных технологий (бэкэнд/CMS/JavaScript-фреймворки) для создания своих веб-страниц. Вместо того, чтобы выводить только общие рекомендации, Lighthouse теперь может давать более актуальные и действенные советы в зависимости от используемых инструментов.

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

Чтобы внести пакет стека, ознакомьтесь с Руководством по внесению вклада.

# Плагины Lighthouse

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

Для получения дополнительной информации о том, как создать собственный плагин, ознакомьтесь с нашим Руководством по плагинам в репозитории Lighthouse на GitHub.

# Интеграция Lighthouse

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *