公開してよい内容と利用許諾を確認できていれば、紙のパンフレットをPDFにしてホームページへ載せられます。ただし、読者に内容を理解してもらい、問い合わせや資料確認などの次の行動へつなげたいなら、PDFを置くだけではなく、重要情報をHTMLページで示したうえでダウンロード用PDFを併用する方法が基本です。

PDFは、紙面のレイアウトを保ったまま配布でき、保存や印刷にも向いています。一方、紙向けの細かな文字をスマートフォンで読むには拡大操作が必要になり、更新や関連ページへの案内にも手間がかかります。この記事のHTMLとは、ホームページの通常の文章ページを指します。PDFかHTMLかを一律に決めるのではなく、資料に担わせる役割から選びます。

結論:Webで伝える情報と、持ち帰る資料を分ける

PDFとHTMLには、それぞれ異なる得意分野があります。会社案内や商品パンフレットをWebで活用するときは、次のように役割を分けると判断しやすくなります。

提供方法向いている情報注意点判断
PDFのみ印刷・保存を主目的とする資料、紙面の再現に意味がある資料概要、容量、更新日、ファイル形式をリンク元で説明する補足資料として使うなら選択肢になる
HTML+PDF会社・サービスの概要、比較材料、問い合わせ前の説明HTMLとPDFの内容や更新時期が食い違わないよう管理する理解と持ち帰りの両方を支えやすい
HTML中心頻繁に更新する情報、スマートフォンで読まれる情報、次の行動への案内が重要な情報印刷・配布用の資料が必要なら別途用意するWeb上の意思決定を優先する場合に向く

たとえば、サービスの対象者、提供内容、選び方、問い合わせ方法はHTMLで伝え、仕様一覧や会社案内の保存版をPDFで提供します。読者はページ上で要点を理解してから、必要に応じて資料を持ち帰れます。

紙の会社案内とスマートフォンのページを手元で見比べる担当者
紙面をそのまま縮めるのではなく、スマートフォンで先に伝える要点と、保存する資料の役割を分けます。

会社案内の全ページを文章へ写す必要はありません。まず「誰に何を頼める会社か」「対応できる仕事」「相談方法」をページに置き、細かな仕様や保存したい情報を資料へ分けます。ホームページ全体の分け方は会社のホームページに必要な基本構成で確認できます。

PDFパンフレットのメリットと注意点

観点メリット注意点
制作既存の印刷データとデザインを活用できる修正のたびに書き出しと差し替えが必要になる
閲覧保存後にオフラインで確認でき、印刷もしやすい紙向けの文字や見開きは小さな画面で読みにくいことがある
情報設計複数ページの資料を一つのファイルにまとめられる目次、しおり、見出し、リンクがなければ目的の情報を探しにくい
検索文字情報を含むPDFはGoogleのインデックス対象になり得るインデックス可能であることと、読者が使いやすいことは別の問題
運用営業や展示会でも同じ資料を共有できる古い版やリンク切れ、公開してはいけない情報の残存を管理する必要がある

Google Search Centralの公式資料では、PDFはGoogleがインデックスできるファイル形式に含まれています。ただし、検索される可能性があるという理由だけで、主要情報をすべてPDFへ閉じ込める必要はありません。読者が比較や判断に使う情報は、サイト内を移動しやすく、更新もしやすいHTMLに置く方が管理しやすくなります。

Bämの判断基準

Bämでは、見た目を再現する前に「誰に何を伝え、読んだ後に何をしてほしいか」を伺います。PDFを使うかどうかも、紙のデザインをそのまま見せられるかだけでなく、読者が内容を理解し、必要な資料や問い合わせ先へ進めるかで判断します。

確認する問いPDFを活かしやすい状態HTMLも用意したい状態
読者の目的は何か資料を保存・印刷し、後で参照したいその場で概要を理解し、候補を比較したい
情報はどの程度変わるか発行単位で版を管理できるサービス内容や案内を随時更新する
どの端末で読むか印刷物や大きな画面での閲覧が中心スマートフォンから要点を確認する
読後に何をしてほしいかダウンロードや社内共有が目的関連ページの閲覧、問い合わせ、応募へ進んでほしい
価値は何で伝わるか紙面全体の構成や図版に意味がある背景、比較条件、根拠を順番に説明する必要がある

「高品質」「丁寧」などの言葉だけでは、読者は自社に合う会社かを判断しにくくなります。企業が積み重ねてきた仕事の手順、品質基準、現場の工夫などを掘り起こし、読者の疑問に沿ってHTMLで説明し、詳しい資料としてPDFを渡す流れを設計します。

公開前に整える7項目

