상대 URL이란 무엇인가요?
상대 URL은 대상이 위치한 페이지의 주소를 기준으로 대상의 위치를 지정하는 URL(Uniform Resource Locator)입니다. 절대 URL과 달리 상대 URL에는 프로토콜("http://" 또는 "https://")과 도메인 이름(예: "example.com")이 포함되지 않습니다.
예를 들어https://example.com/seo/glossary/relative-url/
페이지(후행 슬래시 포함)에 다음 코드가 포함된 경우입니다:
<a href="best-practices">베스트 프랙티스</a>
로 설정하면 해당 링크의 최종 목적지는
https://example.com/seo/glossary/relative-url/best-practices.
이 예는 상대 URL의 가장 간단한 사용법을 보여줍니다. 상대 URL과 관련된 오류를 방지하려면 보다 고급 사용 사례를 숙지하는 것이 중요합니다.
디렉터리 이해하기
동일한 예시를 살펴보되 이번에는 페이지 URL이 후행 슬래시로 끝나지 않습니다:
https://example.com/seo/glossary/relative-url
동일한 코드가 있습니다:
<a href="best-practices">베스트 프랙티스</a>
로 이어질 수 있습니다:
https://example.com/seo/glossary/best-practices.
왜 그럴까요?
사용자에게는 차이가 없지만, 후행 슬래시가 있는 URL은 엄밀히 말해 디렉터리이지만 슬래시가 없는 URL은 /glossary/
폴더(디렉토리) 내의 파일로 간주됩니다. 이 경우 상대 URL은 현재 디렉터리를 기준으로 합니다.
현재 디렉토리 상대 URL의 또 다른 형식이 있습니다:
./를
링크 앞에 추가합니다.
따라서 이 두 링크는 동일한 목적지로 연결됩니다:
<a href="best-practices">베스트 프랙티스</a> <a href="./베스트 프랙티스">베스트 프랙티스</a>
루트-상대 경로
상대 URL에 슬래시가 있으면 모든 폴더와 하위 폴더를 무시하고 루트 도메인에 상대적이라는 의미입니다.
다시 예시로 돌아가 보겠습니다:
<a href="/베스트 프랙티스">베스트 프랙티스</a>
이 페이지의 이 코드는 다음에 대한 링크를 생성합니다:
https://example.com/best-practices
한 단계 업그레이드
상대 링크의 접두사 ../는
현재 디렉터리에서 한 단계 위 디렉터리에 상대 링크가 되도록 합니다.
URL https://example.com/seo/glossary/relative-ur l
(후행 슬래시 제외)의 현재 디렉토리는 /glossary/입니다
.
따라서 다음 코드를 작성합니다:
<a href="../베스트 프랙티스">베스트 프랙티스</a>
에 대한 링크를 생성합니다:
https://example.com/seo/best-practices
SEO를 위한 상대 URL 대 절대 URL
SEO 측면에서 보면 페이지의 링크에서 상대 URL과 절대 URL은 차이가 없습니다. 그러나 오류 및 혼동 가능성을 최소화하기 위해 rel="canonical"
및 hreflang
태그에 절대 URL을 사용하는 것이 좋습니다(금지되지는 않음).
결론
상대 URL과 그 사용 사례를 이해하는 것은 적절한 웹 탐색과 체계적인 사이트 구조를 유지하는 데 매우 중요합니다. 상대 URL은 사이트 내 링크 관리를 간소화할 수 있지만, 특정 SEO 태그에서는 명확성을 보장하고 오류를 방지하기 위해 절대 URL이 선호됩니다.