История изменений сайта: подробный обзор таймлайна

Когда я впервые показал клиенту Wayback Machine, он минуту смотрел на календарь и спросил, почему у 2011 года ветрянка. Резонный вопрос. Интерфейс мощный, но объясняет сам себя плохо, поэтому большинство людей не продвигается дальше случайного клика по синим точкам. Вот то руководство, которое я даю теперь: как правильно просматривать историю изменений сайта и как выбрать из сотен снимков тот единственный, который действительно стоит вашего времени.

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

Где бесплатно посмотреть историю сайта

Начните с web.archive.org. Вставьте URL в строку поиска, нажмите Enter, и вы увидите все снимки, которые Internet Archive хранит для этого адреса, в лучших случаях вплоть до 1996 года. Без аккаунта, без платного доступа, без значимых ограничений для обычного просмотра. Для страниц, которые Wayback Machine пропустил, проверьте archive.today, этот сервис выполняет собственные обходы и хранит собственные копии. Наше руководство по поиску истории сайта описывает ещё несколько способов, включая Common Crawl для массовой работы. Далее предполагается, что вы используете интерфейс Wayback, ведь именно там вы проведёте 95 процентов времени.

Просмотр истории активности сайта на таймлайне

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

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

Форум на phpBB 2009 года покажет редкие невысокие столбцы. Крупный национальный ритейлер, сплошную стену. Ни один из вариантов не лучше, они просто показывают, сколько материала у вас есть до того, как вы начнёте детальный просмотр.

Сетка календаря: кружки, цвета и время снимков

Под гистограммой расположен календарь выбранного года. Каждый цветной кружок, один обход искомого URL. Цвета, это не украшение, а отчёт о статусе обхода:

• Синий: успешный снимок, HTTP 200. Открывайте их.
• Зелёный: перенаправление. Снимок, лишь указатель на другой адрес, перейдите по нему.
• Оранжевый: ошибка клиента, обычно 404. За ним, как правило, ничего нет.
• Красный: ошибка сервера. Проходите мимо.
• Несколько кружков в один день: наведите курсор на день, и во всплывающем окне отобразятся все времена снимков. Более поздние снимки обычно содержат больше ресурсов страницы.

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

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

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

1. Скопируйте полный глубокий URL, example.com/pricing, а не голый домен, и вставьте его в строку поиска Wayback.
2. Читайте календарь как обычно. Рассчитывайте на меньшее количество кружков и более редкие годы: глубокие страницы обходятся реже, чем главные.
3. Для полного списка того, что было сохранено, используйте поиск со звёздочкой: web.archive.org/web/*/example.com/* вернёт список сохранённых URL, соответствующих этому префиксу.
4. Проверяйте перспективные URL, переходя по ним. Охват внутри одного сайта сильно варьируется, блог может быть сохранён полностью, а раздел магазина, едва ли.

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

Выбор репрезентативного снимка: мои пять проверок

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

1. Он отображается полностью. Откройте его. Если вёрстка рассыпается в голый текст, значит, CSS и изображения отсутствуют в этом снимке. Сдвиньтесь на месяц в любую сторону и попробуйте снова.
2. Он относится к стабильному периоду. Избегайте снимков из трёх месяцев вокруг редизайна; наполовину перенесённые сайты выглядят сломанными, потому что они действительно были такими.
3. Внутренние ссылки работают. Кликните по пяти-шести. Тупиковые ссылки означают поверхностный обход за этот период, что бы ни говорила красивая главная страница.
4. Он предшествует проблеме. Для восстановления: до взлома, до катастрофы с плагинами, до сокращения ассортимента.
5. Это синий кружок со статусом 200, а не перенаправление. Перенаправления не несут никакого контента.

Для магазина клиента на WooCommerce мне однажды пришлось выбирать между великолепным снимком за декабрь 2021 года и простым за март 2021-го. Декабрь пришёлся на середину миграции темы, и половина страниц категорий выдавала 404 в архиве. Март был скучным и полным. Скучный победил, и восстановление прошло чисто.

От снимка к живому сайту снова

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

Именно для этого создан сервис восстановления сайтов. Вставьте URL, и бесплатная оценка вернёт точное количество архивных файлов, общий размер и фиксированную цену. Выбор диапазона дат позволяет нацелиться на стабильный период, выбранный по чек-листу выше, а за один проход можно удалить старую аналитику, рекламу и iframe, минифицировать JS и CSS, преобразовать внутренние ссылки в относительные и принудительно включить HTTPS. Вы платите за каждый восстановленный файл, первый файл бесплатен, а пополнения разовые, никаких регулярных списаний. Развёртывание идёт напрямую на SSH/SFTP, FTP/FTPS или S3, а бесплатная CMS для одностраничного редактирования идёт в комплекте, чтобы восстановленный сайт оставался редактируемым. Неудачные восстановления автоматически возвращаются на ваш баланс.

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