CSS 미디어 쿼리에 대해 Google이 디스플레이에서 어떻게 반응합니까?


16

Google 웹 마스터 가이드 라인에 따르면 "숨겨진 텍스트"는 허용되지 않습니다. 즉, 링크 또는 이미지가 포함 된 제목이나 단락이 많은 dov가 표시되어 있음을 의미합니다.

내 질문은 미디어 쿼리 내에서 Google이 어떻게 반응하는지에 사용하는 것입니까? 내말은

@media handheld, only screen and (max-width: 767px) {
    body {
    }
    .mobile-friendly{ display:none;}
}

유동적 인 웹 사이트 개발을 위해 사이트를 모바일 친화적으로 만들기 위해 종종 특정 콘텐츠를 숨겨야합니다. 각 브라우저마다 CSS를 만드는 대신 이제 동일한 파일 내에서 CSS를 코딩하고 미디어 쿼리를 사용하여 브라우저 동작을 정의합니다.

Google은 이에 대해 어떤 조치를 취합니까?

-추가 Piont / 질문 감사 @John Conde; 네 말이 맞아 Google은 여전히 ​​숨겨진 텍스트에 대해 많은 조치를 취하지 않습니다. 그러나 여전히 프로 SEO는 사용하지 않는 것이 좋습니다. 워드 프레스에서 태그 내에 로고를 사용하고 -9999px로 텍스트를 들여 쓰는 예에서 더 많은 트릭이 있습니다.

내가 안전하게 놀려고 노력할 때; 이것은 나에게 많은 성가심이다.

Google 숨겨진 텍스트 위반 가이드

CSS 표시 속성이 명확하게 언급되어 있습니다. 그들은 이러한 미디어 쿼리 예외에 대해 설명하지 않았습니다! 내가 확신하려고 노력하면서 Google이 그것에 대해 언급하지 않았으므로 여전히이 질문에 혼란 스럽습니다. 어떤 충고?


편집자가 편집 해 주셔서 감사합니다. 불편을 드려 죄송합니다.

내용을 숨길 필요가있는 이유는 무엇입니까? 내가 원하는 블로그가 반응 적입니다. 방문자에게 모바일 친화적 인 디자인에 대해 알리고 싶습니다. 더 나은 사용자 경험과 유용성을 보장하기 위해 모바일 아이콘을 거의 배치하지 않았습니다. 그러나 모바일이 아닌 데스크톱 브라우저에서만 볼 수 있기를 바랍니다. 그들이 이미 모바일에서 탐색하고 있다면 알 필요가 없기 때문입니다. 사실 나는이 사이트가 모바일에있는 동안 웹 응용 프로그램으로 사용될 수 있다고 말할 수 있습니다.


이것은 실제로 정말 좋은 질문입니다. 모든 장치에 모든 내용을 표시하고 장치에 맞게 스타일이 일치하는지 확인하려고하지만

답변:


9

Google은 숨겨진 텍스트에 문제 가 없습니다 . 그들은 숨겨진 텍스트에 문제가 자신의 순위의 조작을위한 검색 엔진에만 사용할 수 있습니다를 .

따라서 숨겨진 텍스트가 검색 엔진에만 표시되지 않는 한 걱정할 필요가 없습니다. 콘텐츠를 제거하여 사이트를 모바일 친화적으로 만드는 것은 일반적이며 일반적입니다.


1
이것은 아마도 정확할 것이며, 정직한 철학은 아마도 부정적인 SEO 효과로부터 자신을 보호하기에 충분할 것입니다. 즉 물리적으로 정직하게 구별 방법 구글 말했다 / 악독 사용이 고려해야 할 무언가이다 - 나는 유사한 문제에 대한 별도의 토론이 있었다 여기
톰 베이츠

마우스로 페이지의 특정 섹션 위로 마우스를 가져 가면 사용자에게만 표시되는 텍스트가 포함 된 DIV는 어떻습니까?
basZero

그것은 완벽하게 훌륭하고 정상적인 / 일반적인 일입니다.
John Conde

Google은 부정확 한 목적으로 어떤 콘텐츠가 있고 사용자에게 어떤 콘텐츠가 있는지 정확하게 어떻게 평가할 수 있습니까? 그들의 거미가 JS를 시작하지 않을 것이라는 점을 감안할 때.
Django Reinhardt

그들의 크롤러는 JavaScript를 처리하고 한동안 유지했습니다
John Conde
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.