--- title: "noindexと認証を両方使うときの手順と注意点" description: "HTMLプレビューをnoindexで検索除外しながら認証でアクセス制限したい方向け。設定手順と失敗しやすい注意点を具体的に解説します。" image: "https://giga-site.com/og-image.png" canonical: "https://giga-site.com/articles/how-to-noindex-plus-auth-steps-note" markdown: "https://giga-site.com/articles/how-to-noindex-plus-auth-steps-note/index.md" category: "ハウツー" publishedAt: "2026-06-25" updatedAt: "2026-06-25" readingMinutes: 4 --- # noindexと認証を両方使うときの手順と注意点 未公開のWebページを関係者だけに見せるとき、検索エンジン対策と人的アクセス制限の両方を同時に設定するのは少し手間がかかります。しかしnoindexタグの記述ミスや認証設定の抜けがあると、意図しない情報漏洩につながりかねません。ここでは手順を段階に分けて整理し、よくある注意点とあわせて解説します。 > Source HTML: https://giga-site.com/articles/how-to-noindex-plus-auth-steps-note > Article index: https://giga-site.com/articles/index.md ## 準備するもの 設定に入る前に、共有するHTMLファイルの数を把握します。1ページであればヘッダーへの直接追記で完結しますが、複数ページがあるなら共通テンプレートを持つビルドシステムかどうかを確認してください。共通テンプレートがあればnoindexの追記は1箇所で済みます。 認証サービスの選定も事前に済ませておきます。ギガサイト便のようなドラッグ＆ドロップ型サービスはアップロード時にパスワード設定できるため、サーバー知識がなくても3分以内で認証付きURLを発行できます。自前のWebサーバーを使う場合は.htaccessやNginxの設定が必要になる点を踏まえ、工数を見積もっておきましょう。 - 相手がログインなしで開ける状態か確認する - PCとスマホで最低1回ずつ表示を確認する - 内部情報・個人情報・不要な外部送信が残っていないか見る - レビュー期限と修正時の差し替え方を決めておく ## 実際の手順 手順1：HTMLの``タグ内の最初の行に``を追記します。contentの値はカンマ区切りで複数指定でき、`nofollow`を加えることでページ内のリンクもクロールさせない指示になります。 手順2：認証設定済みのサービスにHTMLをアップロードし、URLを発行します。発行後は必ずシークレットウィンドウでURLにアクセスし、①認証画面が先に表示されること、②認証後にページソースにnoindexメタタグが含まれることを目視確認してください。 手順3：確認が取れたらクライアントにURLとパスワード（別ルートで）を送付します。パスワードをURLと同じメールに書くと、メールが転送された場合にセキュリティが破られるため、必ず別のメッセージ手段（Slack DM・SMS・電話）で伝えます。 ## 失敗しやすい点 よくある失敗の一つが、`noindex`のスペルミスです。`no-index`や`no_index`と書いてしまうと無効な値として無視され、インデックスされてしまいます。設定後にソースを`Ctrl+F`で検索して`noindex`が正しく存在するか確認する癖をつけましょう。 もう一つは、認証を「URLパラメータ付き」で共有してしまうケースです。共有サービスによってはパスワードがURLに含まれる形式（例：`?token=xxxx`）になるものがあり、このURLをSNSに貼ると認証が意味をなさなくなります。メール本文にURLを貼る前に、URLにトークンが含まれていないか確認してください。 ## テンプレ文面 メール件名例：「[要確認] デザインプレビューURL共有（確認期限：〇月〇日）」本文例：「お疲れ様です。デザイン確認用URLをご案内します。本URLは検索エンジン非掲載設定済みです。パスワードは別途Slackでお送りします。URLの第三者転送はお控えください。」 パスワードを別送する際の文面例（Slack）：「先ほどのメールのプレビューURL用パスワードは【●●●●】です。期限後は自動でアクセス不可になります。」短く具体的に書くことで、クライアントが手順を間違えるリスクを減らせます。 ## よくある質問 ### noindexとnoarchiveは何が違いますか？どちらを使うべきですか？ noindexはページをインデックスに登録しない指示、noarchiveはキャッシュの保存を禁止する指示です。プレビューURLでは両方を設定するのが理想的で、`content='noindex,nofollow,noarchive'`と組み合わせて記述できます。 ### 認証ページのURLがSNSにシェアされてしまった場合、どう対処しますか？ まず該当URLのパスワードを即座に変更します。次に、URLそのものを無効化または変更できるサービスであれば新しいURLを発行し、関係者にのみ再送します。noindexが設定されていれば検索エンジン経由のアクセスは発生しません。 ### 認証とnoindexの両方を設定しても、Webアーカイブサービス（Wayback Machineなど）に保存されますか？ 認証付きURLはWayback Machineのクローラーも突破できないため、通常は保存されません。ただし保存を完全に防ぐ保証はなく、公開URLに変更した後に保存されるリスクがあります。機密性が高い場合は公開期間を最短にするのが最善策です。 ## 関連記事 - [メール認証の対象者を整理するときの手順と注意点](https://giga-site.com/articles/how-to-email-auth-list-steps-note/index.md) - [差し替え履歴をメモするときの手順と注意点](https://giga-site.com/articles/how-to-version-note-steps-note/index.md) - [noindexと認証を両方使う方法](https://giga-site.com/articles/how-to-noindex-plus-auth-method/index.md) - [noindexと認証を両方使うためのチェックリスト](https://giga-site.com/articles/how-to-noindex-plus-auth-checklist/index.md) - [レビュー用URLをSlackで配るときの手順と注意点](https://giga-site.com/articles/how-to-slack-distribute-steps-note/index.md) - [レビュー用URLをTeamsで配るときの手順と注意点](https://giga-site.com/articles/how-to-teams-distribute-steps-note/index.md) ```json { "@context": "https://schema.org", "@type": "Article", "headline": "noindexと認証を両方使うときの手順と注意点", "description": "HTMLプレビューをnoindexで検索除外しながら認証でアクセス制限したい方向け。設定手順と失敗しやすい注意点を具体的に解説します。", "datePublished": "2026-06-25", "dateModified": "2026-06-25", "mainEntityOfPage": "https://giga-site.com/articles/how-to-noindex-plus-auth-steps-note", "url": "https://giga-site.com/articles/how-to-noindex-plus-auth-steps-note", "inLanguage": "ja", "image": "https://giga-site.com/og-image.png", "articleSection": "ハウツー", "author": { "@type": "Organization", "name": "ギガサイト便" }, "publisher": { "@type": "Organization", "name": "ギガサイト便" }, "mainEntity": [ { "@type": "Question", "name": "noindexとnoarchiveは何が違いますか？どちらを使うべきですか？", "acceptedAnswer": { "@type": "Answer", "text": "noindexはページをインデックスに登録しない指示、noarchiveはキャッシュの保存を禁止する指示です。プレビューURLでは両方を設定するのが理想的で、`content='noindex,nofollow,noarchive'`と組み合わせて記述できます。" } }, { "@type": "Question", "name": "認証ページのURLがSNSにシェアされてしまった場合、どう対処しますか？", "acceptedAnswer": { "@type": "Answer", "text": "まず該当URLのパスワードを即座に変更します。次に、URLそのものを無効化または変更できるサービスであれば新しいURLを発行し、関係者にのみ再送します。noindexが設定されていれば検索エンジン経由のアクセスは発生しません。" } }, { "@type": "Question", "name": "認証とnoindexの両方を設定しても、Webアーカイブサービス（Wayback Machineなど）に保存されますか？", "acceptedAnswer": { "@type": "Answer", "text": "認証付きURLはWayback Machineのクローラーも突破できないため、通常は保存されません。ただし保存を完全に防ぐ保証はなく、公開URLに変更した後に保存されるリスクがあります。機密性が高い場合は公開期間を最短にするのが最善策です。" } } ] } ```