Quick Answer
Broken links (404s) damage your SEO rankings, frustrate users, and make your site look abandoned. AI-generated sites are especially prone to broken links because the tools create placeholder hrefs, reference pages that do not exist, and link to outdated external resources. Scan your site regularly and fix broken links by updating URLs, adding redirects, or removing dead links entirely.
How Broken Links Hurt Your SEO
Google's search algorithms treat broken links as a signal of poor site quality. When Googlebot crawls your site and encounters 404 errors, it wastes crawl budget on dead pages and may reduce your overall rankings. According to Ahrefs' 2024 study of 2 million websites, 66.5% of sites have at least one broken internal link, and sites with higher broken link ratios rank consistently lower.
The impact goes beyond search rankings. Semrush's 2024 Site Audit data shows that broken links are the 3rd most common technical SEO issue, affecting crawlability and user experience simultaneously. Every broken link is a dead end for both search bots and real users.
For vibe-coded sites, broken links are especially common. AI tools generate navigation menus that reference pages not yet built, insert placeholder links like href="#" or href="/about" without confirming the page exists, and link to external resources that may have moved or been deleted.
Types of Broken Links
| Type | What It Is | SEO Impact | Common in AI Code |
|---|---|---|---|
| 404 Internal Links | Links to your own pages that do not exist | High - wastes crawl budget | Very common |
| Dead External Links | Links to other sites that are down or moved | Medium - poor user experience | Common |
| Redirect Chains | Links that redirect 2+ times before landing | Medium - dilutes link equity | Occasional |
| Anchor-only Links | href="#" placeholders |
Low - but hurts UX | Very common |
| Soft 404s | Page exists but returns empty content | High - Google devalues these | Common |
AI Tools Generate Broken Links Constantly
When you ask Bolt, Lovable, or Cursor to generate a website, the output includes a navigation bar with links to standard pages: About, Pricing, Contact, Blog. But the tool often generates only the homepage. The navigation links point to pages that do not exist - instant 404s the moment you deploy.
// ❌ BAD - AI-generated nav with links to non-existent pages
<nav>
<a href="/">Home</a>
<a href="/about">About</a> <!-- Does not exist -->
<a href="/pricing">Pricing</a> <!-- Does not exist -->
<a href="/blog">Blog</a> <!-- Does not exist -->
<a href="/contact">Contact</a> <!-- Does not exist -->
</nav>// ✅ GOOD - Only link to pages that exist, or add proper 'coming soon' pages
<nav>
<a href="/">Home</a>
<a href="/pricing">Pricing</a>
</nav>
// Build About, Blog, and Contact pages before linking to themHow to Find Broken Links
Manual checking is impractical for any site with more than a handful of pages. Automated scanning crawls every link on your site and reports which ones return non-200 status codes.
Browser DevTools. Open your browser console and look for failed network requests (red entries in the Network tab). This only catches links on the current page.
Google Search Console. The Coverage report shows pages that return 404 when Googlebot crawls them. This is retroactive - it tells you about problems Google already found, not ones that are about to happen.
Automated scanners. Tools that crawl your entire site and check every link are the most thorough approach. They catch internal 404s, dead external links, redirect chains, and anchor links to nonexistent IDs.
How to Fix Broken Links
For each broken link, you have three options:
- Update the URL - if the target page moved, update the link to the new URL
- Add a redirect - if you renamed a page, add a 301 redirect from the old URL to the new one
- Remove the link - if the target no longer exists and there is no replacement, remove the link entirely
For redirect chains (A redirects to B redirects to C), update the original link to point directly to the final destination. Each redirect in a chain adds latency and loses a small amount of link equity.
Tools like VibeDoctor (vibedoctor.io) automatically crawl your deployed site, check every internal and external link, and report broken links with their HTTP status codes and the page they appear on. Free to sign up.
FAQ
How many broken links are too many?
Even one broken internal link is too many for SEO. Googlebot treats every 404 as wasted crawl budget. For external links, a few dead links on a large site are normal, but they should be fixed when found. Sites with more than 5% broken link ratio typically see measurable ranking drops.
Do broken external links hurt my SEO?
Directly, no - Google does not penalize you for linking to pages that disappeared. But broken external links hurt user experience, which indirectly affects engagement metrics. They also signal that your content is not maintained. Fix them when you find them.
Should I use 301 or 302 redirects?
Use 301 (permanent) for pages that have moved permanently. Use 302 (temporary) only when the page will return to its original URL. In most cases, 301 is correct. 301 redirects pass link equity to the new URL. 302 redirects do not reliably pass link equity.
How often should I check for broken links?
Scan after every deployment and at least monthly for external link decay. External links break over time as other sites change their URLs or go offline. Automated monitoring after each deploy catches internal issues immediately. Monthly scans catch external link rot.
Do href="#" links hurt SEO?
Links with href="#" do not create 404 errors, but they are a poor user experience (clicking does nothing) and can confuse crawlers. Replace them with real links or buttons. If the element is not a navigation link, use a <button> instead of an <a> tag.