Canonical Only Found in Rendered DOM

No Comments

Quick Reference

Element Code: IN-013

Issue: Canonical tag is added by JavaScript, not in initial HTML

Impact: May not be processed if JavaScript rendering is delayed

Fix: Add canonical to initial HTML response

Detection: Compare View Source vs Inspect Element

What Is This Issue?

When canonical tags are only present after JavaScript execution, there is risk that search engines may not see them during initial crawl. While Google renders JavaScript, timing issues can occur.

Why This Matters for Your Website

Server-rendered canonicals are more reliable. JavaScript-dependent canonicals add unnecessary risk to your canonicalization strategy.

How to Fix This Issue

  1. Move to server-side: Output canonical in initial HTML
  2. Check View Source: Canonical should be visible without JS
  3. Use SSR: Server-side rendering for critical meta tags

Tools for Detection

  • View Source: Check initial HTML
  • Screaming Frog: Compare HTML vs rendered

TL;DR (The Simple Version)

Your canonical tag only appears after JavaScript runs. Move it to the initial HTML response so search engines see it immediately without needing to render JavaScript.

About SEO ProCheck

Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.

Work With Me

Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.

Subscribe to our newsletter!

More from our blog