Joseph Anady

Posted on May 23 • Originally published at thatdevpro.com

Tier 6 — Content and Multimedia: video, podcast, image SEO

#seo #content #video #marketing

Originally published at thatdevpro.com. This article is part of the 14-tier Engine Optimization stack from ThatDevPro, an SDVOSB-certified veteran-owned web + AI engineering studio. You are reading the Dev.to republish; the canonical source is on ThatDevPro.com. Source repo for the AI-citation surfaces: github.com/Janady13/aio-surfaces.

Tier Explanation: Transforms content from isolated articles into a compounding authority engine across every format — text, video, audio, podcast, image, interactive. In 2026, Google and AI engines reward topical depth, first-hand experience (E-E-A-T), user-generated proof, substantive freshness updates, and cross-format repurposing. Each piece of content should exist in 3–5 formats minimum, with full transcripts, structured data, and clear provenance. All actions execute on website pages, templates, embedded media, RSS feeds, and supporting infrastructure. Tiers 1–5 must be in place first.

Related Frameworks

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

framework-hcs.md — Helpful Content System — Who/How/Why
framework-infogain.md — Information Gain across content
framework-eeat.md — Experience and first-hand authority
framework-contentaudit.md — Refresh / consolidate / retire decisions
framework-imageseo.md — Image optimization, alt text, image search
framework-videoseo.md — YouTube, video schema, video sitemap
framework-multimodalsearch.md — Multi-format content for multimodal queries

A. Content Strategy & Marketing (3)

1. CMO — Content Marketing Optimization

Build content calendar tied to buyer journey stages: awareness, consideration, decision, retention, advocacy
Map each piece to a primary business goal: traffic, leads, demos, sales, retention, referrals
Standardize content brief template per stage with required elements (CTA, lead magnet, internal links, schema)
Add gated lead magnets to high-traffic top-of-funnel content (ebooks, templates, calculators)
Track content ROI per piece: traffic → engagement → leads → revenue attribution
Maintain editorial calendar in shared workspace (Notion, Airtable, ClickUp) with status, owner, due dates
Build content series and ongoing themes — series outperform standalone pieces for retention
Document content style guide covering voice, tone, formatting, branded terms

Code Example — Content metadata for tracking:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Complete Guide to AI Search Optimization",
  "about": {"@type": "Thing", "name": "AI Search Optimization"},
  "audience": {
    "@type": "BusinessAudience",
    "audienceType": "Small Business Owners"
  },
  "educationalLevel": "Beginner to Intermediate",
  "datePublished": "2026-04-15",
  "isPartOf": {
    "@type": "PublicationIssue",
    "name": "AI Search Series 2026"
  }
}
</script>

Validation: Content calendar maintained 90 days out, every piece tagged with journey stage and business goal, ROI tracked per piece

2. CRO — Content Repurposing Optimization

Build cross-format content matrix: every flagship piece exists as long-form blog + video + podcast + thread + infographic + email
Document repurposing workflow: blog post → 5 social posts → video script → podcast episode → newsletter feature
Create dedicated landing pages per format with cross-references to siblings ("Watch the video version", "Listen to the podcast episode")
Use canonical URLs to point all format variants back to primary article (or use distinct URLs with cross-linking)
Maintain "Content Universe" hub pages where users can choose their preferred format
Track which format performs best per topic, then double-down on winning format
Use AI tools (Castmagic, Descript, Opus Clip) to accelerate repurposing workflow
Add WorkExample schema linking format variants

Code Example — Cross-format hub page:

<article class="content-universe">
  <h1>AI Search Optimization: Complete Resource</h1>
  <p>This topic is available in multiple formats. Choose how you want to consume it:</p>

  <div class="format-grid">
    <a href="/guides/ai-search-optimization/" class="format-card">
      <h3>📄 Read the Article</h3>
      <p>20-minute deep dive with code examples</p>
    </a>
    <a href="/videos/ai-search-optimization/" class="format-card">
      <h3>🎥 Watch the Video</h3>
      <p>15-minute walkthrough with screen recordings</p>
    </a>
    <a href="/podcast/ai-search-optimization/" class="format-card">
      <h3>🎧 Listen to the Podcast</h3>
      <p>30-minute discussion with expert guest</p>
    </a>
    <a href="/downloads/ai-search-checklist/" class="format-card">
      <h3>📋 Download the Checklist</h3>
      <p>Printable PDF with 28 implementation steps</p>
    </a>
  </div>
