페이지 넘기기 검색

페이지 넘기기를 사용하면 잡지를 보듯이 즐겨찾는 웹 사이트를 탐색할 수 있습니다. 페이지 넘기기를 구현하면 페이지에서 사용자의 실제 위치와 관계 없이 사용자가 새로운 기사나 온라인 카탈로그를 훑어볼 수 있습니다. 방문자는 다음 페이지로 이동하기 위해 더 이상 다음 단추를 누르지 않아도 됩니다. 브라우저 호환성을 최대화하려면 페이지 넘기기 외에도 "뒤로" 및 "다음" 탐색 기능을 유지하세요.

이 항목에는 다음 섹션이 포함되어 있습니다.

페이지 넘기기 사용

페이지 넘기기는 새 Windows UI(데스크톱용 Internet Explorer에는 해당되지 않음)에서만 사용할 수 있는 기능으로 사용하려면 옵트인(opt in)해야 합니다.

페이지 넘기기를 사용하려면

  1. Internet Explorer 10을 시작합니다. 터치를 사용하는 경우 오른쪽에서 살짝 밉니다. 마우스를 사용하는 경우 커서를 화면의 오른쪽 위 모서리로 이동합니다.
  2. 설정 > 인터넷 옵션을 탭하거나 클릭합니다.
  3. 페이지 넘기기에서 페이지 넘기기 켜기켜기로 전환합니다.

터치 사용 장치의 사용자가 페이지 넘기기 기능을 좋아할 것이라고 생각되지만, 그렇지 않을 경우, 여전히 탐색 단추, 키 조합 또는 마우스 단추를 사용하여 원하는 위치로 이동할 수 있습니다.

페이지 넘기기 대상 결정

다음 상황에서와 같이, Windows Internet Explorer는 적절한 경우에 한해서만 페이지 넘기기 기능을 사용하여 논리적으로 "다음"에 올 수 있는 페이지를 제안합니다.

  • 앞으로 단추가 활성화된 상태에서는 페이지 넘기기 기능이 우선하지 않습니다. 단추를 사용한 탐색에 익숙한 사용자는 여전히 단추를 사용할 수 있습니다.
  • 여러 페이지 뉴스 기사에서, 블로그 게시물 간 또는 사진 슬라이드 쇼 등, 다음 페이지가 순서대로 정렬되어 있는 경우.
  • 다음 페이지가 없으면 Internet Explorer에서는 현재 페이지로부터 적절한 링크를 제안할 수 있습니다. 뉴스 사이트의 홈 페이지와 같이 콘텐츠의 입구 역할을 하는 페이지의 경우, 페이지 넘기기 기능은 사용자가 시작점을 선택할 때까지 기다렸다가 제안합니다.

Internet Explorer는 몇 가지 방식으로 페이지 넘기기 제안을 결정합니다.

  • 콘텐츠 패턴 인식: 페이지 지정된 콘텐츠에 대한 일반 콘텐츠 패턴 인식
  • 도메인별 규칙: 웹 마스터가 식별한 대상이 없는 유명 사이트에 대한 다양한 규칙 집합
  • 웹 마스터가 식별한 대상: 웹 페이지에 적용된 선택적 태그
다음에는 웹 페이지에 단순 태그를 추가하여 사용자에 대한 페이지 넘기기 환경에서 페이지 흐름을 제어하는 방법을 보여 드립니다.

페이지 넘기기 대상 확인

link 요소에서 HTML 4.01 rel 특성을 사용하여 웹 사이트에서 페이지 넘기기 환경을 제어할 수 있습니다. 예를 들어, 사이트의 해당 콘텐츠 순서(오래된 것부터 최신순 또는 그 반대)를 결정하거나 콘텐츠의 다양한 범주에 대한 병렬 순서(뉴스 관련 순서, 블로그 관련 순서, 포럼 관련 순서 등)를 유지할 수 있습니다.

이 다이어그램은 페이지 및 순서가 지정된 콘텐츠에 대한 태그 구현 예를 보여 줍니다.

일반 웹 사이트에서 태그 구현 예를 보여 주는 다이어그램

이 예에서는 홈 페이지가 뉴스 기사로 연결됩니다. 첫 페이지의 head 요소에서 다음의 link 요소를 통해 페이지 넘기기 기능이 허용되는지 확인할 수 있습니다.


<link rel="next" href="/news/article1.aspx?page=2"/>

link 요소의 rel 특성을 "next"로 설정하고 href 특성을 해당 기사의 다음 페이지에 대한 상대적 링크로 설정하여 해당하는 두 번째 페이지로 이동하도록 페이지 넘기기를 지정했습니다.

기사의 두 번째 페이지에는 다음의 link 요소가 있습니다.


<link rel="next" href="/news/article2.aspx"/>
<link rel="prev" href="/news/article1.aspx"/>


이 페이지에는 페이지 넘기기를 사용하도록 설정하는 link 요소 두 개가 있습니다. 첫 번째 link 요소는 순서 중 다음 페이지가 실제로 두 번째 기사임을 나타냅니다. 두 번째 link 요소는 순서 중 이전 페이지가 예상 대로 첫 번째 기사의 첫 페이지임을 나타냅니다.

마지막으로, 기사의 세 번째 페이지에는 다음의 link 요소가 있습니다.


<link rel="prev" href="/news/article1.aspx"/>

한 기사를 다 읽고 나면 이전 기사의 시작 부분으로 넘어갈 것입니다. 이 link 요소는 페이지 넘기기를 사용하여 뒤로 이동한 경우 첫 번째 기사의 첫 페이지로 이동할 것임을 보여 줍니다.

페이지 넘기기 대상 우선 순위 지정

link 요소의 rel 특성을 사용하여 확인하는 대상을 Internet Explorer에서 결정할 수 있는 대상 "제안"보다 우선합니다. 페이지 및 순서가 지정된 콘텐츠에 대한 태그를 웹 사이트에 적용하는 방법과 검색 엔진에서 이 태그를 처리하는 방식에 대해 자세히 알아 보려면 BingGoogle에서 이러한 블로그 게시물을 참조하세요.

페이지가 지정된 콘텐츠에 대한 콘텐츠 패턴 인식

페이지 넘기기는 다양한 언어로 된 공통 콘텐츠 패턴을 인식하여 페이지가 지정된 콘텐츠에서 탐색 가능 요소를 식별할 수 있습니다. 이러한 패턴은 "다음 »"과 같은 단순 텍스트 문자열부터 숫자, 기호 및 텍스트 문자열이 통합된 복합 요소에 이르기까지 다양합니다.

예를 들어 이 스크린샷은 Bing의 페이지가 지정된 탐색 가능 요소입니다.

Bing에서 페이지가 지정된 콘텐츠에 대한 탐색 가능 요소

다음 스크린샷은 아사히 신문(일본)의 페이지가 지정된 콘텐츠에 대한 탐색 가능 요소입니다.

아사히 신문(일본)의 페이지가 지정된 콘텐츠에 대한 탐색 가능 요소

콘텐츠 패턴이 이러한 예와 일치한다고 해서 웹 사이트에서 반드시 페이지 넘기기가 작동한다고 간주해서는 안 됩니다. 페이지 넘기기가 안정적으로 작동되도록 하려면 rel="next"를 사용하세요.

추가 정보 보기

도메인별 규칙이 풍부한 환경을 제공하는 방법과 Microsoft에서 사이트에 대한 페이지 넘기기 작동을 결정하는 방법에 대해 자세히 알아 보려면 IEBlog 게시물인 "페이지 넘기기 소개"(영문)를 참조하세요.

 

 

표시:
© 2014 Microsoft. All rights reserved.