SEO Scaffolding ／実装見本

Nærvær サイトに仕込むSEOの「入れ物」

「HTMLにSEOを仕込むと、具体的に何が入るのか」を、実物で見られるようにした見本です。このページの <head> には、下で説明しているSEOタグが実際に入っています（ブラウザの「ページのソースを表示」で確認できます）。値は本番用のサンプルで、まだ決まっていない情報は「（未定）」にしてあります。

ポイント：SEOは「魔法の呪文をHTMLに埋める」ことではなく、①検索結果での見え方（title・説明文）／②SNSで貼られた時のカード（OGP）／③Googleに“これは宿”と伝える構造化データを、正しい場所に置くことです。ワードの詰め込みは逆効果になります。

01Google検索結果での見え方

<title> と meta description が、検索結果のこの見た目を作ります。クリックされるかどうかはほぼここで決まります。

Nærvær

https://naervaer.com

Nærvær（ネアヴェア）｜佐久穂町の古民家一棟貸し宿

長野県佐久穂町の古民家を一棟貸し。静かな離れ、おかえりごはん、地域体験と一時保育。そばにいる時間を過ごす小さな宿 Nærvær。

02SNS・LINEで貼られた時のカード（OGP）

og:image などが、この共有カードを作ります。写真主役の宿は、ここの1枚で印象が大きく変わります。

og:image（1200×630）共有時に出る写真

naervaer.com

Nærvær（ネアヴェア）｜佐久穂町の古民家一棟貸し宿

長野県佐久穂町の古民家を一棟貸し。そばにいる時間を過ごす小さな宿。

03<head> に入っているタグと、その役割

実際にこのページに入っている中身です。1つずつ、何のためのものかを添えます。

基本タグ最重要

<title>Nærvær（ネアヴェア）｜佐久穂町の古民家一棟貸し宿</title>
<meta name="description" content="長野県佐久穂町の古民家を一棟貸し。…そばにいる時間を過ごす小さな宿。">
<link rel="canonical" href="https://naervaer.com/">
<html lang="ja">  <meta name="viewport" …>

title＝検索結果の青い見出し。「宿名＋地名＋宿の種類」を入れるのが定石。
description＝検索結果の説明文。詰め込まず、人が読んで泊まりたくなる1〜2文。
canonical＝「正式なURLはこれ」の指定。URL違いで評価が分散するのを防ぐ。
lang="ja" / viewport＝日本語ページ・スマホ対応の宣言（スマホ対応はSEOに直結）。

OGP・Twitterカード

<meta property="og:title"  content="Nærvær｜佐久穂町の古民家一棟貸し宿">
<meta property="og:image"  content="https://naervaer.com/ogp.jpg">
<meta property="og:url"    content="https://naervaer.com/">
<meta name="twitter:card"  content="summary_large_image">

SNS・LINEで貼られた時のカード（02）を作るタグ。検索順位そのものではないが流入に効く。
og:image 用に、横長（1200×630）の見栄えする1枚を1つ用意しておく。

検索エンジンへの指示（robots）本番で変更

<!-- この見本ページ：検索除け -->
<meta name="robots" content="noindex">

<!-- 本番サイト：検索に載せる -->
<meta name="robots" content="index, follow">

いまの見本や制作中サイトは noindex で検索に出さない。公開時にこれを外すのが最後の一手。
「作ったのに検索に出ない」の多くは、この外し忘れが原因。

04構造化データ（JSON-LD）— Googleに「宿」と伝える

人が読む文章とは別に、機械が読む用の宿情報。住所・料金帯・地図・SNSをまとめて渡すと、Googleが「これは宿泊施設」と正確に理解し、地図や情報付きで表示されやすくなります。

<script type="application/ld+json">
{
  "@type": "LodgingBusiness",
  "name": "Nærvær（ネアヴェア）",
  "url": "https://naervaer.com/",
  "priceRange": "¥¥",
  "numberOfRooms": "1",
  "address": {
    "addressRegion": "長野県",
    "addressLocality": "南佐久郡佐久穂町",
    "streetAddress": "（番地・未定）"
  },
  "geo": { "latitude": "36.XXXX（未定）", "longitude": "138.XXXX（未定）" },
  "telephone": "（電話番号・未定）",
  "sameAs": [ "Instagram（未定）", "Airbnbの宿URL（未定）" ]
}
</script>

LodgingBusiness＝「宿泊施設」を表すschema.orgの型。宿はこれが最適。
住所・緯度経度・電話・料金帯・SNSを入れると、ローカル検索やGoogleマップとの相性が上がる。
（未定）の項目は、番地・電話・座標・各SNSのURLが決まり次第うめる。

05サイト全体で用意する2ファイル

sitemap.xml

サイト内ページの一覧。Googleに「このページたちを見て」と渡す地図。ページが増えたら追記。

robots.txt

巡回ルールとsitemapの場所を書く小さなファイル。Sitemap: https://naervaer.com/sitemap.xml の1行を入れておく。

06本番サイトにする時にやること

noindex を外す（index, follow にする）。これで初めて検索に載る。
（未定）を実データに：番地・電話・座標・料金帯・InstagramとOTAのURL。
og:image を実写に：横長の見栄えする1枚を用意。
本文に地名・特徴を自然に：「佐久穂古民家一棟貸し子連れ」等を文章の中で普通に使う（羅列はしない）。
そして最強の一手＝Googleビジネスプロフィール登録（Googleマップ）。宿はここが集客の本命。

07AI検索への対策（GEO／AEO）

ChatGPT・Perplexity・GoogleのAI要約に「おすすめ／引用」されるための対策です。材料はWeb＋マップ＋口コミなので、上のSEOと約7割は同じ。追加で意識するのは下の点だけ。

AIに拾われる4つのコツ

事実を明快に断定で書く（定員・料金・アクセス・子連れ可否）＝AIは端的な一文を引用しやすい。
Q&A／FAQ形式＝質問と答えのセットが、最も引用されやすい形。
構造化データ(JSON-LD)＝機械が読む用の情報は、AIも読みやすい（04で実装済み）。
名前・住所・電話を全サイトで完全一致（NAP一貫）＝AIは複数ソースで裏取りする。公式・OTA・マップでバラつくと推薦から漏れる。

その他

良い口コミの量と返信＝AIは評判を要約して薦める（マップSEOと同じ武器）。
固有の一次情報（囲炉裏・星空など「その宿ならでは」）を書く＝一般論より拾われる。
robots.txt でAIクローラー（GPTBot等）を塞がない。※学習させたくなければ塞ぐ判断もあり＝オーナー次第。
llms.txt（AI向け要約の新仕様）は2026時点で普及・効果とも未確定＝様子見でOK。

要するに：AI対策は「別作業を足す」より、人にもAIにも分かりやすく・正直に・具体的に書くという同じ努力が両方に効きます。※GEO/AEOはまだ手法が固まりきっていない新領域なので、土台（事実の明快さ・情報の一貫・口コミ・構造化データ）を固め、細かい部分は動向を見るのが得策です。

まとめ　HTMLでもSEOはこの通りしっかり仕込めます。WordPressのSEOプラグインも、やっているのは結局この中身を“フォームで埋める”ことです。写真主役の1棟宿なら、軽くて速い静的HTML＋Googleマップ＋OTAの組み合わせが相性◎。
Nærvær ｜佐久穂町　—　海のぞう林のくじら合同会社　明紗美と大輔　／　※値はサンプル・未確定項目は（未定）