</article>

Validation: Every flagship topic exists in 3+ formats, cross-format hub pages live, format performance tracked per topic

3. CDX — Content Distribution Cross-Channel

Build distribution checklist per content piece: own site, LinkedIn, X, Reddit, Hacker News, industry forums, newsletter
Adapt content per channel — never just paste the same text everywhere
Use platform-native formats: LinkedIn long-form articles, X threads, YouTube Shorts from long-form videos
Schedule cross-channel distribution with tools (Buffer, Hootsuite, Publer, Typefully)
Add sharedContent schema to track when content is republished elsewhere
Pursue syndication partnerships with industry publications when relevant
Build email distribution list and feature flagship content in newsletter
Track per-channel referral traffic and engagement to optimize future distribution

Code Example — Cross-channel sharing meta tags:

<meta property="og:title" content="Complete Guide to AI Search Optimization" />
<meta property="og:description" content="Everything you need to know about optimizing for ChatGPT, Perplexity, Claude, and Gemini." />
<meta property="og:image" content="https://thatdeveloperguy.com/og/ai-search-guide.jpg" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://thatdeveloperguy.com/guides/ai-search-optimization/" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@thatdeveloperguy" />
<meta name="twitter:creator" content="@josephanady" />
<meta name="twitter:title" content="Complete Guide to AI Search Optimization" />
<meta name="twitter:image" content="https://thatdeveloperguy.com/og/ai-search-guide.jpg" />

<link rel="alternate" type="application/rss+xml" title="ThatDeveloperGuy Blog" href="https://thatdeveloperguy.com/feed.xml" />

Validation: Distribution checklist completed per piece, per-channel referral traffic tracked, email/social engagement growing

B. Long-Form & Pillar Content (3)

4. TPO — Topic Pillar Optimization

Identify 5–10 anchor topics that define your topical authority — every other piece reinforces these
Build "ultimate guide" pillar pages at 5,000+ words covering each anchor topic comprehensively
Use deep table of contents with jump links and sticky navigation for long-form readability
Include all 4 content formats per pillar: comprehensive text, embedded video, downloadable PDF, audio narration
Update pillars semi-annually with new sections, refreshed stats, and additional examples
Add LearningResource and Course schema for educational pillar content
Build "Companion Resources" sidebar listing all related cluster content
Pursue tier-1 backlinks specifically to pillar pages — they're the link magnet assets

Code Example — Pillar page schema with jump links:

<article class="pillar-page">
  <header>
    <h1>The Complete Guide to AI Search Optimization (2026)</h1>
    <div class="pillar-meta">
      <span>15,000 words</span> • <span>40-minute read</span> • <span>Last updated April 29, 2026</span>
    </div>
  </header>

  <nav class="table-of-contents" aria-label="Article sections">
    <h2>Jump to Section</h2>
    <ol>
      <li><a href="#what-is-aeo">What is AI Search Optimization?</a></li>
      <li><a href="#why-it-matters">Why It Matters in 2026</a></li>
      <li><a href="#core-frameworks">Core Frameworks</a></li>
      <li><a href="#implementation">Step-by-Step Implementation</a></li>
      <li><a href="#measurement">Measurement & ROI</a></li>
    </ol>
  </nav>
</article>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LearningResource",
  "name": "The Complete Guide to AI Search Optimization",
  "educationalLevel": "Beginner to Advanced",
  "learningResourceType": "Guide",
  "timeRequired": "PT40M",
  "teaches": [
    "Answer Engine Optimization",
    "Generative Engine Optimization",
    "Knowledge Graph Optimization"
  ]
}
</script>

Validation: 5+ pillar pages live at 5,000+ words each, pillar pages account for 40%+ of organic traffic, 10+ tier-1 backlinks per pillar

5. CSC — Case Study Content

Build dedicated /case-studies/ section with detailed client success stories (with permission)
Use consistent case study structure: challenge, approach, solution, results, testimonial
Include verifiable metrics: traffic growth, ranking changes, revenue impact, time-to-results
Add CaseStudy schema or detailed Article schema with quantitative result properties
Show before/after screenshots, traffic charts, ranking proof — visual evidence builds trust
Get client video testimonials when possible — embedded video case studies convert better than text
Anonymize sensitive data while preserving credibility ("Mid-size SaaS company in fintech")
Cross-link case studies from service pages relevant to the work performed

