Платформы

Как найти битые ссылки на Webflow · Advanced Broken Links Search

CMS, слаги коллекций и CDN Webflow. Чем отличаются webflow.io, тестовый стенд и свой домен — и как просканировать живой сайт в Chrome.

На Webflow ссылки ломаются так же, как в других конструкторах: элемент CMS сняли с публикации, слаг коллекции сменили, файл на CDN заменили, а в тексте остался старый src. В Designer всё выглядит аккуратно, на опубликованном домене посетитель получает 404.

Отдельного API Webflow у расширения нет: открываете опубликованный URL в Chrome и запускаете проверку. Важно не перепутать окружения:

  • Поддомен *.webflow.io — типичный адрес после Publish в Webflow, пока не подключили свой домен или пока команда тестирует черновик.
  • Свой домен (yoursite.com) — то, что видят клиенты и поисковики, если DNS и SSL настроены на production.
  • Тестовый стенд (стейдж) может отличаться от боевого сайта: другой хост, другой набор опубликованных страниц, другие ассеты. Сканируйте хост, куда реально заходят люди. Подробнее — в статье стейдж и боевой сайт.

Типичные источники ошибок

  • Шаблон коллекции CMS ведёт на item, который удалили или сняли с публикации.
  • Пункт меню собран как Symbol: копий несколько, в одной из них остался устаревший URL.
  • Фоновые картинки и тег <img>: скан по умолчанию смотрит img src и data-src. Чистый CSS background-image — отдельная история; мы не подменяем один тип проверки другим. Про картинки — битые изображения.
  • Виджеты форм и календарей, подгружаемые по HTTP внутри HTTPS-страницы (смешанный контент).

Практический проход

  1. В Webflow нажмите Publish на нужное окружение (staging или custom domain — то, которое будете проверять).
  2. На боевом или выбранном хосте закрепите расширение и сделайте скан страницы на главной и на одном шаблоне CMS (список коллекции, карточка item).
  3. Если коллекция большая, запустите обход сайта. CSV удобно приложить к задаче в Designer или в трекере.
  4. После повторного Publish перепроверьте тот же URL: CDN Webflow иногда ещё минуту отдаёт старый файл.

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

Проверьте опубликованную страницу на боевом домене

Откройте страницу так, как её видит пользователь, и просканируйте ссылки и изображения в Chrome. Без аккаунта.

Установить в Chrome

Ещё по теме