【SEO칼럼100】 NO14. HTML, CSS로 소스와 브라우저 내용 불일치 | HTML체크리스트

숨겨진 텍스트및 링크

 

NO14. HTML, CSS로 소스와 브라우저 내용 불일치

이것은 보통 초보자들이 자주하는 실수이지만, 실제 현장에서 보면 가끔씩 나타나고 있습니다.

SEO를 제대로 이해 하지 못한 사람들이 자주 사용하는 만큼 주의가 필요합니다.

내용은 이렇습니다.

HTML에서 확인 할 수 있는데, 브라우저에서 보면 확인할 수 없는 정보를 넣지 않습니다.

내용이 잘 와닿지 않는데요, SEO가 시작된 초창기에는 배경색과 같은 색의 문자를 넣으면 텍스트가 숨겨져서 보이지 않아 거기에 키워드나 링크등을 넣는 수법이 한때 유행 한 적이있었습니다.
그러나 이러한 행위는 검색 엔진의 성능이 발달하면서 아주 쉽게 걸릴 수 있습니다. 그리고 구글에서는 자신의 가이드 라인에서 이러한 사항을 엄격히 금지하고 있는 사항이므로 발각되면 엄격한 패널티 처벌을받습니다.

덧붙여서 CSS에서 배경색과 같은 글자 색을 지정하여도 처벌을받습니다.
이러한 행위는 의도적이건 그렇지 않건 검색엔진측에서는 목적이 불순하다고 간주하여 패널티의 대상이 될 수 있습니다.

참고 : https://support.google.com/webmasters/answer/66353?hl=ko&ref_topic=6001971

숨겨진 텍스트 및 링크

Google의 검색 순위를 조작하기 위해 콘텐츠에 텍스트나 링크를 숨기면 사기성이 있는 사이트로 간주될 수 있으며 Google의웹마스터 가이드라인을 위반하는 것입니다. 텍스트(과도한 키워드 등)를 숨기는 방법에는 다음과 같이 여러 가지가 있습니다.

  • 흰색 배경에 흰색 텍스트 사용
  • 이미지 뒤에 텍스트 배치
  • CSS를 사용하여 텍스트를 화면에 보이지 않도록 배치
  • 글꼴 크기를 0으로 설정
  • 단락 중간에 사용된 하이픈 등과 같은 작은 문자 안에 링크 숨김

숨겨진 텍스트 또는 링크가 포함되어 있는지 확인하기 위해 사이트를 평가하는 경우, 사이트 방문자의 눈에 쉽게 띄지 않는 부분을 확인하시기 바랍니다. 방문자가 아닌 검색 엔진에게만 표시되는 텍스트나 링크가 있습니까?

하지만 숨겨진 모든 텍스트가 사기성 있는 행위로 간주되지는 않습니다. 예를 들어 자바스크립트, 이미지 또는 Flash 파일과 같이 검색 엔진이 액세스하기 어려운 기술이 사이트에 포함된 경우, 이러한 항목에 대한 구체적인 텍스트를 사용하면 사이트에 대한 접근성을 높일 수 있습니다. 스크린 리더, 모바일 브라우저, 플러그인이 없는 브라우저를 사용하는 사용자 및 연결 속도가 느린 방문자는 해당 콘텐츠를 볼 수 없기 때문에 구체적인 텍스트가 유용하다는 점에 유의하시기 바랍니다. 브라우저에서 자바스크립트, Flash 및 이미지를 설정 해제하거나 Lynx와 같은 텍스트 전용 브라우저를 사용하여 사이트의 접근성을 테스트할 수 있습니다. 다음은 사이트 접근성을 높이기 위한 몇 가지 도움말입니다.

  • 이미지: alt 속성을 사용하여 구체적인 텍스트를 제공합니다. 또한 이미지 주변에 읽기 쉬운 캡션 및 구체적인 텍스트를 사용하는 것이 좋습니다. 이미지 게시에 대한 자세한 내용은 이 도움말을 참조하세요.
  • 자바스크립트: 자바스크립트와 동일한 콘텐츠를 <noscript> 태그에 삽입합니다. 이 방법을 사용하는 경우, 콘텐츠가 자바스크립트에 포함된 것과 정확하게 일치하는지 및 브라우저에 자바스크립트를 사용하지 않는 방문자에게 콘텐츠가 표시되는지를 확인해야 합니다.
  • 동영상: 동영상에 대한 구체적인 텍스트를 HTML 형식으로 제공합니다. 스크립트를 제공할 수도 있습니다. 동영상 게시에 대한 자세한 내용은 이 도움말을 참조하세요.

 

 

Add a Comment

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

sixteen − 16 =

Please enter Google Username or ID to start!
Example: clip360net or 116819034451508671546
Title
Caption
File name
Size
Alignment
Link to
  Open new windows
  Rel nofollow