Code Example — Case study with structured results:

<article class="case-study" itemscope itemtype="https://schema.org/Article">
  <h1 itemprop="headline">How AllRideLimo Grew Organic Traffic 340% in 90 Days</h1>

  <section class="case-study-meta">
    <dl>
      <dt>Industry</dt><dd>Transportation / Limo Services</dd>
      <dt>Location</dt><dd>Salt Lake City, UT</dd>
      <dt>Services Used</dt><dd>Multi-Audience Platform Build, T1-T3 Optimization, Local SEO</dd>
      <dt>Timeline</dt><dd>90 days</dd>
    </dl>
  </section>

  <section class="results">
    <h2>Results</h2>
    <ul class="metrics">
      <li><strong>340%</strong> organic traffic growth</li>
      <li><strong>27 → 3</strong> average keyword position</li>
      <li><strong>$47k</strong> additional monthly revenue attributed to organic</li>
    </ul>
  </section>
</article>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "How AllRideLimo Grew Organic Traffic 340% in 90 Days",
  "about": {"@type": "Organization", "name": "AllRideLimo"},
  "mentions": [
    {"@type": "Service", "name": "Multi-Audience Platform Build"},
    {"@type": "Service", "name": "Local SEO"}
  ]
}
</script>

Validation: 5+ detailed case studies live, every service has at least one supporting case study, case study pages convert at 3x+ regular service pages

6. TCO — Tutorial Content Optimization

Build comprehensive how-to tutorials with clear step-by-step structure and HowTo schema
Include estimated time, difficulty level, required tools/materials per tutorial
Add screenshots or video walkthroughs for every major step
Number every step explicitly and use H3 for step titles
Include troubleshooting section anticipating common errors
Provide downloadable resources where applicable (templates, checklists, code samples)
Add "What you'll learn" and "Prerequisites" sections at top
Cross-link related tutorials and pillar content

Code Example — Tutorial with HowTo schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Add LocalBusiness Schema to Your Website",
  "totalTime": "PT15M",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "USD",
    "value": "0"
  },
  "tool": [
    {"@type": "HowToTool", "name": "Text editor or CMS"},
    {"@type": "HowToTool", "name": "Google Rich Results Test"}
  ],
  "step": [
    {
      "@type": "HowToStep",
      "name": "Identify your business type",
      "text": "Choose the most specific Schema.org subtype that matches your business...",
      "url": "https://thatdeveloperguy.com/tutorials/local-schema/#step-1",
      "image": "https://thatdeveloperguy.com/tutorials/local-schema/step-1.jpg"
    },
    {
      "@type": "HowToStep",
      "name": "Generate the JSON-LD",
      "text": "Use a schema generator or write the JSON-LD manually...",
      "url": "https://thatdeveloperguy.com/tutorials/local-schema/#step-2"
    }
  ]
}
</script>

Validation: HowTo schema validates, tutorials rank for "how to [task]" queries, average time on tutorial pages above 4 minutes

C. User-Generated Content & Community (1)

7. UGO — User Generated Content Optimization

Embed customer reviews, photos, videos, and testimonials with UserReview, Review, or ImageObject schema
Add moderated comment sections on blog posts and product pages — comments are UGC signal
Build UGC submission forms for customer photos, success stories, testimonials
Display UGC galleries with proper alt text, captions, and creator attribution
Run hashtag campaigns to source UGC from social platforms
Get explicit permission for UGC reuse — document via release form
Feature UGC prominently on homepage, product pages, and conversion-critical pages
Pursue customer-created tutorials, reviews, and case studies as authoritative trust signals

Code Example — UGC review with structured data:

<section class="ugc-reviews">
  <h2>What Our Clients Say</h2>

  <article class="review-card" itemscope itemtype="https://schema.org/Review">
    <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
      <meta itemprop="ratingValue" content="5">
      <meta itemprop="bestRating" content="5">
      <span class="stars">★★★★★</span>
    </div>
    <blockquote itemprop="reviewBody">
      Joseph rebuilt our entire site in three weeks and we tripled our organic traffic in 90 days. The 14-tier framework is the real deal.
    </blockquote>
    <cite>
      <span itemprop="author" itemscope itemtype="https://schema.org/Person">
        — <span itemprop="name">Eugene M.</span>, <span itemprop="jobTitle">Founder, AllRideLimo</span>
      </span>
    </cite>
    <time itemprop="datePublished" datetime="2026-03-22">March 22, 2026</time>
  </article>
