1
0
Fork 0
docsearch/packages/website/docs/crawler-configuration-visual.mdx
Paul Jankowski 596397c359
feat(docs): Document v5 beta (#2935)
* chore(docs): v5 documentation

* Writing style clean up

* fix: website after conflicts
2026-07-30 09:47:28 -04:00

95 lines
3.1 KiB
Text

---
title: Crawler interface
description: Use the Algolia Crawler interface to configure and monitor DocSearch crawls.
---
import useBaseUrl from '@docusaurus/useBaseUrl';
Use the Algolia Crawler interface to manage crawl settings and monitor indexing. These settings are separate from your installed DocSearch frontend package version.
## DocSearch tab
The Crawler UI now includes a dedicated **DocSearch** tab. This tab provides everything you need to implement DocSearch on your site, including:
- **Implementation code**: Starter snippets for integrating DocSearch into your frontend. For v5, compare the snippet with the current [package guide](/docs/packages/overview).
- **API keys**: Your unique Application ID and Search API Key for connecting to your Algolia index.
- **Documentation links**: Access to review your records, explore documentation, and join the support Discord.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-docsearch.png')}
alt="Algolia Crawler DocSearch Tab"
/>
</div>
## Trigger a new crawl
Head over to the `Overview` section to `start`, `restart` or `pause` your crawls and view a real-time summary.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-overview.png')}
alt="Algolia Crawler Visual UI Overview"
/>
</div>
## Monitor your crawls
The `Monitoring` section helps you find crawl errors or improve your search results.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-monitor.png')}
alt="Algolia Crawler Visual UI Monitoring"
/>
</div>
## Update your config
You can update your crawler configuration in two ways:
**Visual configuration:** Edit common options without writing code in the visual configuration interface.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-configuration.png')}
alt="Algolia Crawler Visual Configuration UI"
/>
</div>
**Code editor:** For advanced configuration, use the live code editor to modify your configuration and test URLs with the URL tester.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-editor.png')}
alt="Algolia Crawler Visual UI Editor"
/>
</div>
## URL tester
From the [`editor`](#update-your-config), you can use the URL tester to debug selectors or see how the crawler interprets your site.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-url-tester.png')}
alt="Algolia Crawler Visual UI URL Tester"
/>
</div>
## Suggestions
The **Suggestions** section in the Crawler UI provides actionable feedback to help you improve your crawl and data extraction. After each crawl, you'll see recommendations for:
- Fixing redirect or domain issues
- Addressing ignored or failed URLs
- Adding missing sitemaps
Each suggestion includes a description, a solution, and links to relevant documentation or monitoring tools.
<div className="uil-ta-center">
<img
src={useBaseUrl('img/assets/crawler-visual-suggestions.png')}
alt="Algolia Crawler Suggestions Tab"
/>
</div>