[Chapter3] 하이퍼링크는 무엇인가?
Summary
보통 링크라고 불리는 하이퍼링크는 웹에서 기본적인 개념이다. 링크가 무엇인 지 설명하기 위해, 웹의 매우 기본적인 구조로 돌아볼 필요가 있다.
1989년으로 돌아가, 웹의 발명가인 Tim Berners-Lee는 웹을 대표하는 3가지 기둥에 대해 말하였다. :
3가지 기둥에서 볼 수 있듯이 웹의 모든 것은 문서와 문서에 어떻게 접근할 것인 지에 관련되어 있다. 웹의 원래 목적은 텍스트 문서를 통해서 도달하고, 읽고, 찾기쉬운 방식을 제공하는 것이다. 그리고 나서, 웹은 이미지와 동영상, 이진 데이터에 접근하는 것을 제공하도록 진화했다. 그러나, 이런 발전이 3가지 기둥을 바꾸지는 않았다.
웹 이전에는 문서에 접근하고 문서에서 다른 문서로 이동하는 것이 상당히 어려웠다. 사람이 읽을 수 있는 URL이 문서 간의 이동을 더 쉽게 만들었지만, 사용자가 문서로 이동을 원할 때 마다 긴 URL을 입력하기는 어려웠다. 이러한 불편함을 혁신시킨 것은 하이퍼링크였다. 이 링크는 모든 텍스트 문자열을 URL과 연결시킬 수 있었고, 그 링크를 활성화함으로써 사용자는 이동하고 싶은 문서에 즉시 도달할 수 있었다.
링크는 밑줄이 쳐지고 파란색 텍스트로 표시되어 주변 텍스트와 구별된다. 링크를 누르거나 클릭하여 활성화하거나, 만약 키보드를 사용한다면 그 링크로 포커싱이 될 때까지 Tab을 누르고 Enter나 Space bar를 누르면 된다.
링크는 웹을 유용하고 성공적으로 만드는 돌파구이다. 이 글의 남은 부분에서 우리는 다양한 유형의 링크와 현대 웹 디자인에서 그 링크들의 중요성에 대해 이야기할 것이다.
Deeper dive
앞에서 말한 것처럼, 링크는 URL에 연결된 텍스트 문자열이며, 링크를 사용하면 보다 쉽게 한 문서에서 다른 문서로 이동할 수 있다. 그럼에도 불구하고, 고려해볼 가치가 있는 몇 가지 뉘앙스가 있다.
1. 링크의 유형들
1-1. Internal link (내부 링크)
같은 웹사이트에 속하는 두 웹 페이지 사이 간의 링크를 internal link라고 한다. Internal link가 없으면 웹 사이트는 존재할 수 없다. (물론, one-page website는 가능하다.)
1-2. External link (외부 링크)
External link는 사용자의 웹 페이지에서 다른 사용자의 웹 페이로 연결되는 링크이다. 웹은 웹 페이지의 네트워크이기 때문에 external link링크가 없으면 웹이 존재할 수 없다. 사용자(당신)의 웹 페이지를 통해 사용할 수 있는 컨탠츠 외에 정보를 제공하고 싶다면 external link를 사용하라.
1-3. Incoming links
Incoming links는 다른 웹 페이지의 누군가가 사용자(당신)의 사이트로 연결되는 링크이다. 이것은 external link의 반대이다. 누군가 당신의 사이트로 연결할 때 당신은 다시 링크를 걸 필요가 없다.
웹 사이트를 구축할 때는 당신의 사이트를 편리하고 유용하게 만들어 줄 internal links에 초점을 맞추는 것이 좋다. 링크가 너무 많은 것도 좋지 않고 너무 적은 것도 좋지 않기 때문에 적절하게 균형을 찾아야 한다. 웹 사이트 네비게이션을 설계하는 것은 다른 문서에서 설명하겠지만, 일반적으로 당신이 새로운 웹 페이지를 추가할 때마다 당신의 다른 웹 페이지들 중 적어도 하나 이상이 그 새로운 웹 페이지에 연결될 것이다. 반면에, 만약 당신의 웹 사이트의 페이지가 약 10개 보다 많다면, 모든 페이지를 다른 모든 페이지에 연결하는 것은 역효과를 낳을 것이다.
처음 시작할 때 external link와 incoming links에 대해 크게 걱정할 필요는 없지만, 검색 엔진이 당신의 사이트를 찾게 만들기를 원한다면 그 링크들은 매우 중요하다 (자세한 내용은 아래 참조).
2. Anchor (앵커)
대부분의 링크는 두 개의 웹 페이지를 묶는다. 앵커는 한 문서의 두 섹션을 묶는다. 당신이 앵커를 가리키는 링크를 따라가면 당신의 브라우저는 새로운 문서를 로드하는 대신 현재 문서의 또 다른 부분으로 이동한다. 그러나 당신은 다른 링크와 같은 방식으로 앵커를 만들고 사용한다.
3. 링크와 검색 엔진
링크는 사용자와 검색 엔진 둘 다에게 중요하다. 검색 엔진이 웹 페이지를 크롤링할 때마다, 그 웹 페이지의 사용할 수 있는 링크들을 따라 웹 사이트를 인덱싱한다. 검색 엔진은 그 웹 사이트의 다양한 웹 페이지들을 발견하기 위해 링크들을 따라가는 것 뿐만 아니라, 검색 쿼리들이 목표 웹 페이지에 도달하기에 적절한지 결정하기 위해 링크에 표시되는 텍스트를 사용한다.
링크는 검색 엔진이 당신의 사이트에 얼마나 쉽게 연결되는지에 영향을 미친다. 문제는 검색 엔진의 활동을 측정하는 것이 어렵다는 것이다. 기업들은 자연스럽게 그들의 사이트가 검색 결과에서 높은 순위를 차지하기를 원한다. 우리는 검색 엔진이 사이트의 순위를 결정하는 방법에 대해 다음과 같이 알고 있다 :
- 링크에 표시되는 텍스트는 지정된 URL을 찾는 검색 쿼리에 영향을 미친다.
- 하나의 웹 페이지에 더 많은 incoming links가 연결될수록, 검색 결과 순위가 높다.
- 외부 링크는 소스 및 목표 웹 페이지의 검색 순위에 영향을 미치지만, 어느정도인지는 불분명하다.
SEO (search engine optimization, 검색 엔진 최적화)는 웹 사이트가 검색 결과에서 높은 순위를 차지하도록 만드는 방법에 대한 연구이다. 웹 사이트의 링크 사용을 개선하는 것은 유용한 SEO 기법 중 하나이다.
Next Chapter : HTTP
출처 : https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_hyperlinks