</section>

Validation: 50+ verified reviews displayed, UGC submission form receives 5+ submissions per month, review schema validates

D. Video Content (3)

8. VDO — Video Optimization

Embed videos with descriptive titles, captions, transcripts, and timestamp-based chapters
Add VideoObject schema with full metadata: name, description, thumbnailUrl, uploadDate, duration, embedUrl, contentUrl, transcript
Optimize surrounding text: H1, intro paragraph, and supporting copy reinforce video topic
Add SRT/VTT closed captions to every video for accessibility and AI indexing
Self-host critical videos via CDN to retain control vs YouTube-only embeds
Use Clip schema to mark important moments with timestamps for AI engines to surface specific segments
Add interactive transcript with click-to-jump-to-timestamp functionality
Track video engagement: play rate, average watch time, completion rate

Code Example — Video with full schema and chapters:

<figure class="video-embed">
  <video controls>
    <source src="/videos/ai-search-guide.mp4" type="video/mp4">
    <track kind="captions" src="/videos/ai-search-guide.vtt" srclang="en" label="English" default>
  </video>
  <figcaption>Complete walkthrough of the 14-tier framework</figcaption>
</figure>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Complete Guide to AI Search Optimization",
  "description": "15-minute walkthrough of the 14-tier engine optimization framework with live screen recordings.",
  "thumbnailUrl": "https://thatdeveloperguy.com/videos/ai-search-thumb.jpg",
  "uploadDate": "2026-04-15T08:00:00-06:00",
  "duration": "PT15M30S",
  "contentUrl": "https://thatdeveloperguy.com/videos/ai-search-guide.mp4",
  "embedUrl": "https://thatdeveloperguy.com/embed/ai-search-guide",
  "transcript": "Full transcript text here...",
  "hasPart": [
    {
      "@type": "Clip",
      "name": "What is AI Search Optimization?",
      "startOffset": 0,
      "endOffset": 180,
      "url": "https://thatdeveloperguy.com/videos/ai-search-guide#t=0"
    },
    {
      "@type": "Clip",
      "name": "The 14 Tiers Explained",
      "startOffset": 180,
      "endOffset": 600,
      "url": "https://thatdeveloperguy.com/videos/ai-search-guide#t=180"
    }
  ]
}
</script>

Validation: VideoObject schema validates, videos appear in Google video search and key moments feature, average watch time above 50%

9. YTO — YouTube Optimization

Optimize video titles for both YouTube search and Google search (50–70 characters with keyword + benefit)
Write keyword-rich descriptions (250+ words) with timestamps, links to your site, and chapter markers
Use custom thumbnails matching brand style guide — avoid YouTube auto-generated thumbnails
Add closed captions and translated subtitles to expand reach
Use end screens and cards to drive traffic to your site and other videos
Build YouTube playlists organized by topic clusters mirroring site pillar structure
Cross-embed YouTube videos on related blog posts with surrounding text optimization
Track YouTube Analytics: watch time, retention curves, click-through rate, traffic sources

Code Example — YouTube embed with optimized surrounding markup:

<article class="video-page">
  <h1>How to Implement LocalBusiness Schema in 5 Minutes (2026 Tutorial)</h1>

  <div class="video-wrapper">
    <iframe
      src="https://www.youtube.com/embed/VIDEO_ID?rel=0&modestbranding=1"
      title="LocalBusiness Schema Tutorial"
      width="560"
      height="315"
      frameborder="0"
      allowfullscreen
      loading="lazy">
    </iframe>
  </div>

  <section class="video-chapters">
    <h2>Chapters</h2>
    <ul>
      <li><a href="https://www.youtube.com/watch?v=VIDEO_ID&t=0s">0:00 Introduction</a></li>
      <li><a href="https://www.youtube.com/watch?v=VIDEO_ID&t=45s">0:45 Why LocalBusiness schema matters</a></li>
      <li><a href="https://www.youtube.com/watch?v=VIDEO_ID&t=180s">3:00 Step-by-step implementation</a></li>
      <li><a href="https://www.youtube.com/watch?v=VIDEO_ID&t=420s">7:00 Validation with Rich Results Test</a></li>
    </ul>
  </section>

  <section class="video-transcript">
    <h2>Full Transcript</h2>
    <p>[Full transcript text follows]</p>
  </section>
