Technical Specs - AXIS AEO Template & GEO Optimization System

AXIS AI-Ready Template v1.1

Technical Specification

Release: v1.1-PROD • Date: August 4, 2025 • Size: ≈45 KB uncompressed | ≈18 KB gzip
SHA-256: 2927a261feb4983c5906deae4129f95a2ac771400d785b1b80232e7b5dfeb795
Download PDF
1
HTML File
0
Required Dependencies at rest
37
Config Fields
97
Documentation Pages

Package Contents

📁 Documentation/
├── Quick_Start_Guide.pdf - Step-by-step setup instructions
├── User_Guide.pdf - Comprehensive 97-page reference manual
├── Welcome.txt - Getting started overview
└── LICENSE.txt - Single-site license terms

📁 Smart Prompts/
├── 01_Brand_Setup.txt - AI prompt for one-time company configuration
├── 02_Content_Optimizer.txt - AI prompt for article optimization
└── README.txt - Smart prompts usage guide

📁 Template/
└── axis-template-v1.1.html - Self-contained AI-ready template (all CSS/JS inline)

📁 Platform Extras/
└── squarespace-site-css.txt - Required CSS for Squarespace blogs

Technical Architecture

Component Specification
Architecture Single self-contained HTML file with inline CSS/JS
External Dependencies DOMPurify dual-CDN fetched at runtime with automatic fallback
Build Process Zero - copy, paste, publish
JavaScript ECMAScript 5 (ES5) for universal compatibility
CSS Framework Custom utility classes, ~41KB minified inline
Schema Support BlogPosting, BreadcrumbList, Person, Organization

Compatibility: ECMAScript 5 (ES5) • Schema.org v21 (BlogPosting, BreadcrumbList, Person, Organization) • DOMPurify 3.1.8 (optional, dual-CDN loaded with fallback) • GA4 (current)

AI Discovery Features

Feature Implementation & Purpose
Agentic Paths Auto-generated ItemList JSON-LD for multi-hop AI retrieval. Enables autonomous navigation by ChatGPT Browse, Perplexity, Arc Search.
Memory Hints <meta name="agentic-memory-hint"> signals persistence/freshness cues for LLM memory caches.
ARIA Upgrade Optional enableAgenticARIA=true adds explicit roles and aria-level attributes for AI comprehension.
Semantic Blocks data-module="agentic-block" enables paragraph-level embeddings and precise AI citations.
Smart Prompts Two AI prompts generate all HTML configuration. Compatible with Claude (all versions), GPT-4/GPT-4o+, Gemini 1.5+ Pro, Grok 2+.
Auto-FAQ Generation Content Optimizer Prompt creates relevant FAQs and Key Takeaways from article content.
Validation Gates Three inline warnings prevent publishing AI-invisible pages. Enforces https:// for all URLs. Verifies GA4 IDs start with G-.

Three-Zone Template Structure

ZONE 1

🏢 Brand Config

One-time company setup (18 fields). Configure your publisher info, author details, and display preferences. Reuse this for all articles.

ZONE 2

📝 Post Config

Article metadata per post (16-19 fields). Title, description, dates, images, and AI-generated content like FAQs and takeaways.

ZONE 3

📄 Article Content

Your formatted article HTML. Paste your content here with proper semantic markup (headings, paragraphs, lists, etc.)

Core Features

Category Features
User Interface
  • Dark mode with system preference detection
  • Article share button (copy link)
  • Automatic reading time calculation
  • Table of contents with smooth scrolling
  • Copy buttons for all code blocks
  • Author bio with social links
  • Related posts section
  • Footer CTA button
Performance
  • All CSS/JS inline (no render-blocking)
  • Lazy loading for images
  • Hero image fetchpriority="high"
  • Cumulative Layout Shift ≤ 0.05 typical (≈0.08 if hero image 404s)
  • Lighthouse score: 98 (desktop), 95 (mobile)
Accessibility
  • WCAG 2.1 AA compliant
  • Lighthouse Accessibility score: 100
  • Focus-visible outlines
  • ARIA labels and live regions
  • Skip-to-content link
  • Screen reader announcements
SEO & Meta
  • Automatic Open Graph generation
  • Twitter Card meta tags
  • Canonical URL management
  • Google Analytics 4 support (loads without SRI—industry norm)
  • Structured breadcrumbs
Security
  • DOMPurify 3.1.8 with dual-CDN redundancy
  • Automatic fallback from jsDelivr to unpkg
  • Graceful degradation if both CDNs fail
  • Validates GA4 ID prefix (G-) before load
  • Content Security Policy ready (requires script-src for CDNs)
  • Console logging of security layer status

Validation & Error Recovery

Automatic Validation Warnings

Configuration Warning - Missing or invalid metadata
Alt-Text Warning - Hero image missing accessibility text
Placeholder URL Warning - Demo URLs still present

Enhanced Console Diagnostics

Success checklist showing:

  • Brand config loaded
  • Article metadata present
  • No placeholder URLs
  • Hero image configured
  • DOMPurify source (jsDelivr/unpkg)
  • Agentic memory hint status

Error Recovery

Scenario User Sees System Response
Missing hero image Content without image Section auto-hides
Invalid config Yellow warning banner Continues with defaults
Malformed JSON-LD Config error message Skips schema, renders content
DOMPurify unavailable Normal content Uses safe text insertion with console notice
GA4 ID invalid No analytics Prevents script injection
CDN blocked Normal content Tries fallback CDN, logs source

All errors are logged to browser console for debugging.

