Site Builder

Editing: conversational-seo1.html

writable 0666

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Conversational SEO &nbsp;|&nbsp; BestDealOn Promptinator™</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description"
      content="Learn how BestDealOn’s Promptinator™ turns ordinary content into conversational SEO super‑fuel—perfectly structured for ChatGPT, Copilot, Perplexity and every AI assistant.">
<style>
/* ── brand tokens ───────────────────────────────────────────── */
:root{
  --brand:#0066ff;         /* primary accent */
  --brand-dark:#0044c4;
  --bg:#f9fbff;            /* page background */
  --fg:#111;               /* body text     */
  --card:#fff;             /* cards / panels */
  --gray:#606a7a;
  --radius:14px;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
/* ── layout ─────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--fg);line-height:1.58}
header{padding:1.2rem 1rem;text-align:center}
header a{color:var(--brand);text-decoration:none;font-weight:600}
h1{font-size:2.05rem;color:var(--brand);margin-bottom:.4rem}
p.lead{font-size:1.15rem;color:var(--gray);max-width:44rem;margin:.8rem auto 2.4rem}

main{max-width:1140px;margin:0 auto;padding:0 1rem 4rem}
.section{background:var(--card);border-radius:var(--radius);
         box-shadow:0 6px 24px rgba(0,0,0,.07);margin:2rem auto;padding:2.2rem}

h2{margin:0 0 1rem;color:var(--brand);font-size:1.55rem}
h3{margin:2rem 0 .7rem;font-size:1.3rem}

.btn{
  display:inline-block;background:var(--brand);color:#fff;padding:.7rem 1.35rem;
  border-radius:var(--radius);text-decoration:none;font-weight:600;transition:.15s}
.btn:hover{background:var(--brand-dark);filter:brightness(1.05)}

ul.check{
  list-style:none;padding:0;margin:1.1rem 0 0;
}
ul.check li{
  padding-left:1.7rem;margin:.55rem 0;position:relative
}
ul.check li::before{
  content:"✔";position:absolute;left:0;color:var(--brand)
}
/* promptinator demo holder */
.demo-box{
  display:flex;flex-direction:column;gap:1rem;
  background:#f4f6ff;border:1px solid #d7e0ff;border-radius:var(--radius);
  padding:1.3rem;overflow:hidden
}
.demo-box img{max-width:100%;border-radius:8px;border:1px solid #e1e8ff}
.demo-box select,.demo-box textarea,.demo-box button{
  font:inherit;width:100%;border:1px solid #ccd2e2;border-radius:8px;padding:.6rem .75rem
}
.demo-box button{background:var(--brand);color:#fff;font-weight:600;border:none}
.demo-box button:hover{background:var(--brand-dark)}
/* small utility */
.center{text-align:center}
.code{font-family:Consolas,Menlo,monospace;background:#eef2ff;padding:.15rem .35rem;border-radius:6px}
@media(prefers-color-scheme:dark){
  :root{--bg:#0d1117;--card:#161b22;--fg:#e6edf3;--gray:#9ba7b6;--brand:#2f81f7;--brand-dark:#225ccf}
  .demo-box{background:#1b2330;border-color:#273040}
  .demo-box img{border-color:#273040}
  .btn{filter:brightness(1.05)}
}
</style>
</head>
<body>

<header>
  <a href="/index.html">← Back to BestDealOn home</a>
  <h1>Conversational SEO<br><small style="font-size:65%;font-weight:400">with the Promptinator™</small></h1>
  <p class="lead">
     Give search‑class AIs something worth talking about.
     The Promptinator turns any marketing idea into structured, dialogue‑ready content that ChatGPT,
     Perplexity, Copilot & friends love to surface.
  </p>
</header>

<main>

<section class="section">
    <h2>Why “Conversational SEO” matters</h2>
    <ul class="check">
      <li><strong>Zero‑click answers</strong> dominate – people ask questions directly to AI assistants.</li>
      <li>Your business needs <strong>structured, dialogue‑ready snippets</strong> that those assistants quote.</li>
      <li><strong>Human + AI</strong> copywriting beats generic, keyword‑stuffed pages every single time.</li>
    </ul>
  </section>

<section class="section">
    <h2>Meet the Promptinator™</h2>
    <p>Think of it as a precision tool‑box for crafting prompts—one click loads a template, two edits make it yours.</p>

<select id="demoPick">
          <option value="">⇢ Choose a prompt…</option>
          <option value="why">“Why choose our roofing company in <city>?”</option>
          <option value="cta">Lead‑gen Call‑to‑Action for an email blast</option>
          <option value="social">30‑day social‑media calendar</option>
       </select>

<textarea id="demoArea" rows="4" placeholder="Prompt appears here…" disabled></textarea>
       <button onclick="copyDemo()">Copy prompt&nbsp;🔗</button>
    </div>

<h3>Popular templates included</h3>
    <ul class="check">
       <li><span class="code">Keyword Research &amp; Local Intent</span> – 30 seconds to a data‑driven plan.</li>
       <li><span class="code">Service v Problem ↔ Solution</span> – perfect for FAQ chat answers.</li>
       <li><span class="code">Social Boost 30×</span> – a month of posts personalised to your town.</li>
       <li><span class="code">Persona Storytelling</span> – teaches AI to “think” like your ideal customer.</li>
    </ul>
  </section>

<section class="section">
    <h2>Built for <em>you</em> – and for AI</h2>
    <ul class="check">
      <li><strong>Remote Plug‑in</strong> (WordPress / PHP): manage prompts from your own CMS.</li>
      <li><strong>REST API</strong>: POST a JSON blob, get back fully rendered, schema‑rich HTML.</li>
      <li><strong>Static‑file fallback</strong>: even if your DB sleeps, pages stay instantly cacheable.</li>
      <li><strong>Auto‑structured data</strong> – every answer carries JSON‑LD so search engines grok it.</li>
    </ul>

<div class="center" style="margin-top:2rem">
      <a class="btn" href="/members/register.php">Try the Promptinator →</a>
    </div>
  </section>

</main>

Site Builder

Editing: conversational-seo1.html

Site Builder