---
title: "ブランドガイドラインHTMLを共有する方法"
description: "HTMLで制作したブランドガイドラインを外部のデザイン会社やパートナーに安全に共有したい担当者向けに、共有前の確認事項から認証方式・送付方法・改版管理の実務手順を解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/share-html-brand-guideline"
markdown: "https://giga-site.com/articles/share-html-brand-guideline/index.md"
category: "コンテンツ別"
publishedAt: "2026-06-25"
updatedAt: "2026-06-25"
readingMinutes: 4
---
# ブランドガイドラインHTMLを共有する方法

ブランドガイドラインをHTMLにまとめたあと、デザイン会社や広告代理店に渡す際に「Dropboxに入れたがアカウントを持っていない」「PDFに変換するとフォント見本が崩れる」という問題が起きやすい。ギガサイト便を使えばHTML形式のまま共有URLを発行でき、ドメイン認証やパスワードで閲覧者を絞ることができる。

> Source HTML: https://giga-site.com/articles/share-html-brand-guideline
> Article index: https://giga-site.com/articles/index.md

## 共有前の確認点

ブランドガイドラインHTMLには社外秘のカラーコード体系・フォントライセンス条件・使用禁止例などが含まれることが多い。共有前に「この内容を受け取る相手が、秘密保持契約（NDA）の締結対象かどうか」を確認する。NDA未締結の相手にはガイドラインの一部を抜粋した限定版を共有し、フルバージョンはNDA締結後に別URLで渡す運用が安全だ。

WebフォントをCDNで読み込んでいる場合、CDNのライセンスが「商用サービスへの埋め込み」を許可しているか確認する。一部のWebフォントサービスはセルフホストを禁止しており、共有URLのドメインがライセンス対象外になるケースがある。ライセンス上問題がある場合はフォントを画像に置き換えるか、フォントファイルを含むZIPで配布する。

- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく

## 向いている認証方式

広告代理店など複数の担当者がいる外部パートナーには、パスワード認証が管理しやすい。代理店の担当者が変わるたびにメールアドレスを登録し直す必要がなく、パスワードを社内で引き継げばすぐに閲覧できる。ブランドガイドラインは頻繁に変わるものではないため、半年〜1年単位でパスワードを更新するサイクルを設けるとよい。

社内のデザインチームや関連部署がガイドラインを参照する用途では、会社ドメイン認証が最も摩擦なく運用できる。誰でも社内メールアドレスがあればアクセスできるため、「ガイドラインのURL」を社内Wikiに貼るだけで問い合わせが減る。ガイドラインが更新されてもURLが変わらなければWikiの更新も不要だ。

- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない

## 相手への送り方

外部パートナーへの初回送付時には「このURLはブランドガイドラインの最新版です。社内共有は許可しますが、第三者への転送はご遠慮ください」という一文を添える。ブランドガイドラインは競合他社に渡ると意匠上の問題が生じる可能性があるため、URLを無断転送されるリスクを事前に注意喚起することが重要だ。

パスワードは送付メールとは別のチャネルで連絡する。メールがフォワードされた場合にパスワードまで同時に渡らないようにするためだ。Slackのダイレクトメッセージや電話で口頭伝達する方法が望ましい。パスワードを記載したメールを誤送信してしまった場合は、即座にパスワードを変更して新しいパスワードを正しい相手だけに再送する。

## 更新・期限管理

ブランドガイドラインは改版のたびにURLが変わると、外部パートナーが古いURLをブックマークしたままになる問題が起きる。ギガサイト便のファイル差し替え機能を使えばURLを維持したまま最新版に更新できる。改版した際は「○月○日にversionを更新しました。ブラウザの再読み込みをお願いします」と関係者全員に一斉通知するフローを作っておく。

ブランドガイドラインの共有URLには期限を設けないか、1年以上の長期設定にすることが多い。ただし代理店との契約が終了した場合は即座にパスワードを変更または期限を切って旧担当者のアクセスを遮断する必要がある。契約終了チェックリストにURL認証の無効化を含めておくと対応漏れを防げる。

