技術(shù)資訊
斜杠的作用與導(dǎo)航
2009-01-19 08:43:00
在互聯(lián)網(wǎng)世界中,斜杠“/”是很常見(jiàn)的一個(gè)符號(hào)。它的位置在右 Shift 的左邊,不用按 Shift 就能夠輸入。
我猜測(cè)(沒(méi)在維基中查到),斜杠之所以占據(jù)那么重要的地位,應(yīng)該得益于操作系統(tǒng)(Unix、Dos)的流行。在命令行中,一個(gè)斜杠往往是表示著根目錄,也作為目錄與目錄之間的分割。
其實(shí)到了互聯(lián)網(wǎng)時(shí)代,除了 URL 中可能要用到斜杠外,其他地方很少見(jiàn)到它的身影。但它并沒(méi)有隨著歷史而去。
在 Gmail 中,如果你給 label 命名為 abc/def,那么通過(guò) IMAP 維護(hù)郵箱時(shí)會(huì)發(fā)現(xiàn),abc 是 def 的上層目錄。也就是說(shuō)你可以給 label 增加一層(或多層)目錄。
在 Google Analytics 中也可以見(jiàn)到斜杠的身影。常用 Analytics 的人知道,可以用 pageTracker._trackPageview("/abc/def"); 來(lái)重命名內(nèi)容,并且可以通過(guò) Content Drilldown 來(lái)查看 abc 的訪問(wèn)情況(包含 def),也可以展開(kāi),單獨(dú)查看 def 的訪問(wèn)情況。不過(guò)即使不通過(guò) _trackPageview() 來(lái)重命名內(nèi)容,默認(rèn)是 URL,URL 也是用斜杠區(qū)分的。
通過(guò) Google 的例子可以看到斜杠在表示目錄、層級(jí)關(guān)系時(shí)發(fā)揮的作用。我相信在 Google 的其他很多產(chǎn)品中也會(huì)有很多斜杠的妙用。
前些時(shí)候我調(diào)整了 Blog 的界面。最大的改動(dòng)并不是把 sidebar 從右側(cè)調(diào)到了左側(cè),而是頂部的指引。分為以下幾種層次:
JunChen Wu —— 首頁(yè)
JunChen Wu / 設(shè)計(jì) —— 分類頁(yè)
JunChen Wu / 設(shè)計(jì) —— 文章頁(yè)(下一行為文章名)
頂部的 H1 結(jié)合了面包屑、導(dǎo)航、指引、頁(yè)面名的功能,而不是如大多數(shù) Blog 一般是固定不變的 Blog 名。不過(guò)這樣設(shè)計(jì)比較適合我這個(gè)重新設(shè)計(jì)的模板,是一個(gè)整體。如此改動(dòng)之后,我發(fā)現(xiàn)通過(guò)搜索引擎訪問(wèn)到文章頁(yè),然后再訪問(wèn)分類頁(yè)或首頁(yè)的比例大大上升了,跳出率也降低了不少。
記錄一下,有空繼續(xù)調(diào)整。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2012-03-13 22:32:33] 如何設(shè)計(jì)網(wǎng)站導(dǎo)航菜單
- [2008-09-10 14:30:00] 動(dòng)態(tài)導(dǎo)航設(shè)計(jì)
- [2009-01-20 09:07:00] 關(guān)于網(wǎng)站導(dǎo)航的壓力測(cè)試
- [2009-04-09 08:28:00] 怎樣的面包屑導(dǎo)航更能體現(xiàn)整站架構(gòu)
- [2009-03-01 11:09:00] 50 個(gè)美麗且對(duì)用戶友好的導(dǎo)航菜單設(shè)計(jì)
- [2009-01-07 14:45:00] 關(guān)于導(dǎo)航的探討
- [2012-09-07 13:45:45] 網(wǎng)頁(yè)的面包屑導(dǎo)航
- [2009-03-16 14:29:00] 瞎扯之Web導(dǎo)航
- [2008-11-05 17:59:00] 導(dǎo)航設(shè)計(jì)淺析
- [2014-11-18 09:43:39] 網(wǎng)站導(dǎo)航設(shè)計(jì)系統(tǒng)的分類及作用
- [2008-08-25 11:30:00] 網(wǎng)站目錄(導(dǎo)航)設(shè)計(jì)問(wèn)題
- [2008-02-28 10:24:00] 關(guān)于導(dǎo)航的探討
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站制作 青島輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)絡(luò)公司 頁(yè)面設(shè)計(jì) 集團(tuán)公司網(wǎng)站建設(shè) 微信小程序 青島網(wǎng)站優(yōu)化 網(wǎng)站交互設(shè)計(jì) 青島SEO 輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)站設(shè)計(jì)哪家好 robots 青島做網(wǎng)站多少錢 微網(wǎng)站 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 IT資訊 互聯(lián)網(wǎng) 膠南網(wǎng)站建設(shè)公司 青島高端網(wǎng)站建設(shè)公司哪家好 青島好的網(wǎng)站優(yōu)化公司 php程序 企業(yè)建站 GOOGLE 青島網(wǎng)頁(yè)設(shè)計(jì) 扁平化設(shè)計(jì) 色彩心理學(xué) 外貿(mào)網(wǎng)站設(shè)計(jì) 圖形網(wǎng)格 網(wǎng)站建設(shè)的步驟有哪些 高端網(wǎng)站設(shè)計(jì)