태그 보관물: css

css

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

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이 그것에 대해 언급하지 않았으므로 여전히이 질문에 혼란 스럽습니다. 어떤 충고?


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

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



답변

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

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


답변