Step 1: List Page Scraping

How It Works

In Step 1, you provide:

1. A **source URL** — the list/index page
2. A **link CSS selector** — identifies which links to collect

Configuring the Selector

The selector should match anchor tags (`<a>`) that link to detail pages.

Examples

• Blog posts: `article a.title-link`
• Product list: `.product-card a`
• Directory: `ul.listings li a`

Testing

Always click **Test Scrape** before running the full task. This will:

1. Fetch the list page
2. Apply your CSS selector
3. Show the collected URLs in a preview

If the preview looks wrong, adjust your selector and test again.

Tips

• Use your browser's Developer Tools (F12) to inspect the page and find the right selector
• Be specific enough to avoid collecting unwanted links (navigation, footer, etc.)
• The selector automatically extracts the `href` attribute from matched elements