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