<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ title }{ | }}サイト名が入ります</title>
<meta name="description" content="{{ description }}">
<meta name="keywords" content="{{ keyword }} キーワードが入ります">

<!-- open graph -->
<meta property="og:title" content="自動で生成されます" />
<meta property="og:description" content="自動で生成されます" />
<meta property="og:image" content="example.png" />
<meta property="og:url" content="https://example.com/" />
<meta property="og:type" content="website" />

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "組織名・ブランド名",
  "url": "https://example.com/",
  "logo": "https://example.com/images/logo.png",
  "sameAs": [
    "https://www.facebook.com/your-page",
    "https://www.instagram.com/your-account"
  ]
}
</script>

<!-- favicon -->
<link rel="icon" href="sample.ico" type="image/x-icon" />
<link rel="icon" href="sample.png" type="image/png" sizes="192x192" />
<link rel="apple-touch-icon" href="sample.png" />

<!-- library -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!-- assets -->
<link rel="stylesheet" href="https://common.assets.01core.app/files/site-parts-assets/css/base-style-v2.css" />

<div class="webapp-layout-root">
<div class="webapp-layout-header">
</div>

<main class="webapp-layout-main l-main">
</main>

<div class="webapp-layout-footer">
</div>
</div>

<script>
  (function () {
    const title = document.title;
    const description = document.querySelector('meta[name="description"]')?.getAttribute("content") || "";
    const ogTitle = document.querySelector('meta[property="og:title"]');
    const ogDescription = document.querySelector('meta[property="og:description"]');

    if (ogTitle && title) {
      ogTitle.setAttribute("content", title);
    }

    if (ogDescription && description) {
      ogDescription.setAttribute("content", description);
    }
  })();
</script>