The head tags that matter </text><text x="650" y="140" text-anchor="end" font-family="system-ui,sans-serif" font-size="12" fill="#7e8c85">~60 chars, the click</text><text x="150" y="178" font-family="ui-monospace,Menlo,monospace" font-size="16" fill="#e5e7eb"><meta description></text><text x="650" y="178" text-anchor="end" font-family="system-ui,sans-serif" font-size="12" fill="#7e8c85">~155 chars, the pitch</text><text x="150" y="216" font-family="ui-monospace,Menlo,monospace" font-size="16" fill="#e5e7eb"><link canonical></text><text x="650" y="216" text-anchor="end" font-family="system-ui,sans-serif" font-size="12" fill="#7e8c85">the master version</text><text x="150" y="254" font-family="ui-monospace,Menlo,monospace" font-size="16" fill="#a3e635"><meta og:...></text><text x="650" y="254" text-anchor="end" font-family="system-ui,sans-serif" font-size="12" fill="#7e8c85">the social preview</text><text x="400" y="360" text-anchor="middle" font-family="system-ui,sans-serif" font-size="14" fill="#5b6360">The title and canonical are load-bearing. Get those right first.</text><text x="780" y="406" text-anchor="end" font-family="system-ui,sans-serif" font-size="12" fill="#94a3b8">lawrencehitches.com</text></svg></div><figcaption style="display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;font-size:.85rem;color:#64748b"><span>The title and canonical are load-bearing. Get those right first.</span><button type="button" class="cs-diagram-dl" data-name="meta-tags-diagram" style="flex:none;background:#15191a;color:#fff;border:none;border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.8rem;cursor:pointer">Download PNG</button></figcaption></figure><h2>The HTML head tags that matter for SEO</h2><p>What goes in your <head> tells search engines and AI how to title, describe and index the page. These are the ones worth getting right.</p><div style="overflow-x:auto;margin:1.25rem 0"><table style="border-collapse:collapse;width:100%;min-width:560px"><thead><tr style="background:#2d3a4a;color:#fff"><th scope="col" style="padding:10px 12px;text-align:left;border:1px solid #cbd5e1;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase">Tag</th><th scope="col" style="padding:10px 12px;text-align:left;border:1px solid #cbd5e1;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase">Purpose</th><th scope="col" style="padding:10px 12px;text-align:left;border:1px solid #cbd5e1;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase">Syntax</th><th scope="col" style="padding:10px 12px;text-align:left;border:1px solid #cbd5e1;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase">Notes</th></tr></thead><tbody><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><code>title</code></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Page title in SERP and tab</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><title>Page Title</title></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">~60 chars; the biggest on-page lever</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">meta description</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Snippet under the title</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;"><meta name="description"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">~155 chars; drives CTR, not ranking</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><code>rel=canonical</code></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Consolidate duplicates</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><link rel="canonical" href></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Self-reference or point to the preferred URL</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">meta robots</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Index/follow control</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;"><meta name="robots" content="noindex,nofollow"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Controls this page only</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><code>hreflang</code></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Language and region</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><link rel="alternate" hreflang="en-au"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Needs matching return tags both ways</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">viewport</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Mobile rendering</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;"><meta name="viewport" content="width=device-width"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Required for mobile-first indexing</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">charset</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Character encoding</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><meta charset="utf-8"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Put it first in the head</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Open Graph</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Social and AI previews</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;"><meta property="og:title">, og:image, og:description</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Used by social platforms and some AI previews</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Twitter Card</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">X share cards</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;"><meta name="twitter:card"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top;">Falls back to Open Graph</td></tr><tr><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">meta keywords</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Legacy</td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;"><meta name="keywords"></td><td style="padding:9px 12px;border:1px solid #e5e7eb;font-size:.92rem;vertical-align:top; background:#f8fafc;">Ignored by Google and Bing; skip it</td></tr></tbody></table></div><p>The load-bearing tags are title, canonical and meta robots. Open Graph matters for shares and increasingly for AI previews. More in <a href="/header-tags/">header tags</a> and <a href="/on-page-seo/">on-page SEO</a>.</p><h2>Watch: how this works in practice</h2><p>On-page signals beyond the obvious title tag.</p><p>Bookmark this meta tags quick-reference card: keep it handy for your next audit.</p><p>For question-and-answer markup, see the <a href="/faq-schema/">FAQ schema guide</a>.</p><p>Looking for more? Browse <a href="/cheatsheets/">the SEO cheatsheet hub</a> in one place.</p><p>Part of the <a href="/technical-seo-cheatsheet/">Technical SEO cheatsheet</a>.</p><h2>Frequently asked questions</h2>
<h3>Do meta keywords still matter for SEO?</h3>
<p>No. Google and Bing have ignored the meta keywords tag for years. Spending time on it does nothing; focus on the title, description and content.</p>
<h3>What is the ideal meta description length?</h3>
<p>Around 155 characters before truncation. Write it for click-through with the query and a reason to click; it influences CTR but is not a direct ranking factor.</p>
<h3>Does the meta description affect ranking?</h3>
<p>No, not directly. Google often rewrites it anyway. Its job is to win the click once you already rank, so treat it as ad copy for the result.</p>
<h3>What does a canonical tag do?</h3>
<p>rel=canonical tells search engines which URL is the preferred version when several URLs show similar content, consolidating ranking signals onto one page and preventing duplicate-content dilution.</p>
</article>
<!-- Social Share -->
<div class="social-share">
<span class="social-share-label">Share</span>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://www.lawrencehitches.com/meta-tags-cheatsheet/" target="_blank" rel="noopener" class="share-linkedin" aria-label="Share on LinkedIn">
<svg viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https://www.lawrencehitches.com/meta-tags-cheatsheet/&text=Meta%20Tags%20and%20HTML%20Head%20Cheatsheet%20for%20SEO" target="_blank" rel="noopener" class="share-twitter" aria-label="Share on X/Twitter">
<svg viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.lawrencehitches.com/meta-tags-cheatsheet/" target="_blank" rel="noopener" class="share-facebook" aria-label="Share on Facebook">
<svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="mailto:?subject=Meta%20Tags%20and%20HTML%20Head%20Cheatsheet%20for%20SEO&body=https://www.lawrencehitches.com/meta-tags-cheatsheet/" class="share-email" aria-label="Share via email">
<svg viewBox="0 0 24 24"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"/><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"/></svg>
</a>
</div>
<!-- Google Preferred Source CTA -->
<div class="preferred-source-cta" style="margin:2rem 0;padding:1.25rem 1.5rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between">
<div style="flex:1;min-width:220px">
<strong style="display:block;font-size:1.05rem;color:#111;margin-bottom:2px">Find this useful?</strong>
<span style="color:#555;font-size:0.95rem">Add Lawrence Hitches as a preferred source on Google to get my latest in Search and AI results.</span>
</div>
<a href="https://www.google.com/preferences/source?q=lawrencehitches.com" target="_blank" rel="noopener" aria-label="Add Lawrence Hitches as a preferred source on Google" style="display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dadce0;border-radius:999px;padding:10px 18px;font-weight:600;color:#1a73e8;text-decoration:none;white-space:nowrap">
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"/><path fill="#FF3D00" d="M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"/><path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"/><path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"/></svg>
Add as preferred source
</a>
</div>
<!-- Newsletter CTA -->
<div class="nl-inline-cta">
<h3>Soaring Above Search</h3>
<p>Weekly AI search insights from the front line. One newsletter. Six sections. Everything that actually moved this week, with a practitioner's take.</p>
<form class="nl-inline-form" action="https://app.convertkit.com/forms/9254671/subscriptions" method="post" target="_blank">
<input type="email" name="email_address" placeholder="your@email.com" required class="nl-input" aria-label="Email address for newsletter subscription" />
<button type="submit" class="nl-btn">Subscribe Free</button>
</form>
</div>
<div class="author-bio">
<div class="author-bio-inner">
<img src="/static/images/lawrence/speaking-hero.jpg" alt="Lawrence Hitches" class="author-avatar" loading="lazy" />
<div>
<a href="/author/lawrence-hitches/" class="author-name-link"><strong>Lawrence Hitches</strong></a>
<span class="author-role">AI SEO Consultant, Melbourne</span>
<p>Chief of Staff at StudioHawk, Australia's largest dedicated SEO agency. Specialising in AI search visibility, technical SEO, and organic growth strategy. Leading a team of 120+ across Melbourne, Sydney, London, and the US. <a href="/contact/">Book a free consultation →</a></p>
</div>
</div>
</div>
<section class="related-articles">
<h2>Keep Reading</h2>
<div class="related-grid">
<a href="/traditional-pr-vs-digital-pr/" class="related-card">
<span class="related-cat">Link Building & Digital PR</span>
<h3>Traditional PR vs Digital PR</h3>
<span class="related-meta">6 min read</span>
</a>
<a href="/what-is-topical-authority-in-seo/" class="related-card">
<span class="related-cat">Articles</span>
<h3>What Is Topical Authority in SEO?</h3>
<span class="related-meta">7 min read</span>
</a>
<a href="/what-is-eeat/" class="related-card">
<span class="related-cat">Content & On-Page SEO</span>
<h3>What is E-E-A-T? Everything You Need to Know!</h3>
<span class="related-meta">9 min read</span>
</a>
<a href="/how-ai-is-changing-seo/" class="related-card">
<span class="related-cat">Articles</span>
<h3>How AI Is Changing SEO (and Whether It Is Killing It)</h3>
<span class="related-meta">5 min read</span>
</a>
</div>
</section>
</div>
<!-- Sticky TOC sidebar -->
<aside class="article-toc" id="article-toc">
<div class="toc-inner">
<span class="toc-label">On this page</span>
<nav class="toc-nav" id="toc-nav">
<!-- Populated by JS -->
</nav>
<div class="toc-cta">
<a href="/contact/" class="toc-cta-btn">Get a Free Consult</a>
</div>
</div>
</aside>
</div>
</div>
<!-- Preferred Source popup (scroll-triggered, shows once) -->
<style>
.cs-badge{display:inline-block;background:#a3e635;color:#15191a;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px}
.cs-diagram svg{width:100%;height:auto;display:block}
.cs-diagram-dl:focus-visible{outline:3px solid #a3e635;outline-offset:2px}
.cs-audio{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#15191a;color:#f5f1e8;border-radius:12px;padding:.75rem 1rem;margin:0 0 1.5rem}
.cs-audio-play{display:inline-flex;align-items:center;justify-content:center;min-height:40px;gap:.4rem;background:#a3e635;color:#15191a;border:none;border-radius:999px;padding:.5rem 1.15rem;font-weight:800;cursor:pointer;font-size:.92rem}
.cs-audio-stop{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background:transparent;color:#d4e3da;border:1px solid #3a4240;border-radius:999px;padding:.45rem .95rem;cursor:pointer;font-size:.85rem}
.cs-audio-rate{font-size:.82rem;color:#9aaba2;display:inline-flex;align-items:center;gap:.35rem}
.cs-audio-rate select{background:#0d1011;color:#f5f1e8;border:1px solid #2a3230;border-radius:6px;padding:.25rem .4rem}
.cs-audio-status{font-size:.82rem;color:#a3e635;min-width:3.5rem;font-weight:600}
.cs-audio-note{font-size:.78rem;color:#7e8c85;flex-basis:100%;line-height:1.4}
.cs-audio-play:focus-visible,.cs-audio-stop:focus-visible,.cs-audio select:focus-visible{outline:3px solid #a3e635;outline-offset:2px}
.cs-subhead{color:#5b6360;font-size:1.02rem;line-height:1.5;margin:.7rem 0 0;max-width:62ch}
.author-strip--cheatsheet{border-left:3px solid #a3e635;padding-left:.9rem;background:#fafdf4}
.prefsource-pop{position:fixed;bottom:1.5rem;right:1.5rem;width:320px;max-width:calc(100vw - 3rem);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14);padding:1.1rem 1.2rem 1.2rem;z-index:1000;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.prefsource-pop.prefsource-visible{opacity:1;transform:translateY(0)}
.prefsource-close{position:absolute;top:.45rem;right:.6rem;background:none;border:none;font-size:1.35rem;line-height:1;color:#9aa0a6;cursor:pointer;padding:.2rem}
.prefsource-close:hover{color:#333}
.prefsource-title{display:block;font-size:1.02rem;font-weight:700;color:#111;margin-bottom:.35rem;padding-right:1rem}
.prefsource-text{font-size:.9rem;line-height:1.45;color:#555;margin:0 0 .9rem}
.prefsource-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dadce0;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.92rem;color:#1a73e8;text-decoration:none}
.prefsource-btn:hover{background:#f8f9fa}
@media (max-width:480px){.prefsource-pop{right:.75rem;left:.75rem;bottom:.75rem;width:auto;max-width:none}}
</style>
<div class="prefsource-pop" id="prefsource-pop" role="dialog" aria-label="Add Lawrence Hitches as a preferred source on Google" style="display:none">
<button class="prefsource-close" id="prefsource-close" aria-label="Dismiss">×</button>
<strong class="prefsource-title">Enjoying the article?</strong>
<p class="prefsource-text">Add me as a preferred source and Google will surface my latest AI search insights first, in Search and AI results.</p>
<a href="https://www.google.com/preferences/source?q=lawrencehitches.com" target="_blank" rel="noopener" id="prefsource-cta" class="prefsource-btn" aria-label="Add Lawrence Hitches as a preferred source on Google">
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"/><path fill="#FF3D00" d="M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"/><path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"/><path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"/></svg>
Add as preferred source
</a>
</div>
<script>
(function(){
var pop=document.getElementById('prefsource-pop');
if(!pop||localStorage.getItem('prefsource_done')) return;
var shown=false;
function dismiss(){pop.classList.remove('prefsource-visible');setTimeout(function(){pop.style.display='none';},300);try{localStorage.setItem('prefsource_done','1');}catch(e){}}
function show(){
if(shown) return;
var icp=document.getElementById('icp-widget');
if(icp&&getComputedStyle(icp).display!=='none') return; // don't stack on the ICP widget
shown=true;
pop.style.display='block';
requestAnimationFrame(function(){pop.classList.add('prefsource-visible');});
window.removeEventListener('scroll',onScroll);
}
function onScroll(){
var h=document.documentElement;
var pct=h.scrollTop/(h.scrollHeight-h.clientHeight);
if(pct>0.55) show();
}
window.addEventListener('scroll',onScroll,{passive:true});
document.getElementById('prefsource-close').addEventListener('click',dismiss);
document.getElementById('prefsource-cta').addEventListener('click',function(){try{localStorage.setItem('prefsource_done','1');}catch(e){}});
})();
</script>
</main>
<footer class="footer">
<div class="footer-inner">
<div>
<p class="footer-col-title">Lawrence Hitches</p>
<p>AI SEO Consultant based in Melbourne. Chief of Staff at <a href="https://www.studiohawk.com.au/" target="_blank" rel="noopener">StudioHawk</a>, Australia's largest dedicated SEO agency.</p>
<p>Specialising in AI search visibility, technical SEO, and organic growth strategy for businesses in Australia and globally.</p>
</div>
<div>
<p class="footer-col-title">Services</p>
<ul>
<li><a href="/ai-seo-consultant/">AI SEO Consulting</a></li>
<li><a href="/seo-consultant-melbourne/">SEO Consultant Melbourne</a></li>
<li><a href="/ecommerce-seo-consultant/">Ecommerce SEO</a></li>
<li><a href="/shopify-seo-consultant/">Shopify SEO</a></li>
<li><a href="/enterprise-seo-consultant/">Enterprise SEO</a></li>
<li><a href="/local-seo-consultant/">Local SEO</a></li>
<li><a href="/international-seo-consultant/">International SEO</a></li>
<li><a href="/wordpress-seo-consultant/">WordPress SEO</a></li>
<li><a href="/digital-pr-services/">Digital PR</a></li>
</ul>
</div>
<div>
<p class="footer-col-title">Topics</p>
<ul>
<li><a href="/ai-search/">AI Search & Visibility</a></li>
<li><a href="/claude-for-seo/">Claude for SEO</a></li>
<li><a href="/technical-seo/">Technical SEO</a></li>
<li><a href="/keyword-research/">Keyword Research</a></li>
<li><a href="/ecommerce-seo-guide/">Ecommerce SEO</a></li>
<li><a href="/enterprise-seo/">Enterprise SEO</a></li>
<li><a href="/local-seo-guide/">Local SEO</a></li>
<li><a href="/seo-career/">SEO Career</a></li>
</ul>
</div>
<div>
<p class="footer-col-title">Resources</p>
<ul>
<li><a href="/articles/">All Articles</a></li>
<li><a href="/glossary/">SEO Glossary</a></li>
<li><a href="/cheatsheets/">SEO Cheatsheets</a></li>
<li><a href="/ai-search-tracker/">AI Search Tracker</a></li>
<li><a href="/seo-trends/">SEO Trends</a></li>
<li><a href="/case-studies/">Case Studies</a></li>
<li><a href="/awards/">Awards</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/sitemap/">Sitemap</a></li>
<li><a href="/entitymap.html">Entity Map</a></li>
<li><a href="/contact/">Contact</a></li>
<li><a href="/editorial-guidelines/">Editorial Guidelines</a></li>
<li><a href="/llm-info/">LLM Info</a></li>
<li><a href="/privacy-policy/">Privacy Policy</a></li>
<li><a href="/terms/">Terms</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Lawrence Hitches. AI SEO Consultant Melbourne.</p>
</div>
</footer>
<script src="/static/js/main.js?v=2"></script>
<script>
(function(){
var els = document.querySelectorAll('.fade-in');
if (!els.length) return;
var vh = window.innerHeight || document.documentElement.clientHeight;
if (!('IntersectionObserver' in window)) {
for (var i = 0; i < els.length; i++) els[i].classList.add('visible');
return;
}
// Immediately show elements already in viewport (no animation for above-fold content)
for (var i = 0; i < els.length; i++) {
if (els[i].getBoundingClientRect().top < vh) {
els[i].style.transition = 'none';
els[i].classList.add('visible');
els[i].offsetHeight; // force reflow
els[i].style.transition = '';
}
}
// Observe remaining elements for scroll-triggered reveal
var obs = new IntersectionObserver(function(entries) {
for (var j = 0; j < entries.length; j++) {
if (entries[j].isIntersecting) {
entries[j].target.classList.add('visible');
obs.unobserve(entries[j].target);
}
}
}, { threshold: 0.05 });
for (var k = 0; k < els.length; k++) {
if (!els[k].classList.contains('visible')) obs.observe(els[k]);
}
})();
</script>
<script>
(function() {
// Reading progress bar + sticky CTA
const bar = document.getElementById('reading-progress');
const stickyCta = document.getElementById('sticky-cta');
const articleHeader = document.querySelector('.article-header');
const siteNav = document.querySelector('.nav');
const navHeight = siteNav ? siteNav.offsetHeight : 60;
const headerBottom = articleHeader ? articleHeader.offsetTop + articleHeader.offsetHeight : 300;
// Position CTA below the sticky nav
if (stickyCta) {
stickyCta.style.top = '-50px';
}
window.addEventListener('scroll', function() {
const h = document.documentElement;
const scrollY = h.scrollTop;
// Progress bar
if (bar) {
const pct = (scrollY / (h.scrollHeight - h.clientHeight)) * 100;
bar.style.width = Math.min(pct, 100) + '%';
}
// Sticky CTA, show below nav after scrolling past the article header
if (stickyCta) {
if (scrollY > headerBottom) {
stickyCta.style.top = navHeight + 'px';
stickyCta.classList.add('visible');
} else {
stickyCta.style.top = '-50px';
stickyCta.classList.remove('visible');
}
}
}, { passive: true });
// Auto-generate TOC from headings
const nav = document.getElementById('toc-nav');
const content = document.querySelector('.article-content');
// "What's in this guide" jump-list, injected after the 1st H2 on long articles
// Stops users leaving after the intro by showing the full value of scrolling
if (content) {
var h2s = content.querySelectorAll('h2');
var skipToc = ['FAQ', 'Sources', 'Related', 'The Bottom Line'];
if (h2s.length >= 6) {
var jumpItems = [];
for (var i = 1; i < h2s.length && jumpItems.length < 5; i++) {
var headingText = h2s[i].textContent.trim();
if (skipToc.some(function(s) { return headingText.startsWith(s); })) continue;
if (!h2s[i].id) {
h2s[i].id = 'h-' + headingText.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/-+$/, '');
}
jumpItems.push('<a href="#' + h2s[i].id + '">' + headingText + '</a>');
}
if (jumpItems.length >= 3) {
var jumpBox = document.createElement('div');
jumpBox.className = 'article-jump-box';
jumpBox.innerHTML = '<p class="article-jump-label">What\'s in this guide</p><ul>' + jumpItems.map(function(i) { return '<li>' + i + '</li>'; }).join('') + '</ul>';
// Insert after the first H2's parent block
var insertAfter = h2s[0].nextElementSibling || h2s[0];
insertAfter.parentNode.insertBefore(jumpBox, insertAfter.nextSibling);
}
}
}
// Mid-article CTA. Inject before 3rd H2 in longer articles
if (content) {
var h2s = content.querySelectorAll('h2');
if (h2s.length >= 5) {
var cta = document.createElement('div');
cta.className = 'mid-article-cta';
cta.innerHTML = '<p class="mid-cta-label">Need expert help?</p><h3>Get a Free AI Search Audit</h3><p>Find out how your brand performs across ChatGPT, Perplexity, and AI Overviews, with actionable recommendations.</p><a href="/contact/" class="mid-cta-btn">Get my Free AI SEO Roadmap</a>';
h2s[2].parentNode.insertBefore(cta, h2s[2]);
}
}
if (!nav || !content) return;
const headings = content.querySelectorAll('h2, h3');
if (headings.length < 3) {
// Too few headings, hide TOC
const toc = document.getElementById('article-toc');
if (toc) toc.style.display = 'none';
return;
}
// Filter out Related/Sources sections
const skipTitles = ['Related Case Studies', 'Related Reading', 'Sources & Further Reading', 'Sources & Further Reading'];
headings.forEach(function(h) {
if (skipTitles.some(t => h.textContent.trim().startsWith(t))) return;
if (h.closest('.mid-article-cta')) return;
// Ensure heading has an ID
if (!h.id) {
h.id = 'h-' + h.textContent.trim().toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/-+$/, '');
}
var a = document.createElement('a');
a.href = '#' + h.id;
a.textContent = h.textContent.trim();
a.className = 'toc-link' + (h.tagName === 'H3' ? ' toc-link-sub' : '');
a.dataset.target = h.id;
nav.appendChild(a);
});
// Active heading tracking
var tocLinks = nav.querySelectorAll('.toc-link');
var headingEls = Array.from(headings).filter(function(h) {
return !skipTitles.some(t => h.textContent.trim().startsWith(t)) && !h.closest('.mid-article-cta');
});
function updateActive() {
var scrollY = window.scrollY + 100;
var active = null;
headingEls.forEach(function(h) {
if (h.offsetTop <= scrollY) active = h.id;
});
tocLinks.forEach(function(l) {
l.classList.toggle('active', l.dataset.target === active);
});
}
window.addEventListener('scroll', updateActive, { passive: true });
updateActive();
// ICP recommendation widget. Show after 40% scroll
var icpWidget = document.getElementById('icp-widget');
var icpClose = document.getElementById('icp-close');
if (icpWidget && !sessionStorage.getItem('icp_dismissed')) {
var icpShown = false;
window.addEventListener('scroll', function() {
if (icpShown) return;
var h = document.documentElement;
var pct = h.scrollTop / (h.scrollHeight - h.clientHeight);
if (pct > 0.35) {
icpWidget.style.display = 'block';
requestAnimationFrame(function() { icpWidget.classList.add('icp-visible'); });
icpShown = true;
}
}, { passive: true });
icpClose.addEventListener('click', function() {
icpWidget.classList.remove('icp-visible');
setTimeout(function() { icpWidget.style.display = 'none'; }, 300);
sessionStorage.setItem('icp_dismissed', '1');
});
}
})();
</script>
<!-- Click-to-copy: code snippets + heading anchor links (fixes Clarity dead clicks) -->
<style>
.article-body code { cursor: pointer; }
.article-body code:hover { outline: 1px dashed rgba(45,58,74,0.35); outline-offset: 2px; }
.article-body h2[id], .article-body h3[id], .article-body h4[id] { cursor: pointer; }
.lh-copied-toast { position: fixed; z-index: 2000; background: #1a2332; color: #fff; font-size: 0.8rem; padding: 4px 10px; border-radius: 5px; pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity .15s ease, transform .15s ease; }
.lh-copied-toast.show { opacity: 1; transform: translateY(0); }
</style>
<script>
(function () {
var body = document.querySelector('.article-body');
if (!body) return;
var toast = document.createElement('div');
toast.className = 'lh-copied-toast';
document.body.appendChild(toast);
var hideT;
function flash(x, y, msg) {
toast.textContent = msg;
toast.style.left = Math.min(x + 8, window.innerWidth - 100) + 'px';
toast.style.top = (y - 34) + 'px';
toast.classList.add('show');
clearTimeout(hideT);
hideT = setTimeout(function () { toast.classList.remove('show'); }, 1100);
}
function copy(text) {
if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text).catch(function(){}); return; }
var ta = document.createElement('textarea'); ta.value = text;
ta.style.position = 'fixed'; ta.style.opacity = '0'; document.body.appendChild(ta); ta.select();
try { document.execCommand('copy'); } catch (e) {}
document.body.removeChild(ta);
}
body.addEventListener('click', function (e) {
var code = e.target.closest && e.target.closest('code');
if (code && body.contains(code)) {
copy(code.textContent.trim());
flash(e.clientX, e.clientY, 'Copied');
return;
}
var h = e.target.closest && e.target.closest('h2[id], h3[id], h4[id]');
if (h && body.contains(h) && !e.target.closest('a')) {
copy(location.origin + location.pathname + '#' + h.id);
try { history.replaceState(null, '', '#' + h.id); } catch (er) {}
flash(e.clientX, e.clientY, 'Link copied');
}
});
})();
</script>
<script>
// Cheatsheet audio guide (Web Speech API, browser-native, accessible)
(function(){
var bar = document.getElementById('csAudio');
if (!bar) return;
if (!('speechSynthesis' in window)) { bar.style.display = 'none'; return; }
var synth = window.speechSynthesis;
var playBtn = document.getElementById('csPlay');
var stopBtn = document.getElementById('csStop');
var rateSel = document.getElementById('csRate');
var statusEl = document.getElementById('csStatus');
var chunks = [], idx = 0, playing = false, paused = false;
var PLAY = '<span aria-hidden="true">▶</span> Listen';
var PAUSE = '<span aria-hidden="true">❙❙</span> Pause';
var RESUME = '<span aria-hidden="true">▶</span> Resume';
function buildChunks(){
var el = document.querySelector('.article-content');
if (!el) return [];
var text = (el.innerText || el.textContent || '').replace(/\s+/g, ' ').trim();
var sentences = text.match(/[^.!?]+[.!?]+|[^.!?]+$/g) || [text];
var out = [], cur = '';
sentences.forEach(function(s){
if ((cur + ' ' + s).length > 180) { if (cur.trim()) out.push(cur.trim()); cur = s; }
else { cur += ' ' + s; }
});
if (cur.trim()) out.push(cur.trim());
return out;
}
function setStatus(s){ statusEl.textContent = s; }
function setBtn(html, aria){ playBtn.innerHTML = html; playBtn.setAttribute('aria-label', aria); }
function speakFrom(i){
if (i >= chunks.length) { finish(); return; }
idx = i;
var u = new SpeechSynthesisUtterance(chunks[i]);
u.rate = parseFloat(rateSel.value) || 1;
u.onend = function(){ if (playing && !paused) speakFrom(idx + 1); };
synth.speak(u);
}
function start(){
chunks = buildChunks();
if (!chunks.length) return;
synth.cancel();
playing = true; paused = false; idx = 0;
setStatus('Playing'); setBtn(PAUSE, 'Pause the audio');
speakFrom(0);
}
function finish(){
playing = false; paused = false;
synth.cancel();
setStatus(''); setBtn(PLAY, 'Listen to this cheatsheet');
}
playBtn.addEventListener('click', function(){
if (!playing) { start(); }
else if (paused) { synth.resume(); paused = false; setStatus('Playing'); setBtn(PAUSE, 'Pause the audio'); }
else { synth.pause(); paused = true; setStatus('Paused'); setBtn(RESUME, 'Resume the audio'); }
});
stopBtn.addEventListener('click', finish);
window.addEventListener('beforeunload', function(){ synth.cancel(); });
// rate changes apply automatically on the next chunk (each utterance reads the current value)
})();
</script>
<script>
// Diagram download (inline SVG to PNG, for sharing in notes and slides)
(function(){
document.querySelectorAll('.cs-diagram-dl').forEach(function(btn){
btn.addEventListener('click', function(){
var fig = btn.closest('.cs-diagram-wrap'); if (!fig) return;
var svg = fig.querySelector('svg'); if (!svg) return;
var xml = new XMLSerializer().serializeToString(svg);
var src = 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(xml)));
var img = new Image();
img.onload = function(){
var vb = svg.viewBox.baseVal, scale = 2;
var c = document.createElement('canvas');
c.width = (vb && vb.width ? vb.width : 800) * scale;
c.height = (vb && vb.height ? vb.height : 420) * scale;
var ctx = c.getContext('2d');
ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, c.width, c.height);
ctx.drawImage(img, 0, 0, c.width, c.height);
var a = document.createElement('a');
a.download = (btn.getAttribute('data-name') || 'diagram') + '.png';
a.href = c.toDataURL('image/png'); a.click();
};
img.src = src;
});
});
})();
</script>
<script>
// Click-to-copy on inline code (Clarity showed readers clicking code strings
// like utm_source=chatgpt.com trying to copy them - make that click work)
(function(){
var codes = document.querySelectorAll('.article-content code');
if (!codes.length) return;
function fallbackCopy(text){
var ta = document.createElement('textarea');
ta.value = text; ta.style.cssText = 'position:fixed;opacity:0;';
document.body.appendChild(ta); ta.select();
var ok = false;
try { ok = document.execCommand('copy'); } catch(e){}
ta.remove(); return ok;
}
function showTip(el){
var tip = document.createElement('span');
tip.textContent = 'Copied ✓';
tip.style.cssText = 'position:absolute;background:#0a0a0a;color:#a3e635;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;z-index:99;pointer-events:none;white-space:nowrap;font-family:Inter,sans-serif;';
var r = el.getBoundingClientRect();
tip.style.left = (r.left + window.scrollX + r.width/2 - 34) + 'px';
tip.style.top = (r.top + window.scrollY - 32) + 'px';
document.body.appendChild(tip);
setTimeout(function(){ tip.remove(); }, 1300);
}
codes.forEach(function(el){
if (el.closest('a')) return; // linked code keeps its link behaviour
el.style.cursor = 'copy';
el.title = 'Click to copy';
el.addEventListener('click', function(){
var text = el.textContent.trim();
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function(){ showTip(el); },
function(){ if (fallbackCopy(text)) showTip(el); });
} else if (fallbackCopy(text)) { showTip(el); }
});
});
})();
</script>
</body>
</html>