</article>

Validation: YouTube videos rank in YouTube search top 5 for target queries, average watch time above 4 minutes, YouTube traffic referrals tracked in GA4

10. WCO — Webinar Content Optimization

Host webinars on flagship topics and convert recordings into evergreen on-site assets
Build dedicated /webinars/ section with registration, replay, transcript, slides, Q&A archive
Add Event schema for upcoming webinars with eventAttendanceMode: OnlineEventAttendanceMode
Switch to VideoObject and Article schema for past webinars when published as on-demand
Repurpose webinar recordings: full replay video + clip highlights + audio podcast version + blog summary
Capture webinar leads via registration form and nurture via email sequence
Display past webinar archive with searchable transcripts indexed
Pursue co-marketing webinars with complementary brands for audience cross-pollination

Code Example — Upcoming webinar event schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "Live Webinar: AI Search Optimization Masterclass",
  "description": "60-minute deep dive into the 14-tier framework with live Q&A.",
  "startDate": "2026-05-15T14:00-06:00",
  "endDate": "2026-05-15T15:00-06:00",
  "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
  "eventStatus": "https://schema.org/EventScheduled",
  "location": {
    "@type": "VirtualLocation",
    "url": "https://thatdeveloperguy.com/webinars/ai-search-masterclass/"
  },
  "organizer": {"@id": "https://thatdeveloperguy.com/#organization"},
  "performer": {"@id": "https://thatdeveloperguy.com/about/joseph-anady/#person"},
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD",
    "url": "https://thatdeveloperguy.com/webinars/register/",
    "availability": "https://schema.org/InStock"
  }
}
</script>

Validation: Quarterly webinar cadence maintained, registration-to-attendance conversion above 40%, webinar replay pages rank for topic queries

E. Audio Content (1)

11. AVO — Audio & Podcast Optimization

Build dedicated /podcast/ section with episode landing pages including transcripts, show notes, timestamps, chapters
Embed podcast players (Spotify, Apple Podcasts, Buzzsprout, Transistor) with native embed code
Add PodcastEpisode schema with partOfSeries, associatedMedia, transcript
Submit RSS feed to all major directories: Apple Podcasts, Spotify, Google Podcasts replacement, Amazon Music, Pandora, Overcast, Pocket Casts
Use keyword-rich episode titles and descriptions optimized for both podcast search and Google search
Publish full transcripts on episode pages — transcripts are indexable and AI engines extract from them
Add detailed show notes with timestamps, links, guest bios, key quotes
Build podcast hub page with searchable archive organized by topic clusters

Code Example — Podcast episode schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "PodcastEpisode",
  "name": "Episode 12: Why Most Agencies Fail at AI Search",
  "description": "Joseph Anady breaks down the 14-tier framework and why traditional SEO agencies miss the AI citation opportunity.",
  "url": "https://thatdeveloperguy.com/podcast/episode-12/",
  "datePublished": "2026-04-15",
  "duration": "PT45M30S",
  "associatedMedia": {
    "@type": "MediaObject",
    "contentUrl": "https://thatdeveloperguy.com/podcast/episodes/12.mp3"
  },
  "partOfSeries": {
    "@type": "PodcastSeries",
    "name": "The ThatDeveloperGuy Podcast",
    "url": "https://thatdeveloperguy.com/podcast/"
  },
  "author": {"@id": "https://thatdeveloperguy.com/about/joseph-anady/#person"}
}
</script>

<section class="episode-page">
  <h1>Episode 12: Why Most Agencies Fail at AI Search</h1>

  <div class="podcast-players">
    <a href="https://open.spotify.com/episode/...">Spotify</a>
    <a href="https://podcasts.apple.com/...">Apple Podcasts</a>
    <a href="https://thatdeveloperguy.com/podcast/episodes/12.mp3" download>Direct MP3</a>
  </div>

  <section class="show-notes">
    <h2>Show Notes</h2>
    <ul class="timestamps">
      <li><strong>0:00</strong> Introduction</li>
      <li><strong>3:45</strong> The shift from keyword SEO to entity-based search</li>
      <li><strong>12:30</strong> Walk-through of all 14 tiers</li>
      <li><strong>32:00</strong> How to measure AI citation rate</li>
    </ul>
  </section>

  <section class="full-transcript">
    <h2>Full Transcript</h2>
    <p>[Complete transcript with speaker labels]</p>
  </section>
