★ Let's become a Web Designer! 【プロフィール】 【ホームページ制作】 【ビジネス講座】 【お問い合わせ】 【運営会社】
 

PDFファイルを表示する方法

 
トップページ はじめにご覧ください ホームページ制作講座の効果 作成実績 受講者の声 パーツテンプレート集 ホームページ基礎講座
 
 
プロフィール 制作依頼 ビジネス講座 お問い合わせ
 

PDFファイルを表示する方法

 
トップページ 基礎知識 ホームページソフト HTMLタグ CSS入門 テクニック集
 
 
  トップページ > ホームページ作成で使えるテクニック
 

PDFファイルをホームページにそのまま表示する方法

PDFファイルをホームページにそのまま表示する方法をお伝えします。

この方法は、ホームページからPDFファイルにリンクを貼るのではなく、ホームページ上に、そのままPDFファイルの内容を表示させる方法(埋め込む方法)です。

PDFファイルをホームページにそのまま表示する方法


やり方はとても簡単なので、ぜひそのまま実施してみてくださいね。




PDFファイルをホームページにそのまま表示する方法の手順

 
手順1:PDFファイルをレンタルサーバにアップする。

まずは、ホームページに表示したいPDFファイル(report.pdf)を、レンタルサーバにアップします。

PDFファイルをアップロードする場所については、HTMLファイルと同じ場所にアップロードすると、分かりやすいです。



手順2:PDFを表示したい箇所に、下記のソースを入れる。

<embed src="report.pdf" type="application/pdf" width="100%" height="600">

上記のソースで、「report.pdf」の個所は、ホームページに表示したいPDFファイルの名前に変更してください。

こうすることで、ホームページにリンクが表示されます。

具体的には、下記のように表示されるはずです。


【注意】

「自分で更新できる最短ホームページテンプレート」 をお使いの場合は、 HTMLファイル(index.htmlファイルなど)と同じ場所に、PDFファイルを保存するようにしてください。




PDFファイルの内容は、ホームページに文章として掲載したほうが良い

 

PDFファイルをホームページにそのまま表示する方法をご紹介しましたが、できれば、PDFファイルの内容を、ホームページに文章として掲載した方が良いです。

その理由は、「SEO対策になる」ということと、「訪問者が見やすい」という2つの理由からです。

PDFファイルの内容も検索エンジンにはヒットするのですが、ホームページ上の文章の方が検索エンジンは重要視しているように見えます。

また、PDFファイルの内容をそのままホームページに表示すると、ちょっと見づらいのですよね。

このような理由から、できれば、PDFファイルの内容はホームページに文章として掲載することをおすすめしますね。



やり方が分からない場合は?

もし、やり方が分からなかったり、うまく行かなかった場合は、下記ページからお問い合わせください。


「こういうことを実現したい!」や「こんなことで困っている…」などを含めて、当サイトの運営者が、直接サポートさせていただきますね。





【よく読まれている関連記事】



ホームページについて、次のステップへ
自分で作りたい方、制作をお願いしたい方、作成スキルを仕事にしたい方へ。
目的に合わせてお選びください。
仕事にしたい
ホームページ作成を仕事にしたい方へ

AIを活用してホームページを作り、そのスキルを仕事や収入につなげたい方のための講座です。

作ってほしい
ホームページを作ってほしい方へ

「自分で作るのは難しい」という方へ。 分かりやすく使いやすいホームページを、低価格で制作しています。

自分で作りたい
自分でホームページを作ってみたい方へ

初心者向けのホームページテンプレートをご用意しています。 ホームページを作りながら、自分で作れる力を身に付けたい方におすすめです。



 
^