準備の前提として、掲載内容が社外向けに公開できるかを確認します。写真や図版は、印刷物での利用だけでなくホームページで使える条件も確認してください。写真の確認先と残す記録はホームページへ写真を載せる前の権利確認にまとめています。

  1. リンク元に内容を説明する:「資料はこちら」だけでなく、資料名、対象者、含まれる情報を示します。
  2. HTMLに要点を掲載する:読者がPDFを開かなくても、概要と自社に関係する資料かを判断できるようにします。
  3. 文字情報を確認する:スキャン画像だけのPDFは、必要に応じてOCR(画像の文字を検索・選択できる文字へ変換する処理)を行います。変換後は社名、品番、金額などの誤認識も見直します。
  4. 文書構造を整える:タイトル、言語、見出し、リスト、表、画像の代替テキスト、読む順序を確認します。
  5. 移動手段を用意する:ページ数が多い資料には目次やしおりを付け、リンク先が分かる文言を使います。
  6. 容量と表示を確認する:画質を必要以上に落とさず、想定端末と通信環境で開けるかを確認します。
  7. 公開情報を点検する:個人情報、校正コメント、編集履歴、非公開情報、古い連絡先が残っていないか確認します。

ウェブの標準を策定するW3Cの「WCAG 2.2 Techniques」には、PDFのOCR、見出し、しおり、読む順序、文書タイトル、言語、リンク、リストなどの改善例が整理されています。文字を選べるだけで確認を終えず、読み上げの順序と、キーボードでリンクへ移動できるかも確かめます。自動検査の合格だけで、内容の読みやすさまで保証されるわけではありません。

PDFには、画面で見えにくいコメント、作成者などの情報、非表示のレイヤーや添付が残ることもあります。公開版のコピーで不要情報を除き、保存して開き直したファイルを確認してください。Adobe Acrobat Proには非表示情報を調べて削除する機能があります。公開してよいか判断できない資料は、そのままアップロードせず内容の責任者へ確認します。

PDFをWeb公開する手順

  1. 目的を決める:保存、印刷、社内共有、問い合わせ前の検討など、PDFに担わせる主な役割を決めます。
  2. HTMLとの分担を決める:検索・比較・行動に必要な情報をHTMLへ、詳細資料や保存版をPDFへ分けます。
  3. 公開版を作る:読みやすさ、文書構造、リンク、ファイル名、文書タイトル、更新情報を整えます。
  4. 容量を調整する:画像の状態を確認し、画質と読み込み負担のバランスを取ります。具体的な作業はPDF最適化の手順で解説しています。
  5. 実機で確認する:パソコンとスマートフォンで開き、文字、図表、リンク、目次、ダウンロードを確認します。
  6. 更新責任者を決める:元データ、公開版、掲載ページ、更新日を台帳で管理し、差し替え漏れを防ぎます。
印刷したパンフレットとパソコンのページを照合する担当者
PDFと掲載ページを一組で管理し、説明や連絡先、更新した版に食い違いがないか確認します。

更新漏れを防ぐには、PDFのファイル名だけでなく、掲載ページと確認担当を一緒に記録します。たとえば連絡先が変わるときは、PDFとホームページの両方を同じ担当者が照合します。次のように、編集元・掲載先・担当・確認結果を一組で管理すると確認しやすくなります。

管理するもの記録すること
編集元と公開版元データの保管先、公開PDFの版・発行日
掲載先説明ページとPDFのURL、関連する案内ページ
担当と確認日内容を確認する人、掲載する人、次の確認日
更新後の確認リンク先の版、表示、連絡先、形式・容量の案内

新しい版を載せた後も、古いURLを使う人がいる場合があります。旧版を残すか、同じ内容へ案内するかを決めずに消さないでください。差し替え・版管理の詳しい手順は、前述のPDF最適化の記事にまとめています。

公開・更新チェックリスト

  • PDFを使う目的と対象読者が決まっている
  • 重要情報と問い合わせ先への案内をHTMLにも掲載した
  • リンク文言から資料の内容が分かる
  • 文字を選択・検索できる
  • 文書タイトル、言語、見出し、読む順序を確認した
  • 画像、表、リンク、目次、しおりを確認した
  • スマートフォンでも必要な情報を読める
  • 公開ページにファイル形式と容量を表示した
  • 個人情報、コメント、編集履歴、古い情報が残っていない
  • 更新日、責任者、元データ、公開先を記録した
  • 古いPDFへのサイト内リンクが残っていない
  • 更新後にダウンロードと表示を再確認した

PDFは補足資料として、Webページは意思決定の場として設計する

PDFは、紙のパンフレットを保存・印刷可能な形で届ける手段として有効です。しかし、既存データをアップロードしただけでは、読者が自分に必要な資料かを判断できず、スマートフォンでの閲覧や情報更新にも負担が残ります。

まず読者に理解してほしい要点と次の行き先をHTMLで設計し、PDFには詳細資料や持ち帰り資料の役割を持たせてください。Bämのホームページ制作・改善の内容では、今ある資料をもとに必要なページと文章を整理します。どこまでをページに直すか迷う場合は、会社案内やPDFのホームページ掲載について相談するから状況をお聞かせください。

参考資料