</section>

Validation: PodcastEpisode schema validates, episodes appear in podcast directories, episode pages rank for topic queries, transcripts indexed in GSC

F. Visual & Interactive (2)

12. IFO — Infographic Optimization

Create original branded infographics for high-traffic articles — visual content earns 3x more shares
Provide multiple format downloads: PNG, SVG, embed code, social-sized variants
Add embed code generator that includes attribution link back to your site
Use ImageObject schema with creator, license (set permissive for citation traction), caption
Optimize infographic alt text and surrounding content for image search visibility
Pursue infographic backlinks via outreach to relevant industry publications
Convert key statistics into shareable quote graphics for social distribution
Cross-link infographics from related articles and the topic pillar

Code Example — Infographic embed code with attribution:

<figure class="infographic" itemscope itemtype="https://schema.org/ImageObject">
  <img
    src="/infographics/ai-search-stats-2026.png"
    alt="Infographic showing AI search citation rates across ChatGPT, Perplexity, Claude, Gemini, and Copilot for 2026"
    itemprop="contentUrl"
    width="800"
    height="2400"
    loading="lazy">
  <figcaption itemprop="caption">2026 AI Search Citation Benchmark — ThatDeveloperGuy Research</figcaption>

  <details class="embed-code">
    <summary>Embed this infographic on your site</summary>
    <textarea readonly>
&lt;a href="https://thatdeveloperguy.com/research/ai-search-2026/"&gt;
  &lt;img src="https://thatdeveloperguy.com/infographics/ai-search-stats-2026.png" alt="2026 AI Search Citation Benchmark" /&gt;
&lt;/a&gt;
&lt;p&gt;Infographic by &lt;a href="https://thatdeveloperguy.com"&gt;ThatDeveloperGuy&lt;/a&gt;&lt;/p&gt;
    </textarea>
  </details>
</figure>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://thatdeveloperguy.com/infographics/ai-search-stats-2026.png",
  "creator": {"@id": "https://thatdeveloperguy.com/#organization"},
  "license": "https://creativecommons.org/licenses/by/4.0/",
  "caption": "2026 AI Search Citation Benchmark Data"
}
</script>

Validation: 5+ original infographics published per year, infographic embed code used 25+ times externally, infographic pages earn 10+ backlinks each

13. NWO — Newsletter Optimization

Build newsletter sign-up funnel with lead magnets (templates, guides, exclusive research)
Publish newsletter web archive at /newsletter/ indexable by search engines
Add EmailMessage and Newsletter schema where applicable
Cross-promote newsletter signup on every high-traffic page with non-intrusive CTA
Use platforms with web archive support (Beehiiv, Substack, ConvertKit) for SEO benefit
Repurpose newsletter content into blog articles and vice versa
Track newsletter metrics: open rate, click rate, list growth, unsubscribe rate
Pursue newsletter cross-promotion with complementary creators for audience growth

Code Example — Newsletter signup with structured data:

<section class="newsletter-signup">
  <h2>Get the AI Search Briefing</h2>
  <p>Weekly digest of AI search updates, citation benchmarks, and optimization tactics. 1,200+ subscribers.</p>

  <form action="/api/newsletter/subscribe" method="POST">
    <label for="newsletter-email">Your email address</label>
    <input type="email" id="newsletter-email" name="email" required placeholder="you@company.com">
    <button type="submit">Subscribe Free</button>
  </form>

  <p class="trust-signals">
    <small>No spam. Unsubscribe in one click. Read in your browser at <a href="/newsletter/">/newsletter/</a></small>
  </p>
</section>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "AI Search Briefing Newsletter",
  "url": "https://thatdeveloperguy.com/newsletter/",
  "publisher": {"@id": "https://thatdeveloperguy.com/#organization"}
}
</script>

Validation: Newsletter list growing 5%+ monthly, web archive indexed in GSC, open rate above 30%, click rate above 3%

G. Performance & Measurement (2)

14. CPA — Content Performance Analysis

Add UTM tracking and GA4 event tags to every CTA, link, and conversion point on content pages
Build internal analytics dashboard (password-protected) showing per-piece performance
Track per-piece metrics: traffic, time on page, scroll depth, conversion rate, revenue attribution
Set quarterly content performance review cadence — refresh winners, retire losers
Use Google Search Console data alongside GA4 to map query → page → conversion
A/B test titles, intros, and CTAs on top 20 pages to drive incremental gains
Track AI citation rate per content piece per Tier 3 CTM
Document content learnings monthly to inform future content strategy

