국내외 사이트의 경우: 사이트에 대 한 페이지 탐색 10 세부 분석

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

웹 페이지를 찾을 때 당신은 종종 페이징 탐색을 경험. 페이징 탐색은 4 가지 주요 기능: 사용자 정보의 양을 검색, 신속 하 게 사용자에 게 어떤 메시지를 찾을 찾기, 페이지 크기, 로딩 속도 개선 하기 쉽게 볼 하지 않으려면 건너뛰기. 또한, 페이징 탐색 실제로 사용자에 게 특정 제품 "더 리듬" 하 고 피로의 사용자의 감각을 줄일 수 있도록 웹 페이지를 탐색 하려면 일시 중지를.

예를 들어 페이지 매김 탐색의 디자인에 대 한 이야기를 여러 가지 측면에서 일반적인 국내외 웹사이트 (주로 검색 엔진 및 전자 상거래 사이트)를 따라.

1: 페이징 네비게이션의 길이

페이징 탐색 너무 오래도 너무 짧은 수 있습니다. 너무 오래 페이징 탐색, 사용자의 부담; 악화 너무 짧은 페이징 탐색, 탐색에 좋은 역할을 재생할 수 없습니다.

Taobao와 Jingdong 호출기 페이지 수 6, 구글, 빙, 야 후는 10. 바이 및 아마존 가변 길이 폼을 사용합니다. 바이 두의 길이가 10, page down, 점차적으로 증가 하는 페이지의 페이지 번호와 함께 시작 하 고 궁극적으로 20 페이지, 그리고 아마존 처음만 4 페이지의 길이 유지 하 고 마지막으로 5 페이지에 유지.

Google의 페이징 탐색

빙의 호출기

야 후의 페이징 탐색

바이 두의 페이징 탐색

아마존의 페이징 탐색

Taobao 페이지 매김 탐색

베이징 동쪽 호출기

당신이 볼 수 있듯이, 전자 상거래 사이트에서 페이지 탐색 페이지 수는 검색 엔진 보다 일반적으로 적습니다. 주된 이유는 물론, 웹 사이트에 검색 결과의 수는 검색 엔진 보다 훨씬입니다. 둘째, 전자 비즈니스 사이트는 주로 검색 엔진의 목표 사용자에 게 제공 되는 정보에 비해 일 판매 하기 때문에 그들은 기꺼이 더 가이드 사용자가 임의로 제품을 볼 수 페이지에 클릭 보다는 사용자가 신중 하 게, 상품의 이전 페이지를 탐색할 수 있도록 한다.

2: 첫 번째 마지막 페이지 탐색 링크 필요 하십니까

구글, 빙, 야 후, 아마존, 바이, Taobao, 베이징 동쪽, 사이트의 페이지의 페이지 아니다 처음 이자 마지막 링크.

구글, 빙, 야 후, 바이 두 검색 엔진 하지 않아도 홈 페이지와 마지막 페이지, 우리가 이해할 수 있는 너무 많은 페이지, 그래서 마지막을 제공 검색 결과 수가 너무 크기 때문에, 페이지 별로 의미는 없습니다. 그리고 그들의 페이징 길이 10 페이지 이며 사용자는 아마 10 페이지 이내를 그들이 원하는, 심지어 없는 경우, 쉽게로 돌아갈 홈페이지, "홈" 링크는 유용 하지 않습니다 그래서 1 페이지에 클릭 수 있습니다. 정보를 찾을 수 있습니다.

아마존, Taobao 그리고 베이징 동쪽, 전기 비즈니스 사이트, 상품 정보 필요의 더 많은 개인 사용자, 검색 엔진으로 높은 검색 정확도 요구. 따라서, 전기 사업 웹사이트의 사용자 홈 페이지에 초점으로 각 검색 결과 페이지는 검색 엔진 보다는 평균 분포에 가깝게 되도록 제품 정보가 필요 합니다. 또한, 또 다른 가능성은 그 사용자 수의 특정 페이지의 경우, 결과 점점 벗어난 그들의 자신의 필요에서 일반적으로 수정 하는 검색 조건 (와 같은 제한 된 남자, 여자, 브랜드, 등), 또는 다시 검색.

또한, 위의 두 가지 유형의 웹사이트 사이의 유사성 검색 결과 열립니다 새 창에서, 사용자가 페이지의 뒤에 뿐만 아니라 하려는 홈페이지의 제품 정보를 검색 하거나 검색 결과에서 링크를 전환할 수 있습니다 (만약 당신이 강 박 장애의 창을 닫지 마십시오) 달성 하기 창이 있습니다.

3: 페이지 번호를 사용자 지정 하려면

