廊坊網(wǎng)頁設計的最佳屏幕尺寸
分享 2020.09.29 瀏覽次數(shù):2080次
廊坊網(wǎng)頁設計的最佳屏幕尺寸是多少?
當然,沒有一個最佳的標準。廊坊網(wǎng)站應在不同的瀏覽器和平臺上以所有屏幕分辨率快速響應地進行轉換。無障礙。移動友好。首先為您的訪客設計。從360×640到1920×1080的設計。
適用于1024×768至1920×1080的臺式顯示器的設計
適用于360×640至414×896的移動顯示器的設計
適用于601×962至1280×800的平板顯示器的設計
檢查百度統(tǒng)計并針對目標受眾的最常見分辨率大小進行優(yōu)化
不要設計一種顯示器尺寸或屏幕分辨率。屏幕大小和瀏覽器窗口狀態(tài)因訪問者而異。
設計應該響應迅速。使用可轉換為當前用戶窗口大小的自適應或響應式布局。
監(jiān)控百度站長工具的移動設備友好性和可用性警告
它仍然應該看起來不錯,并且在所有尺寸下都可以正常工作,現(xiàn)在我們的建議是建設一個自適應/響應式廊坊網(wǎng)站。
針對特定屏幕尺寸優(yōu)化頁面布局的三個主要標準是:
網(wǎng)頁的初始可見性:屏幕上方是否可見所有關鍵信息,以便用戶無需滾動即可查看?這是在顯示多少個項目與每個項目顯示多少細節(jié)之間的權衡。
網(wǎng)頁可讀性:給定頁面寬度,閱讀各列中的文本是否容易?
網(wǎng)頁美學:當元素的大小和屏幕大小合適時,頁面的外觀如何?是否所有元素都正確對齊?標題是否緊挨著圖片等?
可用性準則還建議您考慮所有大小的所有三個條件。檢查瀏覽器窗口的屏幕分辨率為360×640到1920×1080。
在整個分辨率范圍內,您的網(wǎng)頁在所有條件上的得分都應該很高。
您的頁面也應該以更大或更小的尺寸工作,盡管這種極端情況不那么重要。
盡管此類用戶當然應該能夠訪問您的廊坊網(wǎng)站,但為他們提供小于設計的外觀有時是可以接受的折衷方案。
十大最常見的屏幕分辨率
2020年的前6個月中,對451,027個訪客進行了訪客分析:
響應式廊坊網(wǎng)站模板是一個很好的選擇
響應式Web設計:在相同的URL上提供相同的HTML代碼,而不管用戶的設備(例如,臺式機,平板電腦,移動設備,非可視瀏覽器)如何,但是可以根據(jù)屏幕大小來不同地呈現(xiàn)顯示。 百度建議使用響應式Web設計,因為它是最容易實現(xiàn)和維護的設計模式。
在當今世界,許多人正在使用手持設備(平板電腦和智能手機)瀏覽網(wǎng)頁,而響應式廊坊網(wǎng)站設計(RWD)已經(jīng)成為解決屏幕尺寸挑戰(zhàn)的極有可能的解決方案。
此方法不再使用固定寬度的廊坊網(wǎng)站,而是使用CSS樣式表中的“媒體查詢”來創(chuàng)建一個廊坊網(wǎng)站,該廊坊網(wǎng)站在大小上響應手持設備的不同視口以及人們使用的較小屏幕。
因此,無論人們使用什么設備來查看您的廊坊網(wǎng)站,您都可以為他們提供最完整的體驗。
百度首選適合移動設備的廊坊網(wǎng)站
如果您想為高競爭力的關鍵詞在百度獲得高排名,您就需要一個適合移動設備的廊坊網(wǎng)站。
廊坊網(wǎng)站對移動設備的友好程度如何影響各種設備對廊坊網(wǎng)站的排名效果。如果您為小型企業(yè)創(chuàng)建廊坊網(wǎng)站,您會知道他們想要一個在百度自然搜索中表現(xiàn)良好的廊坊網(wǎng)站。
目前從本質上講,這意味著廊坊網(wǎng)站設計具有響應性并且對移動設備友好,尤其是對于百度而言。
全球桌面屏幕分辨率統(tǒng)計,2019年5月– 2020年5月
作為參考,以下是最近(2020年)記錄的當前全球頂級屏幕分辨率的列表:
1366×768 – 23.49%
1920×1080 – 19.91%
1536×864 – 8.65%
1440×900 – 7.38%
1280×720 – 4.89%
1600×900 – 4.01%
1280×800 – 3.33%
全球移動屏幕分辨率統(tǒng)計,2019年5月– 2020年5月
360×640 – 17.91%
375×667 – 7.61%
414×896 – 6.52%
360×780 – 5.56%
360×760 – 5.06%
414×736 – 3.74%
全球平板電腦屏幕分辨率統(tǒng)計,2019年5月– 2020年5月
768×1024 – 51.98%
1280×800 – 7.11%
800×1280 – 5.34%
601×962 – 4.47%
600×1024 – 2.85%
1024×1366 – 1.96%
臺式機,手機與平板電腦的全球市場份額2019年5月– 2020年5月
手機– 50.48%
臺式機– 46.51%
平板電腦– 3.0%
如何設計在每個瀏覽器和分辨率下看起來都相同的廊坊網(wǎng)站?
你不能。不可能將廊坊網(wǎng)站設計成在每個瀏覽器,平臺和屏幕分辨率下看起來都一樣,所以請避免嘗試。
您可以選擇不帶表格的流暢布局來進行設計,其寬度百分比可以擴展和收縮以適合訪問者瀏覽器的設置,或者您可以考慮研究能夠實現(xiàn)相同效果的響應式設計解決方案。
搜索引擎偏愛響應式設計,這對于采用它的人來說是個好消息。移動技術正在興起-因此,如果要開發(fā)一個新廊坊網(wǎng)站-您必須從一開始就考慮您的廊坊網(wǎng)站對移動設備的友好程度。
在實際編寫代碼時,我們的目標是使事情簡單。從經(jīng)驗中我們知道的是, 對于您而言,確定您的受眾及其使用的設備,并從整體上構建適合該受眾的廊坊網(wǎng)站至關重要,受眾也包括搜索引擎。
您的移動廊坊網(wǎng)站是否重定向到您廊坊網(wǎng)站的另一個URL和版本?
好吧,那不是理想的。實際上,它從未如此。
追溯到今天-一些人使用廊坊網(wǎng)站的純文本版本為不支持其廊坊網(wǎng)站元素的用戶/瀏覽器生成內容-試圖(通常是徒勞的)使他們的內容更易于訪問。
W3C甚至曾經(jīng)推薦它,我們認為如果其他所有方法都失敗了:
為訪問者目的而向訪問者傳遞一個URL始終是理想的選擇,并且如果您正在考慮創(chuàng)建廊坊網(wǎng)站的“移動”版本,則在傳遞移動或智能手機內容時沒有任何區(qū)別。
百度可能會在不久的將來對您的移動體驗做出主要評價-因此,我們所有人都確實需要意識到我們可能很快會在百度的SERP中看到巨大的變化。
當百度作為“訪問者”時,由于搜索引擎的典型URL挑戰(zhàn),通常只提供一個URL甚至更為重要-在前一段時間實施規(guī)范鏈接元素之前就是這種情況。
因此,理想的情況是始終提供一個URL。
百度在這方面給出了建議:“如果您具有“智能手機”內容(我們將其視為普通的Web內容,因為它通常是普通的HTML頁面,只是在布局上進行了調整以顯示較小的內容),則可以使用rel = canonical指向您的桌面版本。這有助于我們專注于網(wǎng)絡搜索的桌面版本。當用戶使用智能手機訪問該桌面版本時,您可以將他們重定向到移動版本。無論URL結構如何,此方法均有效,因此您無需為智能手機移動廊坊網(wǎng)站使用子域/子目錄。 然而,更好的方法是使用相同的URL并顯示內容的適當版本而無需重定向。”
百度還提供了以下提示,以檢查您的廊坊網(wǎng)站是否準備好使用移動優(yōu)先索引,但是從本質上講,如果您正在為廊坊網(wǎng)站使用響應式網(wǎng)頁設計模板,則此更改的問題應該很小:
確保廊坊網(wǎng)站的移動版本還具有重要的高質量內容。這包括文本,圖像(帶有alt屬性)和視頻-采用通常的可檢索和可索引格式。
結構化數(shù)據(jù)對于用戶喜歡的索引和搜索功能很重要:它應該同時在廊坊網(wǎng)站的移動版和臺式機上。確保結構化數(shù)據(jù)中的URL已更新為移動頁面上的移動版本。
元數(shù)據(jù)應同時存在于廊坊網(wǎng)站的兩個版本中。它提供有關頁面內容的提示,以供索引和投放。例如,確保廊坊網(wǎng)站上所有頁面的兩個版本的標題和元描述都相同。
與單獨的移動網(wǎng)址(單點廊坊網(wǎng)站)相互鏈接無需更改。對于使用單獨移動URL的廊坊網(wǎng)站,請在這些版本之間保留現(xiàn)有的鏈接rel = canonical和鏈接rel = alternate元素。
檢查單獨的移動網(wǎng)址上的hreflang鏈接。當使用link rel = hreflang元素進行國際化時,移動URL和桌面URL之間分別進行鏈接。您的移動URL的hreflang應該指向其他移動URL上的其他語言/區(qū)域版本,并且類似地使用hreflang鏈接元素將桌面與其他桌面URL鏈接。
確保承載站點的服務器有足夠的容量來處理可能增加的爬網(wǎng)速度。這不會影響使用響應式網(wǎng)頁設計和動態(tài)服務的廊坊網(wǎng)站,只會影響移動版本位于單獨主機上的廊坊網(wǎng)站,例如m.example.com。
用戶期望向下滾動頁面
過去的網(wǎng)頁用戶通常不需要滾動,但多年來,這種情況已經(jīng)改變。
因此,在設計時,應考慮如果用戶只滾動一個完整屏幕或兩個屏幕,可以看到多少內容。超過五個屏幕的長度可能表示您頁面上的內容過多。當然,用戶希望等待更短的時間來查看更全面的內容。
滾動和初始可見性顯然都取決于屏幕尺寸:較大的屏幕在屏幕上方會顯示更多內容,并且需要較少的滾動。
對響應式移動廊坊網(wǎng)站的更改會導百度帶來更多流量嗎?
不一定,但是有可能。
與百度優(yōu)化有關的許多事情–建立一個適合移動設備的廊坊網(wǎng)站或多或少可以確保您保持已經(jīng)獲得的訪問量,并不一定能為您提供來自百度的更多免費訪問量。
百度及其用戶再次提高了質量標準,如果您想在更具競爭力的SERP中競爭,這是小企業(yè)克服困難的又一個障礙。
從長遠來看,這種移動轉化僅對您的用戶來說是一件好事,但從短期來看,對小型企業(yè)的轉化率不會產(chǎn)生什么影響,因為通過移動設備獲得的轉化率通常低于桌面。
百度表示,這種適用于移動設備的算法對SERP的影響更大,隨著時間的流逝,我們將發(fā)現(xiàn)更多信息。
以上就是帷拓科技對于廊坊網(wǎng)頁設計的一點見解,希望這些能夠對你有所幫助。
- PREV:廊坊網(wǎng)站優(yōu)化重點概念新手指南
- NEXT:廊坊定制app,你可能會遇到這些問題
-
廊坊定制app,你可能會遇到這些問題
日期:2020-11-12瀏覽次數(shù):2112次
-
廊坊app開發(fā)有哪些意義?
日期:2020-11-12瀏覽次數(shù):2213次
-
廊坊網(wǎng)站優(yōu)化重點概念新手指南
日期:2020-09-29瀏覽次數(shù):2191次
相關新聞
整合同類新聞,相關新聞一手掌握
-
三步搞懂武漢網(wǎng)站建設的流程
日期:2023-02-10瀏覽次數(shù):1765次
-
武漢的公司網(wǎng)站建設需要注意哪些問題?
日期:2023-02-10瀏覽次數(shù):1892次
-
武漢網(wǎng)站建設:是否值得建設h5網(wǎng)站?
日期:2020-10-12瀏覽次數(shù):2177次
-
武漢網(wǎng)站優(yōu)化:如何優(yōu)化“停留時間”
日期:2020-10-12瀏覽次數(shù):2064次
最新新聞
與互聯(lián)網(wǎng)同行,實時掌握網(wǎng)建行業(yè)最新動態(tài)
-
【杭州網(wǎng)站設計】一百年后,人類怎樣編程?
日期:2011-03-30瀏覽次數(shù):7561次
-
網(wǎng)站設計中頁腳的設計技巧
日期:2016-07-25瀏覽次數(shù):4717次
-
韶關網(wǎng)頁設計:腦洞大開的網(wǎng)站設計讓你的網(wǎng)頁活起來,不妨試試
日期:2020-10-10瀏覽次數(shù):2198次
-
杭州網(wǎng)站營銷推廣:如何避免營銷型網(wǎng)站的權重被分散?
日期:2021-02-19瀏覽次數(shù):4387次
-
杭州高端網(wǎng)站建設,怎么選擇規(guī)模?
日期:2021-06-01瀏覽次數(shù):3892次
隨機新聞
新聞新動態(tài),您需要的新聞管家
洞悉市場趨勢演變讓傳播回歸社會
免費獲取網(wǎng)站建設與網(wǎng)絡推廣方案報價
-
關于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡開發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網(wǎng)絡技術服務供應商,帷拓科技致力于全面分析市場環(huán)境、衡量與預測市場需求、整合區(qū)別于行業(yè)競爭對手的絕對優(yōu)勢,結合品牌理念深度挖掘項目優(yōu)勢和產(chǎn)品價值,提升客戶品牌認知、認可度。
-
我們的客戶
帷拓科技歷經(jīng)十年沉淀,與國內外上千家客戶達成合作關系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語學校、健康中國杭州峰會、科雷機電等,帷拓科技始終堅持“帷有專業(yè),才能拓展無限”的服務理念,堅持“認真堅持細節(jié)”的優(yōu)質服務理念,不斷完善自身,成就企業(yè),最終實現(xiàn)共贏。
-
我們的業(yè)務
帷拓科技主營業(yè)務范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設、APP開發(fā)、小程序開發(fā)、商城網(wǎng)站建設、公眾號運營以及數(shù)字營銷等,涵蓋了服務、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個客戶量身定制項目整體服務方案,以敏銳的市場洞察力、創(chuàng)新的市場策劃能力,全面把握市場變化,為客戶實現(xiàn)從企業(yè)到消費者的價值轉換。