相対パスとは？絶対パスとの違いや書き方・使い分け方を2つのシーンで解説

「相対パスってどういう意味？」
「絶対パスと何が違うの？」
「どちらのパスを使えばいいかわからない」

このような疑問をお持ちではないでしょうか？

本記事では、相対パスの概要や絶対パスとの違い、書き方などを詳しく解説します。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パス・絶対パスの「パス」とは？

パスとは、ファイルやフォルダがデータ上のどこに保存されているかを示すものです。住所のようなものだと考えるとイメージしやすいでしょう。

パスは、インターネット上のどこにあるWebページかを示しており、例えば、「https://www.〇〇.co.jp」のような、ブラウザのアドレスバーに表示されるURLもパスの一種です。

また、パソコン上で特定のフォルダにある画像ファイルを選択すると、URLには画像が保存されているパスが表示されます。

なお、パスの示し方には、大きく分けて「相対パス」と「絶対パス」の2種類があります。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パスとは？

相対パスとは、現在作業しているファイル（現在地）を基準にして、指定したファイルがどこにあるかを示す方法です。

相対パスの特徴は、基準となる現在地が変わると、同じファイルであっても別の表記になる点です。例えば、「A」のフォルダにいる場合と、「B」のフォルダにいる場合では、同じ「目標ファイル」への道筋（相対パス）は異なります。

そのため、相対パスを正しく使うためには、ファイルやフォルダがどのような階層構造（フォルダの中に別のフォルダが入っているような構造）になっているかをしっかり把握しましょう。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パスを使用するメリット・デメリット

ここでは、相対パスを利用する際のメリットとデメリットを解説します。

• メリット: ローカル環境でテストできる
• デメリット: リンク切れが起きやすい

それぞれ詳しく見ていきましょう。

メリット：ローカル環境でテストできる

相対パスの大きなメリットは、インターネットに接続されていないパソコンの中（ローカル環境）でも利用できる点です。相対パスでファイルが指定されていれば、サーバーにアップロードする前でもリンクや画像の表示などをテストできます。

また、サイトの引越しやドメイン変更の際、ファイル同士の位置関係に変更がなければ、相対パスはパスを修正する必要がありません。

さらに、相対パスは基準となる場所からの道筋だけを示せばよいため、絶対パスに比べて記述が短くなる傾向があるのもメリットです。

デメリット：リンク切れが起きやすい

相対パスのデメリットとして注意すべきなのは、リンク切れが発生しやすい点です。現在地と目的地どちらかのファイルの位置関係が変わってしまうと、パスが通らなくなり、リンク切れや画像が表示されないなどの問題が発生します。

そのため、ファイルを移動した場合は、関連する相対パスの記述もすべて修正しなければなりません。

また、表記が短くなりやすいのがメリットですが、フォルダの階層構造が複雑になると、かえって表記が長くなってしまったり、ファイルがどこにあるのか分かりにくくなる側面もあります。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

絶対パスとは？

絶対パスとは、階層構造の一番上（ルートディレクトリやドメイン名）から目的のファイルまでのすべての経路を記述する方法で、「住所」に相当します。

Webサイトの場合、「https://www.example.com/images/logo.png」のように、https://から始まるドメイン名を含めた完全なURLが絶対パスです。

また、絶対パスはファイルの位置を示す情報が常に一定であるため、相対パスのように基準となる場所によって表記が変わることはありません。

基本的に、「ルートやドメイン（一番上の階層）/フォルダ名/ファイル名」のように、「/(スラッシュ)」記号を使って階層を区切って表記されます。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

絶対パスを使用するメリット・デメリット

絶対パスにも、以下のようにメリットとデメリットが存在します。

• メリット: ファイルの場所が分かりやすい
• デメリット: 表記が長くなりやすい

それぞれどのような特徴があるのか理解しておきましょう。

メリット：ファイルの場所が分かりやすい

絶対パスのメリットは、ファイルの所在地が明確である点です。一番上の階層からすべての経路が記述されているため、目的のファイルがどこにあるのかを正確に把握できます。

また、一つのファイルを示す絶対パスは常に同一であり、相対パスのように状況によって表記が変わることはありません。

さらに、絶対パスで指定されたファイルは、Webサーバー上での場所が固定されている限り、リンク元のファイルがどこに移動してもリンク切れが起きにくい利点もあります。

デメリット：表記が長くなりやすい

絶対パスは、最上位の階層からすべての経路を記述するため、相対パスと比較して表記が長くなる傾向があります。特に階層が深い場合、長い文字列になるケースもあり、記述や管理が少し面倒に感じるかもしれません。

また、絶対パスは、サーバーにアップロードされた状態が前提のため、相対パスのようにローカル環境では利用できません。ローカルテストを行う場合は、設定を変更するか、別の方法を採る必要があります。

さらに、サイトの引越しやドメイン変更の際、絶対パスはすべてのパスを新しい環境に合わせて修正する必要があり、手間がかかる可能性があります。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パスと絶対パスの書き方

ここでは、相対パスと絶対パスの具体的な書き方を解説します。

• 相対パスの書き方
• 絶対パスの書き方

上記のルールを理解できれば、適切にパスを指定できるため、ぜひ参考にしてください。

相対パスの書き方

相対パスは、現在作業しているファイル（HTMLファイルなど）から見て、目的のファイルがどの位置にあるかによって書き方が異なります。

