㈠ 電子商務的網站導航可以怎樣分類
網站導航對搜索引擎或是用戶來說都是非常重要的地方,各種導航會用戶的關注度影響權重也大相徑庭
*網站LOGO (59%)
既是一個網站或者一個商標的標識,也是導航中一個重要的功能
「點擊logo返回首頁」是目前約定俗成的操作
*主導航 (100%)
網站主體結構的表現,指引用戶訪問網站最基本的路線,是網站整體結構的靈魂
*輔助導航
導航重要組成部分,展示網站的重要功能點、或者提示瀏覽者的重要信息點
內容包括:會員中心、購物車、登錄注冊、幫助、聯系我們、關於我們等
麵包屑導航 (52%)
標示著瀏覽者當前瀏覽的頁面與網站主框架的結構關系,可以讓瀏覽者明確了解當前 所瀏覽的頁面處於整個網站的位置
網站地圖 (16%)
指明一個網站結構、欄目和內容說明等基本信息的網頁,可以讓瀏覽者對網站整體框架快速了解瀏覽者可通過站點地圖中各個欄目的鏈接直接進入相應欄目
同時,也為搜索引擎檢索網站內容提供方便,增加網站在搜索引擎中的排名優勢.
【按導航表現形式】
按層級
一級導航(34.2%) 主導航只採用一級深度,而不把子級別顯示出來
多級導航(65.8%) 組織主導航的時候會把2級深度的結構表現出來
按效果
標簽式(44.5%) 現在網站通常使用的一種方式,可以清晰的表現出當前的位置與導航的對應關系,顯示效果較強烈
普通鏈接(39.2%) 最普通的方式,簡介明了,實現方式簡單
下拉式(16.3%)
這種方式往往是為了配合顯示二級分類而產生的方便用戶直接進入更深的層級,減少二次選擇
按作用
欄目頻道式(27.2%) 這種方式一般是將網站的主要欄目結構表現出來,用戶可以明確的知道網站整體結構和功能
商品分類式(59.3%) 網站的主導航是把網站主要的商品分類顯示出來,引導用戶直接進入商品分類中
混合式(13.5%) 主導航中,把上面提到的兩種呈現結構都表現出來
商品層級分類
一級
優點:簡潔直觀,可節約網頁空間、利於用戶快速關注
缺點:無法提供精確導航,信息量少,並且不利於用戶對網站中商品有概括性的了解
適用:商品種類較少的電子商務網站
二級
優點:相對清晰,導航形式更易於被用戶接受;可以提供更好的引導作用,使用戶進入二級分類目錄後獲得更多商品信息,以提高商品瀏覽量
適用:分類下商品類型較少、商品相似較高的電子商務網站 目前使用最多
三級及以上
優點:分類更加詳細清晰,導航更加精準,可為用戶提供更快速准確的導向;同時也可以幫助商品分類多的網站,在空間佔用率與導航效率上找到一個相對平衡點
適用:商品較多、且商品類型差別較大的電子商務網站;比如電子商品、家電
㈡ 分頁導航可以被什麼代替
前還不能被代替的。
分頁導航的製作方法也很簡單。分頁導航一般包括上一頁、頁碼、下一頁三部分。
㈢ 網站當中,分頁欄導航可以被什麼所替代
幫助欄。網站當中,分頁欄中的導航工具與幫助平台所屬的性質均是一樣的,都是系統自動幫助用戶。
㈣ 各大網站首頁現在有的那個類似導航欄的東西叫什麼
就是個圖片查看器,你做網頁都時候在DW裡面 插入 多媒體 圖片查看器 添加你要播放的圖片就可以了 實際就會變成像FLASH一樣的效果。當然你也可以做成FLASH 但是更新不方便,你在添加圖片時,可以是使用SCR='鏈接地址',這樣更好圖片就方便了
㈤ 分頁導航 分頁導航幾乎在哪個網站都可見.好的分頁導航能給用戶
在瀏覽網頁時,經常會遇到分頁導航的情況。分頁導航主要有四個作用:告訴用戶要瀏覽的信息量;讓用戶快速跳過一些不想看的信息;便於定位和查找;減少頁面大小,提高載入速度。此外,分頁導航實際上還給了瀏覽網頁的用戶一定的停頓,可以讓產品“更有節奏感”,減少用戶瀏覽的疲勞感。 下面圖趣網以國內外常見的幾個網站(主要為搜索引擎和電子商務網站)為例,分別從幾個方面來談一下分頁導航的設計。 1:分頁導航的長度 分頁導航既不可過長,又不可過短。過長的分頁導航,加重了用戶的負擔;過短的分頁導航,不能很好地起到導航的作用。 淘寶和京東的分頁導航頁碼數量為6,Google、Bing 和 Yahoo 是10。網路和亞馬遜採用了可變長度的形式。網路的起始長度為10,隨著頁面的下翻,分頁頁數逐漸增加,最終保持20頁的長度;而 Amazon 最初只有4頁,最後維持在5頁的數量上。 Google的分頁導航 Bing的分頁導航 Yahoo的分頁導航 網路的分頁導航 Amazon的分頁導航 淘寶的分頁導航 京東的分頁導航 可以看出,電子商務網站的分頁導航頁碼數量普遍少於搜索引擎。最主要的原因當然是電商網站的搜索結果數量遠遠不及搜索引擎。其次,因為電商網站主要是賣東西的,相對於以把信息呈現給用戶為目標的搜索引擎來說,它們更願意讓用戶仔細地瀏覽前面幾頁的商品,而不是引導用戶隨意地點擊任意一個頁面去查看商品。 2:是否需要首末頁導航鏈接 Google、Bing、Yahoo、Amazon、網路、淘寶、京東這幾個網站的分頁導航中都沒有首頁和末頁的鏈接。 Google、Bing、Yahoo 和網路這些搜索引擎沒有首頁和末頁,我們可以理解,因為搜索結果數量太大,頁數太多,所以提供末頁沒有太大的意義。並且他們的分頁導航長度都在10頁以上,而用戶很有可能在10頁以內就能夠找到自己想要的信息,即使找不到,也可以通過點擊第1頁方便地回到首頁,所以“首頁”的鏈接用處不大。 而 Amazon、淘寶和京東這種電商網站,用戶的商品信息需求更加個性化,對搜索准確性的要求不如搜索引擎那麼高。所以電商網站的用戶所需要的商品信息更接近於平均分布到各個檢索結果頁中,而不是像搜索引擎那樣集中在首頁。另外,還有一種可能是,如果用戶翻到一定頁數時,發現結果越來越背離自己的需求,通常會修改搜索條件(如限定男裝、女裝、品牌等),或者重新搜索。 此外,以上兩類網站的共同點是,搜索結果裡面的鏈接默認會在新窗口中打開,所以,如果用戶瀏覽到後面的頁面時,又想再瀏覽首頁中的商品信息或搜索結果,可以通過切換窗口來實現(前提是你沒有關閉窗口的強迫症)。 3:是否需要自定義頁碼 自定義頁面對選項數目有限的分頁來說是很常見的。淘寶和京東都提供了這種導航方式。但是,我覺得,在這種信息量很大的頁面上,用戶往往不知道具體頁碼上的具體內容,所以不太可能自定義某個頁碼去查看。我們可以把淘寶和京東提供的這種功能理解為對沒有在導航頁碼中放“首頁”鏈接的一種補充。另外,電商網站提供這種自定義頁碼功能,也可以提高排名靠後的商品的曝光度,從電商平台的角度出發,這也是一種需要。 4:頁碼數字的間距 頁碼數字間距太小,用戶容易誤點擊;間距太大,會增加滑鼠。在這一點上,Google 似乎做得有些欠佳。出現雙位數的頁碼後,Google 的分頁導航顯得有些擁擠。我們姑且可以將這理解成是 Google 為了保證每個頁碼數字都和分頁導航上方的字母o對齊。 出現兩位數頁碼後,Google 的頁碼數字間距太小 5:滑鼠響應 理想狀況下,滑鼠劃過或者點擊頁碼時,頁碼應該有響應。這樣能夠提醒用戶滑鼠當前所劃過或點擊的頁碼。當滑鼠劃過頁碼時,淘寶是將對應的小方框加上橘黃色 border,京東是將對應的小方框變成藍色,網路和 Bing 是將對應的小方框變成灰色,而谷歌是將對應的頁碼數字加上下劃線。當滑鼠點擊時,網路和 Google 會將對應的頁碼數字變為紅色。 以上處理方法應該都是正確的,但 Google 的處理方式有點讓人不解。給鏈接加上下劃線,本來是 HTML 的默認處理方式,以此來提醒用戶這是一個鏈接,這種方式貌似是萬維網之父 Tim Berners Lee 所定義的。但是,隨著用戶對網頁的熟悉,很多時候即使不加下劃線,用戶也知道那是個鏈接。我記得6月份的時候,新浪就去除了其首頁所有鏈接的下劃線,那時我還真感覺頁面清爽了許多,可沒過多久,它又給加上了。再回過頭來,看 Google 的導航鏈接,滑鼠放上去的時候會出現下劃線,就連“上一頁”和“下一頁”這兩個鏈接也有下劃線。我個人覺得,這可能是沒有必要的,因為絕大多數的用戶其實已經知道那是一個可以點擊的鏈接了。也許 Google 又是在用這種復古的風格來彰顯與眾不同吧。反正復古和屌絲就一步之遙。 6:“上一頁”和“下一頁” “上一頁”和“下一頁”一般分別放在頁碼導航的左端和右端,並且通常會有向左和向右的箭頭來形象化地指引用戶,如 Yahoo、Amazon、網路、淘寶和京東。 “上一頁”和“下一頁”的位置也很重要。位置最好相對固定,讓用戶可以很方便地使用上一頁和下一頁來進行頁面切換。在這一點上,上述幾個網站都做得不錯。而網路的前 20 頁分頁頁碼會隨著頁碼的下翻而向右移動,這一點體驗並不是太好。可能網路的出發點是想讓用戶在20頁之內方便地進行頁面的切換。 另外,淘寶和京東還在頁面的右上角提供了簡單的上翻和下翻功能。下面是完整的分頁功能,上面是簡化功能。產品頁下面需要完整的分頁功能很好理解,因為用戶都是瀏覽完該頁產品再翻頁,所以把完整功能置於底部。那什麼時候用戶需要在產品頁上面使用分頁功能呢?可能是在用戶不想看產品頁內容就翻頁的時候,可能是在用戶想了解自己所處位置的時候。另外由於產品頁上部的分頁模塊常常和產品篩選條件模塊放於一處,所以這里的功能需要盡量簡化、節約空間。此外,淘寶和京東還在此處顯示了搜索結果的總頁數,可能是為用戶提供是否重新輸入檢索詞或者修改搜索條件的決策支持信息。 淘寶頁面右上角的簡單翻頁功能 京東頁面右上角的簡單翻頁功能 7:當前所在頁 用戶當前所在頁的頁碼應該與其它頁碼的樣式有所區別,以此來提示用戶當前所在的位置,便於導航。Google、Bing、Yahoo 和網路都使用了黑色的字體來表示用戶當前所在頁的頁碼,京東用了橘黃色的字體來表示,而淘寶將當前所在頁的小方框背景設置為黃色。 另外,當前頁應該是不可鏈接的,所以滑鼠放上去之後,應該不會變成 hover 狀態。而在京東的網頁上,滑鼠放到當前頁上面時,當前頁會像其它頁碼一樣,背景變成藍色,滑鼠也會變成手指的形狀,這樣會誤導用戶,以為當前頁是可以鏈接的。 值得一提的是新浪微博。新浪微博的默認方式是,隨著用戶向下瀏覽,自動載入兩次,之後再出現分頁。對於大多數用戶,在閑暇時瀏覽微博,載入兩次的內容已經能夠滿足他們,對於需要瀏覽更多信息的用戶,也讓他們知道自己到底瀏覽了多少。這種方式無疑更加靈活,既保證了用戶瀏覽信息的連續性,又提供了快速導航和預估信息量的作用。 新浪微博信息流中的頁碼導航 8:區分訪問過/未訪問過的頁碼 按照 HTML 的默認設置,訪問過和未訪問過的鏈接顏色是不同的。但是,上述網站中,只有網路和 Bing 將訪問過和未訪問過的頁碼導航鏈接用顏色區分出來了。我個人認為做這一區分是有必要的,尤其是當我用搜索引擎搜索信息的時候。 9:導航頁碼中的品牌宣傳 前面提到過,Google 的導航頁碼上方是一個變形的 Google Logo,每個頁碼都對應 Logo 裡面的一個字母o。用戶甚至可以通過點擊這些o來跳轉到其對應的導航頁碼所在的頁面上去。 另外,配色也可以和品牌宣傳結合起來。Google 的導航頁碼的藍色和其Logo 中的G和g的顏色很相近,網路的導航頁碼上方顯示的是網路的Logo,京東的導航頁碼中使用的橘黃色和藍色是其 Logo 的主要顏色,淘寶的導航頁碼中使用的橘黃色也是其 Logo 以及網站的主要顏色。 10:其它 在進行產品設計的時候,我們一切都是從用戶需求的角度出發來進行思考和設計的。但是,產品是同時滿足用戶需求和公司需求(通常是盈利)的東西,所以,有時候,不得不考慮其它的一些東西。比如,在你瀏覽某些新聞資訊類網站的時候,你會發現,每一頁的內容只有可憐的一兩段,然後就又得翻頁,一篇不長的文章,被分割成了十幾頁。這種為了增加網站 PV 而故意分割文章增加頁數吸引用戶點擊的行為真的是令人發指。
㈥ 請幫忙為我的wordpress網站增加分頁功能
可以採用WP-PageNavi 這個插件,在後台插件搜索 並按安裝,激活
添加分頁代碼
<?phpif(function_exists(『wp_pagenavi』)){wp_pagenavi();}?>
【配置細則】
WP-PageNavi在後台也有菜單可以配置它的顯示樣式。」配置「——」PageNavi「,可以看到它的配置界面,PageNavi可以配置顯示的文字,還有頁碼的樣式:
Text For Number of Pages:顯示」文章總共有幾頁「;
Text For Current Page:顯示」目前在第幾頁「;
Text For Page:顯示」頁碼「;
Text For First Post:顯示」第一頁「;
Text For Last Posts:顯示」最後一頁「;
Text For Previous Post:顯示」下一頁「;
Text For Next:顯示」下一頁數據「;
Text For Previous:顯示」有上一頁數據「
PageNavi的CSS文件在」./wp-content/plugins/wp-pagenavi/pagenavi-css.css「中,如果你有一定的CSS+XHtml基礎的話,你要可以定義自己的分頁導航樣式,使自己的分頁導航更加適合自己網站的風格