<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>記事タイトル</title>
<meta name="description" content="記事の説明文（120文字前後で入力）">
<meta property="og:title" content="記事タイトル">
<meta property="og:description" content="記事の説明文（120文字前後で入力）">
<meta property="og:image" content="https://example.com/images/thumbnail.webp">
<meta property="og:type" content="article">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "記事タイトル",
  "image": "https://example.com/images/thumbnail.webp",
  "datePublished": "2026-01-01",
  "dateModified": "2026-01-01",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/blog/article"
  }
}
</script>
<style>
  body { font-family: sans-serif; line-height: 1.8; margin: 0; color: #222; }
  main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
  .hero img { width: 100%; height: auto; }
  h1 { font-size: 1.7rem; line-height: 1.4; }
  h2 { font-size: 1.3rem; border-bottom: 2px solid #ddd; padding-bottom: 6px; margin-top: 2.2em; }
  img { max-width: 100%; height: auto; }
</style>
</head>
<body>
<main>
  <div class="hero">
    <h1>記事タイトル</h1>
    <img src="https://example.com/images/thumbnail.webp" alt="記事サムネイル">
  </div>

  <p>※本記事はPRも含みます</p>

  <h2>はじめに</h2>
  <p>導入文を入力します。</p>

  <h2>見出し</h2>
  <p>本文を入力します。</p>

  <h2>まとめ</h2>
  <p>まとめを入力します。</p>

  <!-- ▼ あくまでミニアド工房を利用する場合は、この下に広告コードを全文貼り付け ▼ -->

</main>
</body>
</html>

📋