Многофункциональная SEO-платформа
для профессионалов
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Google Chrome: веб-инспектор по вызову

Россия +7 (495) 960-65-87
Шрифт:
0 9387

Как веб-инструменты в Chrome решают digital-маркетинговые задачи? Об этом в обзоре с наглядными примерами

Какие задачи стоят перед теми, кто занимается созданием и продвижением сайтов? Очевидно, что иногда нужно проверить тот или иной компонент веб-страницы и исправить его. На помощь приходит панель инструментов Google Chrome для веб-мастеров. А именно такие её вкладки, как

  • Elements,
  • Network,
  • Sources,
  • Timeline,
  • Profiles,
  • Resources,
  • Audits,
  • Console,
  • Pagespeed.

Кликаем правой кнопкой мыши на странице сайта и видим следующее меню:

Нас интересует «Просмотр кода элемента». Кликаем на него и попадаем на панель инструментов с нужными нам вкладками.

Ваш заголовок помещается в новой выдаче Google?

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

Это можно исправить следующим образом. Открываем панель инструментов и переходим на вкладку Elements.

Дважды щелкните на текст, который вы хотите изменить. Убираем лишнее слово из заголовка и нажимаем Enter.

Готово.

Исправляйте и редактируйте веб-страницу в несколько кликов

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

В открытом в панели коде страницы выделяем место, которое мы хотим изменить. Один клик правой кнопкой мыши, выбираем Edit as HTML и редактируем нужное место.

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

Учимся пользоваться вкладкой Emulation и сравниваем экраны мобильных устройств

Чтобы узнать, как будет выглядеть веб-страница на экране мобильного устройства, открываем инструменты и выбираем внизу Emulation. Выбираем, какое конкретно устройство нас интересует, и ставим напротив него галочку. Готово! Сбросить же эмуляцию можно при помощи Reset.

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

Один клик на неё — и внизу появляется нужная вкладка Emulation.

Проверяйте, установлен ли на сайте код Google Analytics

С помощью инструментов Chrome можно проверить наличие кода Google Analytics на сайте. Для этого открываем панель веб-инструментов и переходим на вкладку Network. Затем обновляем страницу и вводим фразу «Analytics» в поле поиска. Жмём Enter.

В результате этого в списке найденных результатов (с правой стороны) отобразиться значок GA. Он также будет виден и с левой стороны, во вкладке Preview.

Значок Google Analytics может отображаться по-разному:

  • analytics.js,
  • ga.js,
  • dc.js.

Нет ли ошибок при учете рефереров?

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

Открываем панель инструментов и переходим на Network. Затем, на вкладке Headers в правом поле, просматриваем данные о посещении. Именно они и отправляются в Google Analytics.

Проверяйте HTTP заголовки для канонических ссылок и X-Robots

Здесь мы проверяем заголовки HTTP с помощью Chrome. Делаем это следующим образом:

  • На панели инструментов выбираем Network,
  • Кликаем на www.distilled.net (сайт взят для примера).

Просматриваем заголовки HTTP на наличие ошибок. В приведенном примере канонический тег указывает на домашнюю страницу example.com/home, а должен быть направлен на example.com и никуда больше.

Учитываем коды состояния и редиректы

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

Улучшайте скорость загрузки сайта

Как проверить скорость загрузки сайта и улучшить её? Chrome поможет и в этом. Для этого на панели инструментов открываем вкладку Audits — «проверки».

Нажмите «Reload Page and Audir on the Load» — готово, проверка скорости загрузки сайта запущена и займет она меньше минуты.

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

Информацию о заходах на сайт тоже можно получить с помощью веб-инструментов Chrome.

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

Есть о чем рассказать? Тогда присылайте свои материалы в редакцию.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
23 действительно эффективных совета по продвижению интернет-магазина
Гость - Троль Гуру паНгинации - Что такое паНгинация?))))
Как построить качественную ссылочную массу сайта
Анна Фра
1
комментарий
0
читателей
Полный профиль
Анна Фра - www.youtube.com/watch?v=jtINdDyNdFU полезное видео
Анализ ссылок: сравнение многофункциональных платформ по размеру их баз
Андрей Ольшевский - Очень неточная статистика, объясню почему. Довольно часто делаю анализ сайтов на качество и объём ссылочной массы. Всегда делаю выгрузку из трех источников – Вебмастера Яндекса, сервиса Мегаиндекс, сервиса Линкпад. Потом с помощи алгоритмов и функции Excel отсеиваются много дублей, битых ссылок, несуществующих урл и тп. Как показала практика, вебмастера Яндекса вполне достаточно, там вся информация и она самая актуальная, в других сервисах куча мусора, а нового, чтоб было найдено и проиндексировано ПС - очень мало. Поэтому мирятся количеством в данном анализе не профессионально.
Как создать интернет-магазин: сколько стоит открытие?
Гость - да у битрикса что ни обновление - то сплошные баги. недавно знакомый обновился на лицензии интернет-магазина, про***лись заказы за последнюю неделю, слетели все связи по складам. одним словом, жопа. при этом обновился на сразу, а спустя месяц после выкатывания, надеялся, успеют все поправить
ТОП-10 автоматизированных сервисов контекстной рекламы
Гость - Не доверяйте свои данные системам от агентств, если рекламу у них вы не ведете. Юзал алитикс и к50. Пробуйте эти две системы как мин. А лучше всего автоматизировать с помощью эксель, pbi и подобных сервисов. Но пока это сложно для большинства
Как упростить продвижение вечными ссылками?
Coursh - Зарегестрировался. Накинули 1100 рубликов за пополнение на 10к. Очень неплохо!
Кому и зачем нужен маркетплейс от Яндекса
Дарья Калинская
209
комментариев
0
читателей
Полный профиль
Дарья Калинская - Максим, спасибо, рада, что статья оказалась полезной )
Конкурс: угадай победителя рейтинга «Известность бренда SEO-компаний»
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Оптимизм Дэмис Кокос Ашманов и Партнеры Раш эдженси
Кейс: как молодому сайту увеличить органический трафик с 0 до 10 000 посетителей за 6 месяцев
Олег Буряк
38
комментариев
0
читателей
Полный профиль
Олег Буряк - Никаких санкций!!!! на сайт за резкий скачок уникальных естественных ссылок !!!не было наложено!!!. Все дальше читать не буду! УДАЧИ Вам! кошмар!
Инструкция по применению: обзор сервиса обратного звонка Callbackhunter
Ирина - Ну вообще колбэкхантер самый дорогой сервис из всех, есть более дешевые аналоги, можно посмотреть обзор по самым известным в сравнении по ценам и возможностям - www.ideallanding.ru/obzor-i-sravnenie-7-izvestnyh-servisov-obratnogo-zvonka-dlya-sayta
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
209
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
50
Комментариев
45
Комментариев
44

Отправьте отзыв!
Отправьте отзыв!