Code Example — GA4 event tracking on content elements:

<article class="blog-post">
  <h1>The Complete Guide to AI Search Optimization</h1>

  <a href="/cta/download-guide/"
     onclick="gtag('event', 'cta_click', {
       'content_id': 'ai-search-guide',
       'cta_position': 'inline-mid',
       'cta_text': 'Download Free Checklist'
     });">
    Download Free Checklist
  </a>

  <button onclick="gtag('event', 'video_play', {
    'content_id': 'ai-search-guide',
    'video_title': 'AI Search Walkthrough'
  });">
    ▶ Play Video
  </button>
</article>

<script>
// Scroll depth tracking
let scrollMilestones = [25, 50, 75, 90];
let trackedMilestones = [];
window.addEventListener('scroll', () => {
  const percent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
  scrollMilestones.forEach(m => {
    if (percent >= m && !trackedMilestones.includes(m)) {
      trackedMilestones.push(m);
      gtag('event', 'scroll_depth', {'percent': m, 'page': location.pathname});
    }
  });
});
</script>

Validation: Every content piece has UTM and event tracking, internal dashboard updated weekly, top 20 pages reviewed quarterly with action items

15. CXO — Content Experience Optimization

Optimize content readability: line height, paragraph spacing, font size, max-width 75ch
Add reading progress bar at top of long-form content
Implement table of contents with sticky navigation on articles over 2,000 words
Add "Related Articles" sidebar with manually curated recommendations (not auto-generated)
Use pull quotes, callout boxes, and visual breaks to combat reading fatigue
Add print stylesheet for users who want to print or save as PDF
Implement dark mode toggle with prefers-color-scheme support
Test reading experience on mobile, tablet, desktop across multiple browsers

Code Example — Reading progress bar + sticky TOC:

<div class="reading-progress" aria-hidden="true">
  <div class="reading-progress-bar" id="progressBar"></div>
</div>

<aside class="sticky-toc" aria-label="Article navigation">
  <h2>On This Page</h2>
  <ol>
    <li><a href="#intro">Introduction</a></li>
    <li><a href="#frameworks">Core Frameworks</a></li>
    <li><a href="#implementation">Implementation Steps</a></li>
  </ol>
</aside>

<style>
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: transparent;
  z-index: 1000;
}
.reading-progress-bar {
  height: 100%;
  background: var(--brand-color);
  width: 0%;
  transition: width 100ms ease;
}
.sticky-toc {
  position: sticky;
  top: 80px;
}
@media (prefers-color-scheme: dark) {
  body { background: #1a1a1a; color: #e0e0e0; }
}
</style>

<script>
window.addEventListener('scroll', () => {
  const percent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
  document.getElementById('progressBar').style.width = percent + '%';
});
</script>

Validation: Reading experience tested on 5+ device/browser combinations, average time on page above 3 minutes for long-form, scroll depth past 75% on flagship content

Summary

Total items: 15
Sub-clusters: 7 (Content Strategy & Marketing, Long-Form & Pillar Content, User-Generated Content & Community, Video Content, Audio Content, Visual & Interactive, Performance & Measurement)
Format: Each item includes 7–8 implementation steps, a code example, and a validation criterion
Net change from original: 2 dropped (overlap with Tiers 2/3), 8 added, 5 renamed for consistent codes (1 acronym conflict resolved: original VSO → VDO since VSO was used in Tier 5 for Voice Search Optimization)
Position in stack: Content multiplication tier — depends on Tiers 1–5, makes everything else compound across formats

About this series

This is one of 14 articles in ThatDevPro's Engine Optimization stack — a productized SEO + AEO + AIO + GEO service. Each tier is a self-contained framework with concrete checklists, validation steps, and code patterns.

Canonical source for this article: https://www.thatdevpro.com/insights/seo-tier-6-content-and-multimedia/

The 14-tier series:

Tier 13 is retired.

Need this implemented on your site? ThatDevPro ships the full 14-tier stack as a productized service. SDVOSB-certified veteran-owned. Cassville, Missouri. See the Engine Optimization service.

Open-source tooling powering this series:

aio-surfaces — Python toolkit (MIT) for generating llms.txt + aeo.json + entity.json + brand.json
llms.txt generator — live Hugging Face Space

DEV Community