반응 형 웹 사이트를 만들 때마다 보통 2 개의 메뉴를 만듭니다. 1은 숨겨져 모바일 용으로 사용되며 다른 하나는 기본 메뉴로 표시되며 숨겨져 모바일 메뉴가 표시됩니다. SEO와 스파이더가 웹 사이트를 탐색 할 때마다 메뉴가 중복되어 뿌려 지는가? 이 메뉴가 모바일 용이며 이것이 메인임을 거미에게 알리기 위해 할 수있는 일이 있습니까?
두 가지 메뉴가있는 마지막 이유는 위치 때문입니다. 일반적으로 주 메뉴는 로고 아래에 어떤 종류의 막대에 있지만 로고 위에는 모든 것 위에 원하는 모바일 메뉴가 있습니다.
2 개의 메뉴를 만들면 반응이 없습니다. 반응 형 메뉴는 동일한
—
hexalys
<nav>내용을 사용 하며 특정 미디어 쿼리 중단 점에 따라 다르게 스타일을 지정합니다.
@hexalys는 아닙니다.
—
Howdy_McGee
<nav>모바일 버전에서 더 많은 항목을 표시하기 만하면 더 쉽게 탐색 할 수 있는 "메인 데스크톱 탐색"과 "전체 탐색"이 포함 된 "모바일 메뉴"에 대한 부분 메뉴가있을 수 있습니다 .
트윗 담아 가기 그러나 그것은 당신이 질문에서 실제로 묘사 한 것이 아닙니다. 예를 들어, 중간 탐색 표시 줄을 모바일 용 상단 또는 햄버거 메뉴로 변환하는 문제는 어려울 수 있지만 CSS 레이아웃 변경을 통해 실행할 수 있습니다. 여기에서 goo.gl/v8HdLD를 관리했습니다. 그리고 저는 현재 여기 있습니다. 왜냐하면 워드 프레스를위한 소위 "응답 메뉴"플러그인에 대한 고의적 인 가난한 사람의 게으른 접근 방식과 검색 엔진 준수, 접근성 및 성능 측면에서 그 의미에 대해 매우 우려하고 있기 때문입니다.
—
hexalys
@hexalys 장단점이 있다고 생각합니다. 둘 다 각자의 위치를 가지고 있으며 상황에 따라 다릅니다. 이 질문을 한 후 하나의 단일 메뉴에 더 호의적이지만 두 개의 별도 메뉴가 나쁜 것 또는 SEO에서 찌그러지고 있다는 것을 보지 못했습니다.
—
Howdy_McGee
position:fixed거나position:absolute부트 스트랩 및 zurb Foundation과 같은 대부분의 프레임 워크에는 페이지에 액세스하는 장치를 기반으로 요소를 이동할 수있는 쿼리 풀이 있습니다.