SEO Scaffolding ／ 実装見本

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

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

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

01Google検索結果での見え方

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

N
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>

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

sitemap.xml

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

robots.txt

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

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

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