Hreflang-Canonical Conflict Test Page (Source)

This English page points hreflang to a French target, but the French target's canonical points back to this page, creating a conflict.

What's wrong?

• This page (EN) has hreflang pointing to French variant
• French target has canonical pointing to this English page
• This creates conflicting signals to search engines
• The canonical says "French page is a duplicate of English page"
• The hreflang says "These are equivalent language variants"

The Conflict:

Page A (this page):

• Canonical: https://mock.okok.now/issues/hreflang-canonical-conflict
• Hreflang FR points to: /issues/hreflang-canonical-conflict-target

Page B (target):

• Canonical: https://mock.okok.now/issues/hreflang-canonical-conflict ❌ (points to A!)
• Should be: https://mock.okok.now/issues/hreflang-canonical-conflict-target

Expected Detection:

Check: hreflang (automatic)

Status: Fail

Severity: Warning

Issue Type: hreflang_canonical_conflict

How to Fix:

Ensure each language variant has a self-referencing canonical:

// English Page (A):
alternates: {
  canonical: "https://example.com/en/page",  // ✅ Points to itself
  languages: {
    en: "https://example.com/en/page",
    fr: "https://example.com/fr/page",
  }
}

// French Page (B):
alternates: {
  canonical: "https://example.com/fr/page",  // ✅ Points to itself
  languages: {
    en: "https://example.com/en/page",
    fr: "https://example.com/fr/page",
  }
}

Rule:

Each hreflang target must have a canonical tag pointing to itself, not to another page in the cluster.

→ View the conflicting target page