Front/HTML

[html] href속성 # / javascript:void(0) 차이

오선지♬ 2025. 7. 6. 14:38
728x90
반응형
항목  # javascript:void(0)
의미 현재 페이지 최상단 이동 JS 코드 실행 후 아무것도 하지 않음
기본 동작 페이지 최상단으로 스크롤 이동 없음
preventDefault 필요 여부 필요 (evt.preventDefault()) 불필요
SEO 친화도 비교적 나쁨 (빈 링크) 더 나쁨 (JS 직접 사용은 권장 안 됨)
안정성/직관성 중간 (제대로 막지 않으면 문제) 더 안전하게 이벤트만 실행 가능

 

✅ 왜 href="javascript:void(0)"은 SEO에 안 좋을까?

  • 링크로써 의미 있는 목적지가 없기 때문입니다.
  • 검색 로봇이 "이건 클릭해도 갈 곳이 없는 링크네"라고 판단합니다.
  • 내부 링크 구조를 파악하지 못하면 페이지 랭크 전달, 색인 등록 등 SEO 점수가 낮아집니다.

즉, a 태그는 실제로 이동할 콘텐츠가 있을 때만 사용하는 것이 SEO에 유리합니다.

728x90
반응형