Links do not have descriptive text

MOB·2020년 11월 14일
0

Google Lighthouse (SEO)

목록 보기
4/7

링크에 대한 명확한 텍스트가 없습니다.

명확한 링크 텍스트는 검색엔진이 당신의 컨텐츠를 이해할 수 있게 도와줍니다.




링크 텍스트는 페이지 내의 다른부분이나 전혀 다른 페이지로 이동시켜주는 하이퍼링크 내의 구문이나 클릭 가능한 단어를 의미합니다.
링크 텍스트가 하이퍼링크의 목적지를 명확하게 전달한다면, 유저와 검색엔진은 당신의 컨텐츠를 좀 더 쉽게 이해할 수 있게 되며, 다른 페이지와 얼마나 연관성 있는지를 알게됩니다.



해당 항목에서 통과하지 못한 이유

Lighthouse는 다음과 같은 포괄적인 의미의 링크 텍스트를 찾아냅니다.

  • click here
    여기를 클릭하세요.
  • click this
    이것을 클릭하세요.
  • go
    이동
  • here
    여기
  • start
    시작 (바로가기)
  • right here
    바로 여기
  • more
    더보기
  • learn more
    더 알아보기 (전체보기)


역주 추가

현재의 Lighthouse는 영어에 대해서만 필터가 진행되는지, 한국어에 대해서는 제대로 해당 결과가 필터가 되고 있지 않습니다. 실제로 위의 사례 중 국내에서 수많은 사이트를 보면, 리스트에 대한 상세페이지로 이동시키기 위해 more이 국내에서는 더보기 로 사용되는 경우가 많은데 이 부분에 대해 필터를 하고 있지 않습니다.
그러나, Lighthouse 검수를 통과했다고 안심하지 않는 것이 좋습니다. 이대로 둘 경우 국내 웹 접근성 항목 중 2.4.3 (적절한 링크 텍스트) 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다. 에서 위배 되는 사항이므로 되도록이면 같은 더보기 라도 어떠한 내용을 더 보려 하는 것인지 명시적인 표현을 사용하는 것이 좋습니다.



유효한 데이터 구조의 사용여부를 수동검사하는 항목을 제외한 나머지 SEO 항목들은 Lighthouse SEO 점수에서 동일한 가중치를 가집니다. Lighthouse 점수 가이드에서 좀 더 알아봅시다

https://web.dev/performance-scoring/




명시적인 링크 텍스트를 추가하는 방법

여기를 클릭하세요더 알아보기 와 같은 포괄적 의미의 구문을 구체적인 설명으로 바꿔보세요. 일반적으로 링크 텍스트는 하이퍼링크를 따라갔을 경우, 유저가 얻게 될 컨텐츠의 유형을 명확하게 전달할 수 있는 것으로 작성합니다.

click here 는 하이퍼링크가 유저를 어디로 이동시킬지에 대해 알려주지 않습니다.

<p>To see all of our basketball videos, <a href="videos.html">click here</a>.</p>

basketball videos는 하이퍼링크가 유저를 비디오와 관련된 페이지로 이동시킬 것이라는 것을 명확하게 전달하고 있습니다.

<p>Check out all of our <a href="videos.html">basketball videos</a>.</p>

링크 텍스트를 서술하기 위해 주변의 문장을 수정해야 하는 경우가 많습니다.



링크 텍스트와 관련된 좋은 사례

  • 주제에 집중하세요. 페이지 컨텐츠와 관련없는 링크 텍스트를 사용하지 마세요.
  • 사이트의 신규 주소를 참조하는 등의 적절한 사유가 있는 것이 아닌 경우, 페이지의 url을 링크텍스트로 사용하지 마세요.
  • 몇 개의 단어나 짧은 구문으로 간결하게 설명하는 것을 목표로 하세요.
  • 내부 링크에도 주의를 기울이세요. 내부 링크의 품질을 향상시키면 유저와 검색엔진이 당신의 사이트를 쉽게 찾을 수 있게 도움을 줄 수 있습니다.

Google의 SEO 초보자 가이드 내의 링크를 현명하게 사용하는 법에서 좀 더 좋은 팁을 확인해보세요.

https://developers.google.com/search/docs/beginner/seo-starter-guide?visit_id=637409362373236461-2741373280&rd=1#uselinkswisely



출처

https://web.dev/link-text/
https://nuli.navercorp.com/guideline/s02/g16

profile
미래의 나야, 업무도 열정도 잘 부탁한다

0개의 댓글