This is the #1 SEO misconception.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ViewerFrame Mode</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> <style> :root --bg: #0a0a0b; --fg: #e8e4de; --muted: #6b6560; --accent: #c8956c; --accent-glow: rgba(200, 149, 108, 0.25); --card: rgba(22, 20, 18, 0.85); --border: rgba(200, 149, 108, 0.15); --frame-shadow: rgba(0,0,0,0.7);
.top-bar.hidden opacity: 0; pointer-events: none;