同じ階層にあるファイルは、ファイル名をそのまま記述するか、現在の階層を示す「 ./」を付けて記述するのも可能です。

例： ./target.html

一つ上の階層にあるファイルは「 ../」をファイル名の前に付けて表しましょう。

例： ../index.html

なお、階層を1つ下がるごとに「../」を追加するため、2階層上のファイルは「../../」と表します。

例： ../../common/style.css

このように、現在地と目的地の位置関係を「/(スラッシュ)」と「..(ドット2つ)」を使って表現するのが相対パスの書き方です。

絶対パスの書き方

絶対パスの書き方は、Webサイト上のファイルか、個人のコンピューター内のファイルか、またコンピューターのOS（オペレーティングシステム）によって少し異なります。

Web上のファイルの場合、「https:// 」の後にドメイン名、フォルダ名、ファイル名を「/」で区切って表記します。

例： https://www.example.com/css/style.css

LinuxやmacOSの場合は、最上位の階層と区切りにそれぞれ「/」を使用しましょう。

例： /Users/username/Documents/report.pdf

Windowsの場合、ローカルディスクのドライブ名を頂点の階層として、区切りに「\」あるいは「￥」を使います。

例：C:\Users\Public\Pictures\sample.jpg

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パスと絶対パスの使い分け方

ここでは、相対パスと絶対パスの使い分けを解説します。

• 相対パスはリンク先が内部サイトの場合に適している
• 絶対パスはリンク先が外部サイトの場合に使用する

適切なパスを選択すると、サイト管理の効率化やエラーの防止につながるため、ぜひ参考にしてみてください。

相対パスはリンク先が内部サイトの場合に適している

リンク先がWebサイト内にあるファイルの場合は、相対パスを使用するのが一般的です。例えば、同じWebサイト内の別のページへリンクを貼ったり、サイト内で使用する画像を表示したりする場合です。

相対パスで記述しておくと、自分のパソコン（ローカル環境）でサイトを制作・テストする際にもリンクが機能し、作業効率向上などにつながるでしょう。

また、データの書き込み命令では、絶対パスを使用すると外部からの書き換えのリスクがあるため、セキュリティの観点から相対パスを使用するケースもあります。

絶対パスはリンク先が外部サイトの場合に使用する

一方、リンク先が外部ページの場合は、絶対パスを使用する必要があります。例えば、他の会社のホームページや、参考にしたブログ記事へリンクを貼る場合などです。

相対パスは、あくまで同じサーバー内にあるファイルの位置を示すための方法なので、インターネット上の別の場所にあるファイルを相対パスで指定できません。

このため、外部サイトへのリンクは、「https:/」から始まる絶対パスで記述しましょう。

上記のように、リンク先がサイトの内部か外部かで使用すべきパスの種類は異なります。それぞれの性質を理解し、場面に応じて正しく使い分けるのが大切です。

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

相対パスと絶対パスのどちらがSEOに有効？

結論から言うと、パスの記述方法（相対パスか絶対パスか）自体が、SEOに直接的な影響を与えることはありません。どちらのパスを使っても、リンクとして正しく機能していれば、検索エンジンはページ間の関連性を認識できます。

ただし、相対パスはリンク切れを起こしやすく適切にクロールされない可能性があるため、Googleは絶対パスの使用を推奨しています。

サイトが適切にクロールされない状態は、SEOにとってマイナスに働く可能性があるため、リンク切れのリスクが低い絶対パスがよいでしょう。

参考： Google検索セントラル – Google が認識可能なリンクを作成する

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

ホームページ制作をプロに依頼する際の費用相場

ホームページ制作をプロに依頼する場合の費用は、依頼する内容やサイトの規模によって大きく変動します。

以下に、一般的な費用相場と対応内容の目安をまとめました。

費用相場	主な対応内容
50万円以下	設計は自社で行い、デザインと実装を依頼
50万円～150万円	設計や最低限のデザインを依頼
150万円～300万円	制作工程全般を任せられる
300万円以上	企画から制作まで一貫して依頼できる

どこまでの工程を依頼するか（企画段階からか、デザイン・実装のみかなど）によって、費用は大きく変わってきます。自社の状況や予算に合わせて、依頼する範囲を決めるのが重要です。

また、費用だけでなく、制作会社の実績や得意分野、納品後のサポート体制なども含めて、複数の会社を比較検討するのがおすすめです。

なお、ホームページ制作の費用に関して詳しく知りたい場合は、以下の記事も参考にしてください。

関連記事：ホームページ制作の費用相場と早見表【業界のプロが内訳や選び方を紹介】

弊社StockSunは、多くのシステム開発で実績を持つ認定パートナーと提携し、貴社の魅力を引き出すチームを提供します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！

Webサイト制作のお悩みは「StockSun株式会社」にご相談ください！

本記事では、相対パスと絶対パスの違いやそれぞれの書き方、メリット・デメリットを解説しました。

相対パスと絶対パスのメリット・デメリットを理解し、適切に使い分けるようにしていきましょう。

StockSunでは、貴社の商材や目的に合わせて利益の向上にコミットした施策をご提案をいたします。

実際のご支援はご提案内容にご納得いただいたうえで実施いたします。

他社との相見積もりも大歓迎です！StockSunでも社内コンペを実施した上で、貴社に最適なコンサルタントを最大3名ご提案します。

オンライン相談は無料です。貴社の魅力を引き出す戦略を聞きに行きましょう！