Sitemap

Google SEO 101: 링크와 자바스크립트의 해야 할 일과 하지 말아야 할 일

Google은 새로운 Lightning Talks 시리즈의 첫 번째 에피소드에서 JavaScript와 링크가 제대로 작동하는지 확인하는 방법을 설명합니다.

Google Lightning Talks는 전 세계의 Google 웹마스터 컨퍼런스에서 공유되었을 수 있는 프레젠테이션의 짧은 버전입니다.

가까운 장래에 대면 이벤트가 취소된다는 점을 감안할 때 Google은 웹용으로 회의 콘텐츠를 조정하고 있습니다.

Google Lightning Talks 시리즈의 비디오는 연중 내내 게시될 예정입니다.

링크 및 JavaScript에 대한 Google의 Martin Splitt

Splitt은 Lightning Talks의 첫 번째 기사를 "모든 사람이 가장 좋아하는" 주제인 링크에 대해 설명합니다.

보다 구체적으로 – JavaScript 웹 앱의 링크.

Splitt은 사용자와 검색 엔진 크롤러 모두에게 링크가 수행하는 중요한 역할에 대해 설명합니다.

그는 또한 JavaScript 기능과 링크를 결합할 때 해야 할 일과 하지 말아야 할 일을 나열합니다.

인간과 봇에게 중요한 링크

링크는 사용자가 콘텐츠 사이를 탐색할 수 있도록 하는 분명한 목적을 제공합니다.

그러나 사이트 소유자는 봇과 검색 엔진에 대한 링크의 역할도 염두에 두어야 합니다.

무엇보다도 링크를 통해 크롤러는 웹사이트의 다른 페이지를 찾을 수 있습니다.

크롤러는 한 페이지에서 다른 페이지로 연결되는 링크를 따라 웹사이트의 다른 페이지를 검색하고 색인을 생성합니다.

링크를 따라가면 크롤러는 사이트 구조와 정보 아키텍처를 이해하게 됩니다.

이는 주어진 주제와 관련이 있을 수 있는 페이지를 이해하는 데 도움이 됩니다.

관련 항목: SEO를 위한 최신 JavaScript에 대한 실습 소개

JavaScript로 링크 만들기 – 해야 할 일과 하지 말아야 할 일

링크를 만드는 것은 생각만큼 간단하지 않다고 Martin Splitt은 경고합니다.

링크에 JavaScript 기능을 추가할 때 특히 그렇습니다.

JavaScript를 사용하면 사이트에서 다양한 방식으로 링크를 사용자 지정할 수 있지만 그렇게 하면 크롤러가 링크를 사용할 수 없게 될 수 있습니다.

다음은 Splitt이 권장하는 사항입니다.

해야 할 일: 정직하게 유지

사이트에 링크를 넣는 가장 간단한 방법은 ahref 태그를 사용하는 것입니다.

일부 조건이 충족되는 한 표준 링크를 JavaScript 기능으로 업그레이드하는 것도 괜찮습니다.

직접 링크의 예

하지 말아야 할 것: ahref 속성을 생략

링크에 JavaScript 기능을 추가할 때 ahref 속성을 생략하는 것을 고려할 수 있습니다.

"그건 좋은 생각이 아니다,"스플리트는 말한다.

그 이유는 JavaScript가 제대로 작동할 때만 링크가 작동하기 때문입니다.

ahref 속성이 없으면 크롤러가 JavaScript를 실행하지 않기 때문에 크롤러는 링크가 어디로 가는지 결정할 수 없습니다.

하지 말아야 할 것: 유사 URL 사용

유용한 URL이 없거나 아래 예와 같이 "의사 URL"이 있는 ahref 속성을 추가하는 것도 도움이 되지 않습니다.

결과는 ahref 속성이 없는 링크와 동일하므로 좋은 생각이 아닙니다.

하지 말아야 할 것: 버튼 사용

버튼을 사용하는 것은 페이지에 대한 링크를 추가하기 위한 실행 가능한 옵션처럼 보일 수 있지만 그것도 좋은 생각이 아닙니다.

경험에 비추어 볼 때 링크가 현재 페이지에서 어떤 일이 발생하도록 하면 버튼일 것입니다.

반면에 링크가 이전에 페이지에 없었던 다른 콘텐츠로 사용자를 연결하는 경우 표준 링크여야 합니다.

하지 말아야 할 것: 클릭 핸들러에 의존

사이트 소유자는 예를 들어 다른 HTML 요소를 사용하고 JavaScript의 클릭 핸들러를 사용하여 링크를 시뮬레이션해서는 안 됩니다.

이것은 내장된 접근성 기능을 깨고 좋은 생각이 아닙니다.

해야 할 일: 시맨틱 HTML 사용

이 모든 것의 결론은 의미론적 HTML 마크업을 사용하고 링크를 적절한 URL로 지정하는 것입니다.

올바른 URL은 무엇입니까?다음 섹션에서 설명합니다.

"적절한" 사용URL

다음 URL은 "적절한 URL"로 간주되는 일반적인 예입니다.

다음 속성이 포함되어 있으므로 적절한 URL입니다.

  • 프로토콜
  • 주인
  • 특정 콘텐츠에 대한 경로
  • 조각 식별자(선택 사항)

관련 항목: SEO 및 JavaScript: 좋은 점, 나쁜 점 및 불확실성

프래그먼트 식별자 주의

조각 식별자가 선택 사항이고 동일한 콘텐츠 내의 위치를 ​​가리키는 경우 크롤러는 이를 무시합니다.

단편 식별자로 가득 찬 링크가 있는 단일 페이지 애플리케이션을 빌드하는 경우 특히 중요합니다.

크롤러는 링크를 따라가지 않으므로 웹 앱을 이해할 수 없습니다.

요약하자면

다음은 Google Lightning Talks의 첫 번째 기사에서 얻은 주요 내용입니다.

  • 적절한 링크 마크업을 사용하십시오.
  • 단편을 사용하여 단일 페이지 앱에서 다른 콘텐츠를 로드하지 마십시오.
  • JavaScript와 잘 작동하는 웹 사이트를 구축하면 링크가 표시됩니다.