사용자 지정 페이지 매김의 제한 된 수에 대 한 일반적입니다. Taobao와 Jingdong 탐색의이 종류를 제공합니다. 그러나, 나는 이러한 많은 양의 페이지에 대 한 정보에 사용자가 자주 모르는 특정 콘텐츠를 특정 페이지 번호 그래서 볼 페이지를 사용자 지정은 하지 생각 합니다. 우리 Taobao와 Jingdong는 보충으로 "홈" 링크에 탐색 페이지 번호에서이 기능을 제공 걸릴 수 있습니다. 또한,이 사용자 지정 페이지 번호 기능을 제공 하는 전자 비즈니스 사이트 전기 비즈니스 플랫폼의 관점에서 상품 노출 순위를 향상 시킬 수 있다,이 필요 하다.

4: 페이지 번호의 간격

페이지 번호의 수는 너무 작은, 사용자 지연 쉽게 이며 간격이 너무 커서 마우스를 증가. 이 시점에서, Google는 조금 가난 하 게 하 고 있을 것으로 보인다. 두 자리 페이지 번호 후 Google의 페이징 탐색 조금 붐비는 것 같다. 각 페이지 번호는 페이저 위의 편지 o에 대 한 정렬 되도록 Google로 이것을 가자.

두 자리 페이지 번호를 표시 하는 경우 Google의 페이지 번호 간격 너무 작습니다.

5: 응답 마우스

이상적으로, 페이지 번호는 마우스가 또는 페이지 번호를 클릭 하는 경우 응답 해야 합니다. 이 사용자를 페이지 번호를 걸쳐 현재 또는 마우스 클릭을 알려줍니다. 페이지 번호에서 마우스, Taobao 될 때 해당 작은 상자 플러스 오렌지 테두리, Jingdong 파랑에 해당 하는 작은 상자 될 것입니다, 바이 두와 빙 회색에 해당 하는 작은 상자 되며 Google은 페이지 번호와 밑줄의 해당 번호. 마우스 클릭 하면 바이 두와 구글 빨간색 해당 페이지 번호를 변경 됩니다.

위의 접근 모두 정확 해야, 하지만 구글의 방식은 조금 혼란. 처리의 기본 방법은 것 링크 밑줄 HTML, 것 상기 사용자는 이것이 링크, 웹의 아버지 팀 버너 스 리, 정의 된. 그러나, 사용자가 되는 웹에 잘 알고 여러 번 밑줄 없이 사용자가 링크는 알고 있다. 나는 6 월, 시 나가 고 있다 또한 그것의 첫 번째 페이지에 모든 링크 밑줄 다음 정말 기분이 상쾌 페이지, 하지만 오래, 추가를 다시 기억 한다. 다시, Google의 탐색 링크를 보면, 마우스 나타납니다 밑줄, 심지어는 "이전"과 "다음"이 두 개의 링크가 밑줄이 그어집니다. 나는 개인적으로이 되지 않을 수 있습니다, 대부분의 사용자는 실제로 이미 클릭 가능한 링크 임을 알고 있기 때문에 느낀다. 어쩌면 Google이 복고풍 스타일 차이 강조 하기 위해 사용 합니다. 어쨌든 역 고 실크 단계 멀리 이다.

6: "이전"과 "다음"

이전 페이지 및 다음 페이지는 일반적으로 왼쪽 및 오른쪽 페이지 번호 탐색에 놓이고 일반적으로 화살표를 왼쪽 및 오른쪽 사용자, 야 후, 아마존, 바이, Taobao, Jingdong 등을 시각화 하는.

이전 및 다음 페이지의 위치 또한 중요 하다. 위치는 가급적 이면 상대적으로 고정, 사용자가 쉽게 페이지 전환에 대 한 이전 및 다음 페이지를 사용할 수 있도록. 이 시점에서,이 사이트에 좋은 일을 하 고 있다. 그리고 바이 두의 첫 20 페이지 매김 페이지 페이지 아래로 되며 오른쪽으로 이동,이 경험 너무 좋지 않다. 아마도 바이 시작점은 사용자가 페이지를 전환 하는 게 쉬운의 20 페이지 이내입니다.

또한, Taobao 및 페이지의 오른쪽 상단 모서리에 Jingdong 간단한 거꾸로 제공 하 고 아래로 기능. 아래는 간단 하 게 전체 페이징 기능이입니다. 제품 페이지는 전체 필요는 사용자가 제품 후 페이지를 탐색 하기 때문에 잘 이해 하 고, 기능을 페이징 및 다음 페이지, 하단에 전체 작동. 때 사용자 페이징 페이지를 사용 하는 제품 필요 합니까? 그것은 그 때 사용자 제품 페이지 내용을 보고 싶지 않다면, 그것은 있을 수 있습니다 때 사용자가 어디에 있는지 알고 싶어 수 있습니다. 또한 톱 페이지 모듈의 페이지는 종종 그래서 여기 함수 가능한 한 단순 해야 심사 기준 모듈 제품, 한 장소에 배치 하기 때문에, 공간을 절약할. 또한, 검색어를 다시 입력 하거나 의사 결정 지원에 대 한 기준을 수정 여부에 정보를 제공 가능 하 게 Taobao와 Jingdong 또한 검색 결과에서 페이지의 총 수를 표시.