Configuration Reference

Zone Fields
Zone 1: Brand Config
(18 fields)		 Company: publisherName, publisherLogoUrl, blogUrl
Footer: footerCtaText, footerCtaUrl, footerTagline, footerLegalPrefix, copyrightHolder
Settings: readingWpm (defaults to 200, overrideable), googleAnalyticsId
Author: authorName, authorUrl, authorImageUrl, authorBio, authorTwitter, authorLinkedIn
Display: showAuthorBio, showDarkModeToggle
Brand Authority: sameAs (comma-separated URLs)
Zone 2: Post Config
(16-19 fields)		 Content: postTitle, headerTitle, metaDescription, articleAbstract, canonicalUrl
Media: heroImageUrl, heroAltText, ogImageUrl, heroCaption
Dates: datePublishedIso, dateModifiedIso
Generated: keyTakeaways, faqs, relatedPosts, showRelatedPosts
Agentic (optional): agenticPaths, enableAgenticARIA, agenticMemoryHint
Required: __postConfigMarker (must begin with "v1" for template to function. Accepts "v1", "v1.0", or "v1.1")
Zone 3: Article Content Your formatted article HTML

Integration Workflow

1

Brand Setup

Run 01_Brand_Setup.txt prompt → Paste output in Zone 1 → Save as MASTER template

2

Content Creation

Copy MASTER → Run 02_Content_Optimizer.txt prompt → Paste CONFIG in Zone 2, Article in Zone 3

3

Publish

Upload single HTML file to your platform. No build process required.

Integration Checklist

Pre-Integration Requirements

  • HTTPS-enabled hosting
  • Support for custom HTML insertion
  • ES5-compatible browser (99.9% coverage)
  • No Content Security Policy conflicts

Post-Integration Validation

  • Run Google Rich Results Test
  • Verify GA4 data flow (if configured)
  • Test dark mode toggle
  • Confirm no console errors
  • Check all three warning banners cleared

Technical Limitations

Category Limitations
Environment Constraints
  • Browser Storage: localStorage/sessionStorage deliberately avoided for portability
  • Form Elements: HTML forms blocked in Squarespace/similar platforms
  • External Resources: Limited to CDN-hosted libraries (GA4, DOMPurify)
  • File Size: Recommended maximum content: 150KB per article
Integration Boundaries
  • No server-side processing required or supported
  • No database connections
  • API calls limited to Google Analytics 4
  • All processing happens client-side in browser
Performance Constraints
  • Maximum 20 related posts recommended
  • No data persistence between sessions
  • Client-side processing only (no server features)

Platform Compatibility

Status Platforms
✅ Fully Supported WordPress, Ghost, Carrd, Static hosting, Netlify, Vercel, GitHub Pages, Any platform supporting custom HTML, Enterprise firewalls (Zscaler, Palo Alto tested)
✅ Supported* Squarespace (requires site-wide CSS from Platform Extras folder, Code Block insertion - not Code Injection)
⚠️ Partial Support Webflow (supported only via Embed element; dark-mode toggle blocked by Designer sandbox)
❌ Not Supported Wix, Framer (no custom JavaScript support)

Browser Support

Browser Minimum Version
Chrome/Edge ≥ 23 (2012+)
Firefox ≥ 21 (2013+)
Safari ≥ 6 (2012+)
iOS Safari ≥ 6 (2012+)
Internet Explorer ≥ 9 (2011+)

All browsers supporting ES5 (99.9% global coverage)

Performance Targets*

Metric Desktop Mobile
Lighthouse Performance 98 95
Lighthouse Accessibility 100 100
First Contentful Paint 1.0 s 1.6 s
Largest Contentful Paint 1.5 s 2.2 s
Total Blocking Time 45 ms 65 ms
Cumulative Layout Shift 0.05 0.05*

*Expected performance under optimal conditions. Actual results may vary based on content size, hosting environment, and network conditions.

Frequently Asked Questions

Do I need coding experience?

No. The Smart Prompts generate all the HTML for you. Just copy and paste.

How long does setup take?

As little as 15 minutes for your first article, then 5-10 minutes per article after that.

What's included in the license?

Single-site license per purchase. Extended and agency licenses available.

How do I get support?

AI-powered documentation. Upload the 97-page User Guide to any AI assistant for instant answers.

Can I modify the template?

Yes. Code & styling may be modified provided attribution & hash remain.

When will I see AI results?

AI discovery typically takes 4-12 weeks post-publication. Technical structure is immediate.

Ready to Get Started?

Purchase Template

Get instant access to all files

Buy Now - $147

Frequently Asked Questions

What makes AXIS an AEO template rather than just an SEO tool?

AXIS is specifically designed as an AEO template (Answer Engine Optimization) that includes semantic HTML, structured data, and AI memory hints that help ChatGPT, Claude, and other AI systems understand and reference your content. Unlike traditional SEO tools, our AEO template optimizes for AI citations, not just search rankings.

Does the GEO template feature work with all Squarespace versions?

Yes, our GEO template (Generative Engine Optimization) features are compatible with both Squarespace 7.0 and 7.1. The template works in any code block and doesn't require theme modifications, making it perfect for Squarespace SEO enhancement without technical complexity.

How does AXIS handle BlogPosting schema automatically?

AXIS includes an intelligent schema generator that automatically creates proper BlogPosting schema markup from your content. Our AI Smart Prompt analyzes your article and generates complete structured data including author info, publish dates, article sections, and all required schema properties for optimal AI understanding.