每天一點產品思考 4 如何設計404頁面?

2022-01-29 06:11:59 字數 1791 閱讀 4469

昨天阿白花了整整一天時間設計乙個關於「問題詳情」的原型,今天早上美滋滋的交付給開發,開發看了一眼,問了一句,如果我開啟的頁面不存在,「not found」怎麼搞呢?阿白一臉疑惑,問「啥是not found?」,開發一臉鄙視,就是你平常看到的「404」頁面,阿白有點不好意思,「哦哦,404啊,我還真忘了,我這就給你補上。」

阿白回到工位,立刻補了一張404頁面,大概就長下面這個樣子吧。

開發拿到新增了404頁面的原型,覺得整個流程是閉環了,也沒啥問題,就沒說多話。阿白很開心,接下來就等下午的需求評審會了,打好最後一仗就可以輕鬆一下了。

乖哥問了下阿白,「昨天設計原型的工作怎麼樣了?」阿白一臉自豪,「哦哦,已經交付了,唯一一點問題就是忘記了新增404頁面,現在已經新增了。」乖哥開啟原型,大致看了一下,然後把阿白喊過來,問「你覺得你的404頁面有什麼問題嗎?」阿白看乖哥一臉嚴肅的樣子,但是又不知道自己**出了問題,怯怯的說「我看了挺多其他產品的404頁面,差不多都長這個樣子,應該沒啥問題吧,並且給開發看過了,開發也沒提什麼意見。」乖哥又問,「這個404頁面乍一看的確沒啥大毛病,但是我進入這個頁面後,我接下來怎麼操作呢?」 阿白思考一下,「404頁面就是訪問的頁面不存在然後給的乙個提示,其實也沒啥操作了,只能關閉頁面吧。」乖哥聽了,沒做評價,接著問,「剛看這個設計的404原型,旁邊並沒有什麼需求說明,我們**是程式設計師垂直社群,你也沒有告訴設計師是否要設計與**社群相匹配的元素。」阿白一聽,辯解道「404頁面應該不會經常出現吧,我覺得沒有設計師的特殊設計也沒關係,還可以節省人力。」乖哥聽了有點不開心樣子,阿白知道自己說錯了,因為乖哥一直提倡「以使用者為導向」,乖哥一直嚴格要求每乙個頁面設計。趕緊解釋道「不過從使用者體驗考慮,我覺得您剛才說的還是挺有道理的。」

乖哥看了一下新的原型原型,說「好的,現在交付開發吧。」阿白很開心,覺得自己終於完成任務了。

下午兩點,按照計畫,如期開始「需求評審」。阿白介紹自己的設計,開發和設計師根據自己之前的理解提出疑問,阿白一一解答,一切都在阿白的把控之中發展的有條不紊。最後阿白問大家還有沒有什麼疑問?看大家沒人說話,阿白看了一眼乖哥,就準備結束會議。這時乖哥說,「開發同學那邊注意一下,如果後面有其他我們這邊沒考慮到的404頁面,一定麻煩提醒一下,不要私下直接跳首頁或其他頁面,這會影響搜尋引擎對**的信任,認為我們存在很多死鏈結並直接跳首頁,這在搜尋引擎裡會被認為作弊,對seo會產生影響。另外對於「200」、「302」這樣的提示碼請務必不要返回「404」,「404」也不要錯誤返回成了「200」、「302」,這也會降低搜尋引擎對我們的信任。」開發同學點點頭,便是贊同。阿白一臉懵逼,心想「咦?這兩點是什麼意思?為什麼乖哥可以和開發小哥聊我聽不懂的東西?咱也不懂,咱也不敢問。」阿白只是默默的把這兩點記在了需求文件上,會議結束。

評審會議結束後,阿白還是不甘心,默默去google一下,乖哥說那兩點是什麼意思,一番搜尋之後,大概明白了。如果404頁面直接跳轉到首頁,那麼給搜尋引擎乙個資訊就是,只要你的**有死鏈結,錯誤鏈結或者不存在的鏈結時,返回的結果都是首頁,這會被認為是作弊行為,這影響你首頁的權重,嚴重了會降權,如果真的要跳的話,也要等個30s的樣子吧。另外就是假如你訪問兩個不存在的url —— 鏈結a、鏈結b,都顯示給使用者是404頁面,「返回訊息」裡實際應該都返回「404」,但搜尋引擎得到的回應狀態碼是「200」,那麼,便會將其收錄到索引資料庫(注:「404」頁面不會被索引到資料庫,「200」、「302」會被索引到資料庫),這樣的結果便是這兩個不同的url具有完全相同的內容:都是自定義404錯誤頁面的內容。這類重複文字(duplicate content)的現象對許多搜尋引擎而言都是大忌。這樣,對搜尋引擎而言,特別是google,大大降低對**的信任,從而影響seo。

每天一點python xlrd

xlrd是python語言中讀取excel的擴充套件工具,可以實現指定表單 指定單元格的讀取。1.讀取excel檔案 workbook xlrd.open workbook file.xls 2.獲取excel中表單數量 workbook.nsheets 3.獲取excel中的乙個表單 workbo...

每天一點C (一)

在搭建好c 的環境後,我們就可以開始進行c 的學習了,從基礎的語法開始時!首先我們要知道乙個 c 程式主要包括以下部分 空間宣告 class class 方法 class 屬性 乙個 main 方法 語句 表示式 using system 執行結果就是顯示 hello world 我的第乙個c 程式...

每天一點產品思考 6 怎麼定義人工智慧公司?

今天一早,阿白看到產品經理群裡出現乙個推送。阿白簡直笑哭,趕緊分享給乖哥。並附上一句 atm機後面其實有個人 阿白為了表達自己的嘲笑,接著說,現在很多公司,打著人工智慧的旗號,但是根本沒有對應技術。拿了投資人的錢,真以為自己在風口上能上天?最後半路掉下來,還不是豬。乖哥笑了一哈,問 那阿白覺得什麼才...