## よくある質問

### ブランドガイドラインのHTMLに埋め込まれたSVGアイコンがアップロード後に表示されない場合、原因として何が考えられますか？

インラインSVGは通常表示されますが、外部ファイルとして参照しているSVGはHTMLと同じディレクトリに配置する必要があります。HTMLファイルのみをアップロードしている場合、外部SVGが404になります。SVGを含めたZIPでアップロードするか、SVGをbase64でインライン化してください。

### パートナー企業が複数の部署からガイドラインを閲覧する場合、全員に同じパスワードを共有してよいですか？

同じパスワードで問題ありませんが、担当者の退職や異動時にパスワードの変更連絡が全部署に行き渡るよう、窓口担当者を1名決めてその方にパスワード管理を委ねることを推奨します。パスワード変更時の通知フローをあらかじめ決めておくと運用が安定します。

### ブランドガイドラインに新しいカラーパレットを追加したとき、外部パートナーに変更点だけを素早く伝える方法はありますか？

HTMLの先頭に「更新履歴」セクションを設けておくと、差し替え後にパートナーが変更点を一目で把握できます。更新通知メールには「更新箇所：カラーパレットのセクションに新色3色を追加」のように具体的な場所を明記することで、ガイドライン全体を読み直す手間を省けます。

## 関連記事

- [料金改定案HTMLを共有する方法](https://giga-site.com/articles/share-html-pricing-revision/index.md)
- [キャンペーンカレンダーHTMLを共有する方法](https://giga-site.com/articles/share-html-campaign-calendar/index.md)
- [採用候補者向け課題HTMLを共有する方法](https://giga-site.com/articles/share-html-candidate-task/index.md)
- [オンボーディングチェックリストHTMLを共有する方法](https://giga-site.com/articles/share-html-onboarding-checklist/index.md)
- [社内ポータル試作HTMLを共有する方法](https://giga-site.com/articles/share-html-internal-portal-mock/index.md)
- [営業トークスクリプトHTMLを共有する方法](https://giga-site.com/articles/share-html-sales-script/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "ブランドガイドラインHTMLを共有する方法",
  "description": "HTMLで制作したブランドガイドラインを外部のデザイン会社やパートナーに安全に共有したい担当者向けに、共有前の確認事項から認証方式・送付方法・改版管理の実務手順を解説します。",
  "datePublished": "2026-06-25",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/share-html-brand-guideline",
  "url": "https://giga-site.com/articles/share-html-brand-guideline",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "コンテンツ別",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "ブランドガイドラインのHTMLに埋め込まれたSVGアイコンがアップロード後に表示されない場合、原因として何が考えられますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "インラインSVGは通常表示されますが、外部ファイルとして参照しているSVGはHTMLと同じディレクトリに配置する必要があります。HTMLファイルのみをアップロードしている場合、外部SVGが404になります。SVGを含めたZIPでアップロードするか、SVGをbase64でインライン化してください。"
      }
    },
    {
      "@type": "Question",
      "name": "パートナー企業が複数の部署からガイドラインを閲覧する場合、全員に同じパスワードを共有してよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "同じパスワードで問題ありませんが、担当者の退職や異動時にパスワードの変更連絡が全部署に行き渡るよう、窓口担当者を1名決めてその方にパスワード管理を委ねることを推奨します。パスワード変更時の通知フローをあらかじめ決めておくと運用が安定します。"
      }
    },
    {
      "@type": "Question",
      "name": "ブランドガイドラインに新しいカラーパレットを追加したとき、外部パートナーに変更点だけを素早く伝える方法はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HTMLの先頭に「更新履歴」セクションを設けておくと、差し替え後にパートナーが変更点を一目で把握できます。更新通知メールには「更新箇所：カラーパレットのセクションに新色3色を追加」のように具体的な場所を明記することで、ガイドライン全体を読み直す手間を省けます。"
      }
    }
  ]
}
```