SEO & AI Engine Optimization · May 2026

Tier 14: Advanced and Immersive: 8 items for AR/VR SEO, voice search, and the frontier surfaces

The Advanced and Immersive tier covers AR/VR SEO, voice search optimization, 3D model schema, immersive web standards, and the frontier discovery surfaces.

Tier Explanation: Forward-looking tier preparing your site for emerging technologies: AI agents, spatial computing, augmented/virtual reality, metaverse, Web3, and blockchain. As of 2026, most of these remain experimental for mainstream businesses, but selective adoption signals innovation, future-readiness, and brand authority. This tier is opt-in and platform-dependent — not every business needs every item. Implement based on audience and industry fit. All actions execute on website pages, schema, embedded experiences, and supporting infrastructure. Tiers 1–12 must be in place first (Tier 13 is retired/empty).

Related Frameworks

This tier implements the following framework documents in the /Framework/ library. Consult them for canonical reference, audit rubrics, and detailed implementation patterns.

A. AI Agents & Conversational Interfaces (1)

1. AGO — Agentic Commerce Optimization

Code Example — Action schema for agentic commerce:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "14-Tier Engine Optimization Audit",
  "provider": {"@id": "https://thatdeveloperguy.com/#organization"},
  "offers": {
    "@type": "Offer",
    "price": "997",
    "priceCurrency": "USD"
  },
  "potentialAction": [
    {
      "@type": "BuyAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://thatdeveloperguy.com/api/checkout/audit?email={email}",
        "actionPlatform": ["http://schema.org/DesktopWebPlatform", "http://schema.org/MobileWebPlatform"],
        "httpMethod": "POST",
        "contentType": "application/json"
      },
      "result": {"@type": "Order"}
    },
    {
      "@type": "ReserveAction",
      "target": {
        "@type": "EntryPoint",
        "urlTemplate": "https://thatdeveloperguy.com/api/booking/discovery-call?email={email}&datetime={datetime}",
        "httpMethod": "POST"
      }
    }
  ]
}
</script>

<section class="for-ai-agents">
  <h1>For AI Agents</h1>
  <p>Agentic systems can interact with our service catalog via structured endpoints.</p>

  <h2>Available Actions</h2>
  <ul>
    <li><code>POST /api/checkout/audit</code> — Initiate audit purchase</li>
    <li><code>POST /api/booking/discovery-call</code> — Reserve a discovery call</li>
    <li><code>GET /api/services</code> — List all available services</li>
  </ul>

  <p><a href="/openapi.json">OpenAPI specification</a></p>
  <p><a href="/agents/auth-flow">OAuth 2.0 authentication for agents</a></p>
</section>

B. Augmented & Virtual Reality (3)

2. ARO — Augmented Reality Optimization

Code Example — AR product viewer with model-viewer:

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>

<model-viewer
  src="/models/product.glb"
  ios-src="/models/product.usdz"
  alt="3D model of our product"
  ar
  ar-modes="webxr scene-viewer quick-look"
  camera-controls
  poster="/models/product-poster.jpg"
  shadow-intensity="1"
  auto-rotate
  loading="lazy"
  style="width: 100%; height: 500px;">

  <button slot="ar-button" class="ar-button">
    👁️ View in Your Space
  </button>
</model-viewer>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "image": "/products/product.jpg",
  "subjectOf": {
    "@type": "3DModel",
    "encoding": [
      {"@type": "MediaObject", "encodingFormat": "model/gltf-binary", "contentUrl": "/models/product.glb"},
      {"@type": "MediaObject", "encodingFormat": "model/vnd.usdz+zip", "contentUrl": "/models/product.usdz"}
    ]
  }
}
</script>

3. VRO — Virtual Reality Optimization

Code Example — 360° tour with A-Frame:

<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>

<a-scene embedded style="height: 500px;">
  <a-sky src="/360/our-office.jpg" rotation="0 -90 0"></a-sky>

  <a-camera>
    <a-cursor color="white"></a-cursor>
  </a-camera>
</a-scene>

<noscript>
  <p>Your browser doesn't support 360° tours. <a href="/360/our-office.jpg">View as standard image</a>.</p>
</noscript>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Place",
  "name": "ThatDeveloperGuy Office",
  "potentialAction": {
    "@type": "ViewAction",
    "target": "https://thatdeveloperguy.com/vr/office-tour/"
  }
}
</script>

4. SPC — Spatial Computing Optimization

Code Example — Spatial-aware progressive enhancement:

<script>
// Detect spatial computing capability
const isSpatial = window.matchMedia('(min-resolution: 4dppx)').matches &&
                  navigator.userAgent.includes('VisionOS');

if (isSpatial) {
  // Load full spatial experience
  document.body.classList.add('spatial-mode');
  loadScript('/js/spatial-experience.js');
} else if ('xr' in navigator) {
  // WebXR-capable but not spatial
  document.body.classList.add('webxr-mode');
  loadScript('/js/webxr-fallback.js');
} else {
  // Standard 2D experience
  document.body.classList.add('standard-mode');
}
</script>

<style>
/* Spatial-specific layout */
body.spatial-mode {
  font-size: 1.2em; /* Larger text for distance viewing */
}
body.spatial-mode .product-image {
  /* Use 3D models instead of flat images */
}
</style>

C. Metaverse & Immersive Marketing (1)

5. MVO — Metaverse Marketing Optimization (renamed from MMO to avoid Tier 3 conflict)

Code Example — Metaverse event landing page:

<article class="metaverse-event" itemscope itemtype="https://schema.org/Event">
  <h1 itemprop="name">Virtual AI Search Summit 2026</h1>

  <div itemprop="location" itemscope itemtype="https://schema.org/VirtualLocation">
    <meta itemprop="url" content="https://spatial.io/s/AI-Summit-2026">
    <p>Hosted in Spatial — accessible from any device, no headset required</p>
  </div>

  <time itemprop="startDate" datetime="2026-06-15T18:00">June 15, 2026 at 6:00 PM UTC</time>

  <p itemprop="description">
    Join 500+ marketers in our virtual auditorium for keynotes, networking, and Q&A
    with industry leaders. Free for Pro subscribers.
  </p>

  <div class="entry-options">
    <a href="https://spatial.io/s/AI-Summit-2026" rel="noopener">Enter via Browser</a>
    <a href="oculusstore://app.spatial.io" rel="noopener">Enter via Quest</a>
    <a href="visionos://spatial.io/AI-Summit-2026" rel="noopener">Enter via Vision Pro</a>
  </div>
</article>

D. Web3 & Blockchain (3)

6. W3O — Web3 Optimization

Code Example — Wallet connect with progressive enhancement:

<section class="web3-auth">
  <h2>Sign In</h2>

  <button onclick="signInWithEmail()" class="btn-primary">Sign In with Email</button>

  <details>
    <summary>Web3 Sign In (Optional)</summary>
    <button onclick="connectMetaMask()" class="btn-web3">
      <img src="/icons/metamask.svg" alt="" width="24" height="24">
      Connect MetaMask
    </button>
    <button onclick="connectCoinbase()" class="btn-web3">
      <img src="/icons/coinbase.svg" alt="" width="24" height="24">
      Connect Coinbase Wallet
    </button>
    <p><small>Web3 sign-in is optional. We use it only for verified ownership of your Tier-3 NFT credential.</small></p>
  </details>
</section>

<script>
async function connectMetaMask() {
  if (typeof window.ethereum === 'undefined') {
    alert('Please install MetaMask first.');
    return;
  }

  try {
    const accounts = await window.ethereum.request({method: 'eth_requestAccounts'});
    const address = accounts[0];

    // Sign message to verify ownership
    const message = `Sign in to ThatDeveloperGuy: ${Date.now()}`;
    const signature = await window.ethereum.request({
      method: 'personal_sign',
      params: [message, address]
    });

    // Send to backend for verification
    await fetch('/api/web3/auth', {
      method: 'POST',
      body: JSON.stringify({address, message, signature})
    });
  } catch (err) {
    console.error('Web3 auth failed:', err);
  }
}
</script>

7. NFO — NFT Optimization (renamed from NFT SEO)

Code Example — NFT collection page with schema:

<article class="nft-collection" itemscope itemtype="https://schema.org/CreativeWorkSeries">
  <h1 itemprop="name">14-Tier Framework Genesis Pass</h1>

  <p itemprop="description">
    Limited edition (1,400 supply) NFT pass granting lifetime access to all framework updates,
    private community, and quarterly office hours.
  </p>

  <dl class="collection-stats">
    <dt>Total Supply</dt><dd>1,400</dd>
    <dt>Floor Price</dt><dd id="floor-price">2.5 ETH</dd>
    <dt>Total Volume</dt><dd id="total-volume">847 ETH</dd>
    <dt>Owners</dt><dd id="owner-count">623</dd>
  </dl>

  <div class="blockchain-links">
    <a href="https://opensea.io/collection/14tier-genesis" rel="noopener">View on OpenSea</a>
    <a href="https://etherscan.io/address/0x..." rel="noopener">Contract on Etherscan</a>
  </div>
</article>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "CreativeWorkSeries",
  "name": "14-Tier Framework Genesis Pass",
  "creator": {"@id": "https://thatdeveloperguy.com/#organization"},
  "datePublished": "2026-01-15",
  "url": "https://thatdeveloperguy.com/nft/genesis-pass/",
  "sameAs": [
    "https://opensea.io/collection/14tier-genesis",
    "https://etherscan.io/address/0x..."
  ]
}
</script>

8. BLO — Blockchain Optimization (renamed from Blockchain SEO)

Code Example — Verifiable on-chain credential display:

<section class="verified-credential">
  <h2>Verified Service-Disabled Veteran-Owned Small Business</h2>
  <p>Certification verified on-chain via SBA registry.</p>

  <dl class="verification-meta">
    <dt>SDVOSB Certification</dt>
    <dd>Verified ✓</dd>
    <dt>Issued By</dt>
    <dd>U.S. Small Business Administration</dd>
    <dt>Verification Hash</dt>
    <dd><code>0x7a6f...3c4e</code></dd>
    <dt>Block Number</dt>
    <dd>18,234,567</dd>
  </dl>

  <a href="https://etherscan.io/tx/0x7a6f...3c4e" rel="noopener" class="btn-verify">
    Verify On-Chain
  </a>
</section>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "EducationalOccupationalCredential",
  "name": "Service-Disabled Veteran-Owned Small Business",
  "credentialCategory": "certification",
  "recognizedBy": {
    "@type": "GovernmentOrganization",
    "name": "U.S. Small Business Administration"
  },
  "url": "https://etherscan.io/tx/0x7a6f...3c4e"
}
</script>

Summary

Important Note on This Tier

Unlike Tiers 1–12 which apply universally, Tier 14 is selective adoption. Implement these only when:

Most professional service businesses (including ThatDeveloperGuy's typical client base) benefit minimally from Tier 14 adoption beyond AGO (Agentic Commerce) — which IS rapidly becoming mainstream as AI agents proliferate.

Need this implemented on your site?

ThatDevPro ships this tier (and the other 13) as a productized service. SDVOSB-certified veteran owned. Cassville, Missouri.

See Engine Optimization service ›