137 lines
5.2 KiB
HTML
137 lines
5.2 KiB
HTML
<!-- SEO audit report template.
|
|
Replace ALL-CAPS placeholders and the example rows/items. Keep the CSS and structure.
|
|
If your agent publishes HTML through a pipeline that adds its own document wrapper
|
|
(for example an artifact viewer), strip this comment and the doctype/head/body tags;
|
|
as a standalone file opened in a browser, keep everything. -->
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>DOMAIN SEO review</title>
|
|
<style>
|
|
:root {
|
|
--bg: #e2e9f3;
|
|
--ink: #122650;
|
|
--muted: #4f5f79;
|
|
--rule: #c2cddd;
|
|
--rule-strong: #122650;
|
|
}
|
|
html { background: var(--bg); color-scheme: light; }
|
|
body {
|
|
background: var(--bg); color: var(--ink);
|
|
font-family: Charter, Georgia, "Times New Roman", serif;
|
|
line-height: 1.55; margin: 0; padding: 3.5rem 1.5rem 5rem;
|
|
}
|
|
.page { max-width: 860px; margin: 0 auto; }
|
|
.mono {
|
|
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
|
font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);
|
|
}
|
|
h1 {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 700; font-size: 1.6rem; letter-spacing: -0.01em;
|
|
margin: 0.75rem 0 0.25rem; text-wrap: balance;
|
|
}
|
|
.subtitle { color: var(--muted); margin: 0 0 2.5rem; font-size: 1.02rem; max-width: 46rem; }
|
|
.dateline { color: var(--muted); font-size: 0.92rem; margin: 0 0 1.1rem; }
|
|
h2 {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: 700; font-size: 1.25rem; margin: 3rem 0 0.75rem;
|
|
}
|
|
.lede { font-size: 1.05rem; max-width: 46rem; }
|
|
section > p { max-width: 46rem; }
|
|
hr.heavy { border: 0; border-top: 2px solid var(--rule-strong); margin: 3rem 0 0; }
|
|
section .cols:first-of-type { border-top: 1px solid var(--rule); }
|
|
.cols {
|
|
display: grid; grid-template-columns: minmax(180px, 5fr) 8fr;
|
|
gap: 1.25rem; padding: 0.6rem 0; border-bottom: 1px solid var(--rule);
|
|
}
|
|
.row-title { font-size: 1.12rem; margin: 0; }
|
|
.row-title .tag { display: block; margin-top: 0.35rem; }
|
|
.cols > div p { margin: 0 0 0.6rem; color: var(--muted); font-size: 0.95rem; }
|
|
.cols > div p:last-child { margin-bottom: 0; }
|
|
.cols > div p.fix { color: var(--ink); }
|
|
.fix b { font-weight: 600; }
|
|
code {
|
|
font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
|
font-size: 0.85em; word-break: break-word;
|
|
}
|
|
ol { padding-left: 1.3rem; max-width: 44rem; }
|
|
ol li { margin-bottom: 0.5rem; }
|
|
ul.plain { list-style: none; padding: 0; max-width: 46rem; }
|
|
ul.plain li { padding: 0.5rem 0; border-bottom: 1px solid var(--rule); font-size: 0.98rem; }
|
|
ul.plain li:first-child { border-top: 1px solid var(--rule); }
|
|
ul.plain .why { color: var(--muted); }
|
|
footer { margin-top: 4rem; color: var(--muted); font-size: 0.88rem; max-width: 46rem; }
|
|
@media (max-width: 620px) {
|
|
.cols { grid-template-columns: 1fr; gap: 0.4rem; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header>
|
|
<h1>DOMAIN</h1>
|
|
<p class="dateline">DATE</p>
|
|
<p class="subtitle">SUMMARY: 2-3 sentences covering the whole report. Sentence 1: overall state of the site. Sentence 2: the main gap and the one thing. Sentence 3: what the report covers.</p>
|
|
</header>
|
|
|
|
<section>
|
|
<h2>Where the site stands</h2>
|
|
<p class="lede">VERDICT-PARAGRAPH: what is working, in plain words.</p>
|
|
<p class="lede">VERDICT-PARAGRAPH-2: the main gap the one thing addresses.</p>
|
|
</section>
|
|
|
|
<hr class="heavy">
|
|
|
|
<section>
|
|
<h2>If you only do one thing</h2>
|
|
<p class="lede">THE-ONE-THING, one sentence.</p>
|
|
<p>WHY-IT-MATTERS, one or two sentences.</p>
|
|
<ol>
|
|
<li>STEP-1 (concrete, doable today).</li>
|
|
<li>STEP-2 (include any copy-paste message in <i>italics</i>).</li>
|
|
<li>STEP-3 (how to check it worked).</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Small fixes, in order</h2>
|
|
<!-- one .cols block per finding; 5-10 max; tag = severity word only where literally true -->
|
|
<div class="cols">
|
|
<div><p class="row-title">FINDING-TITLE <span class="mono tag">low</span></p></div>
|
|
<div>
|
|
<p>WHAT-WE-FOUND with the exact evidence, e.g. a quoted tag in <code>code</code>.</p>
|
|
<p class="fix"><b>Fix:</b> CONCRETE-STEPS a non-technical person can follow.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Where to focus first</h2>
|
|
<!-- healthy sites only: omit this whole section when the site is down -->
|
|
<p>FOCUS-INTRO: the one topic area to build toward and why it fits this site.</p>
|
|
<div class="cols">
|
|
<div><p class="row-title">KEYWORD <span class="mono tag">N searches/mo</span></p></div>
|
|
<div>
|
|
<p>WHY-THIS-KEYWORD: who searches it and how winnable it is, in plain words.</p>
|
|
<p class="fix"><b>Make:</b> WHAT-TO-CREATE, one page or post and its angle.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Already working</h2>
|
|
<ul class="plain">
|
|
<li>GOOD-THING. <span class="why">Why it matters, one clause.</span></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>Reviewed DATE. DATA-SOURCES, e.g.: crawl and backlink data from OpenSEO; every page also fetched and reviewed individually.</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|