간단한 페이징 함수의 오른쪽 상단 모서리에 Taobao 페이지

Jingdong 페이지의 오른쪽 상단 모서리에 간단한 페이징 함수

7: 현재 페이지

그것은에 현재 사용자의 페이지 번호는 다른 페이지 번호, 현재 위치에 대 한 사용자 메시지를 표시 하 고 탐색을 용이 하 게의 스타일과 다른 해야 합니다. 구글, 빙, 야 후, 그리고 바이를 오렌지-노란색 글꼴 사용자의 현재 페이지의 페이지 번호를 나타내는 검은 글꼴을 사용 하 고 Taobao 현재 페이지의 작은 상자 배경을 노란색으로 설정 합니다.

또한, 현재 페이지 해야 하지 연결, 마우스 놓아야, 호버 상태로 되지 해야 합니다. 베이징 동쪽 페이지에서 현재 페이지 위에 마우스를 놓으면 현재 페이지는 다른 페이지 번호 같은 것, 배경 된다 파란, 마우스 사용자, 현재 페이지를 연결 될 수 있다 생각을 오해 것 손가락의 모양이 될 것 이다.

그것은 시 나 Weibo 언급 가치가 있다입니다. Sina Weibo의 기본값은 사용자가 내려,로 부하 자동으로 두 번 로드 다음 페이징 발생 합니다. 대부분의 사용자가, 그들의 여가 시간에 마이크로 블로그를 검색에 대 한 그들이 얼마나 그들은 탐색 하자 로드 두 번 콘텐츠 사용자에 게 더 많은 정보를 찾아볼 필요가 그들을 만족 시킬 수 있다. 이 방법은 의심할 여 지 없이 더 유연한, 뿐만 아니라 정보를 탐색 하는 사용자의 연속성을 보장 하지만 또한 빠른 탐색 및 정보 추정의 역할을 제공 합니다.

Sina Weibo의 정보 흐름에서 페이지 번호를 탐색

8: 방문/읽지 않은 페이지 번호를 구분

HTML에 대 한 기본 설정에 따라 액세스 되 고 방문 하지 링크 색이 다릅니다. 그러나, 유일한 바이 두와 빙 방문 되 고 방문 하지 페이지 탐색 링크의 색을 확인 했습니다. 나는 개인적으로 그것은 정보에 대 한 검색에 검색 엔진을 사용 하는 경우에 특히이 구별 하 게 하는 데 필요한 생각 합니다.

9: 탐색 페이지 번호 프로 모션 브랜드

각 페이지 번호 편지 O. 내부 로고에 해당 하기 전에, Google의 탐색 페이지 번호 위의 왜곡된 구글 로고에 언급 했 듯이, 사용자도 해당 탐색 페이지 번호는 페이지 이동이 o 클릭할 수 있다.

또한, 색상 또한 브랜드 홍보와 함께 결합할 수 있습니다. Google의 탐색 번호의 블루 매우 비슷합니다 G와 G의 로고. 바이 탐색에서의 디스플레이 위에 페이지 번호는 바이 두의 로고, Jingdong 탐색 페이지 번호에 사용 된 오렌지와 블루는 그것의 로고의 기본 색상, Taobao 탐색 페이지 번호는 오렌지에 사용 되는 또한 그것의 로고 그리고 사이트의 주요 색상입니다.

10: 기타

제품 디자인에 우리는 생각 하 고 디자인 사용자 요구의 관점에서 모두는. 하지만 제품 (일반적으로 수익성이) 회사의 요구와 사용자의 요구를 충족 하는 뭔가가 있다, 그래서 때로는 당신이 뭔가 대해 생각 하는. 예를 들어 특정 뉴스 웹 사이트를 검색 하는 경우는 각 페이지의 콘텐츠만 불 쌍 한 하나 또는 두 개의 단락, 그리고 다음 페이지, 긴 기사, 10 개 이상의 페이지에 분할 되었다 찾을 수 있습니다. 이 사이트 PV를 증가 하 고 의도적으로 동작을 클릭 하 여 사용자를 유치 하는 페이지의 수를 늘리기 위해 페이지를 분할은 정말 어이.

문제는 밖으로 정렬 했다 그래서 비슷한 문제가 최근 제품의 디자인에서 발생 했습니다.

더 하이라이트, 주목 인터넷 분석 살롱 마이크로-편지: 최신, 가장 뜨거운 드라이 제품을 당신을 위해 매일 Techxue!