Технический анализ сайта

Медленный сайт теряет человека ещё до того, как он увидел ваш товар: большинство закрывает вкладку, не дождавшись картинки.

Скорость — это не одна цифра. Есть момент, когда на экране появляется первый текст. Есть момент, когда страницей уже можно пользоваться — нажать кнопку, полистать каталог. И есть мелкое «дёрганье», когда картинки догружаются и кнопка прыгает под пальцем. Мы измеряем эти моменты отдельно, потому что тормозит каждый раз что-то своё.

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

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

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

Самая простая проверка своими силами: откройте сайт на телефоне с мобильного интернета, а не с Wi-Fi. Если успеваете сосчитать до пяти, пока появится первый экран, — повод проверять серьёзно.

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

На каждый запрос сервер отвечает коротким кодом-номером. 200 означает «всё в порядке, вот страница», 404 — «такой страницы у меня нет», 500 — «что-то сломалось внутри». Человек видит просто пустой экран и уходит дальше, а поисковая система видит этот номер, запоминает его и делает выводы о надёжности сайта.

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

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

Дубли стоит пояснить отдельно. Это когда одна и та же страница открывается по нескольким разным адресам — с www и без него, с рекламной меткой в конце и без неё, с /index.php и без. Для вас это одна страница, а для поиска — несколько копий. Он не понимает, какую из них показывать людям, и нередко не показывает ни одной.

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

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

Панель вебмастера — это бесплатный кабинет, который поисковая система даёт владельцу сайта (у Google он называется Search Console). Там видно то, чего не заметно со стороны: какие страницы взяты в индекс, а какие отклонены и почему. Индекс — это внутренний список поисковика: если страницы в нём нет, показать её людям он просто не может.

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

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

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

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

Ссылки — это дороги сайта: одни водят посетителя между вашими страницами, другие приводят к вам людей с других сайтов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• скорость и вес страниц в сравнении с вашей нишей
• сколько страниц конкурентов взято в поиск
• как у них сделана мобильная версия и меню
• с каких сайтов на конкурентов идут ссылки

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

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