Как найти битые ссылки на 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. Чистый CSSbackground-image— отдельная история; мы не подменяем один тип проверки другим. Про картинки — битые изображения. - Виджеты форм и календарей, подгружаемые по HTTP внутри HTTPS-страницы (смешанный контент).
Практический проход
- В Webflow нажмите Publish на нужное окружение (staging или custom domain — то, которое будете проверять).
- На боевом или выбранном хосте закрепите расширение и сделайте скан страницы на главной и на одном шаблоне CMS (список коллекции, карточка item).
- Если коллекция большая, запустите обход сайта. CSV удобно приложить к задаче в Designer или в трекере.
- После повторного Publish перепроверьте тот же URL: CDN Webflow иногда ещё минуту отдаёт старый файл.
Отдельный «плагин для Webflow» нужен только если вы автоматизируете что-то внутри Editor. Чтобы увидеть ссылки так, как их видит посетитель, достаточно браузера и отрисованной страницы.
Проверьте опубликованную страницу на боевом домене
Откройте страницу так, как её видит пользователь, и просканируйте ссылки и изображения в Chrome. Без аккаунта.
Установить в Chrome