2022-09-24 分類: 響應(yīng)式網(wǎng)站
響應(yīng)式網(wǎng)站也就是說(shuō)可以自動(dòng)識(shí)別屏幕寬度,并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì),成為響應(yīng)式網(wǎng)站。隨著移動(dòng)大潮的流行,越來(lái)越多的網(wǎng)站已經(jīng)做成了這種形式,可是這里面存在一個(gè)問(wèn)題,那就似乎做好的網(wǎng)站如何才能得到百度的重視呢。
首先我們要將自適應(yīng)網(wǎng)頁(yè)代碼上做出調(diào)整,阻止移動(dòng)瀏覽器自動(dòng)調(diào)整頁(yè)面大小,iOS和Android瀏覽器都基于webkit核心,這兩種瀏覽器以及其他的很多瀏覽器都支持viewport meta元素覆蓋默認(rèn)的畫(huà)布縮放設(shè)置,只需在HTML的<head>標(biāo)簽中插入一個(gè)<meta>標(biāo)簽,<meta>標(biāo)簽中可以設(shè)置具體的寬度(如像素值)或者縮放比例2.0。
然后要將網(wǎng)頁(yè)修改為百分比布局,當(dāng)某個(gè)瀏覽窗口處于媒體查詢固定的范圍之外,網(wǎng)頁(yè)就需要水平滾動(dòng)才能完整瀏覽,而通過(guò)百分比布局可以頁(yè)面元素根據(jù)窗口大小在一個(gè)又一個(gè)媒體查詢之間靈活修正樣式,具體來(lái)講,就是css代碼不會(huì)指定具體像素寬度,而是會(huì)指定一個(gè)百分比寬度,或者直接就是width:auto。
最后在講講響應(yīng)式網(wǎng)站對(duì)百度友好的關(guān)鍵點(diǎn),
1.applicable-device標(biāo)注應(yīng)該怎么寫(xiě)
有了自適應(yīng)設(shè)計(jì)的網(wǎng)頁(yè),還要照顧到對(duì)百度友好的設(shè)計(jì),即告訴百度“我是自適應(yīng)頁(yè)面”方便百度進(jìn)行識(shí)別校驗(yàn)。方法也很簡(jiǎn)單,只要在上面viewport標(biāo)簽下面再添加一個(gè)applicable-device標(biāo)簽就行:
<meta name="applicable-device" content="pc,mobile">表示頁(yè)面同時(shí)適合在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
2.在使用百度站長(zhǎng)平臺(tái)鏈接提交工具的sitemp進(jìn)行提交時(shí),要做mobile type標(biāo)記,具體取值:
<mobile:mobile type="pc,mobile"/>
其他網(wǎng)頁(yè)取值如下:
<mobile:mobile/> :移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="mobile"/> :移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="htmladapt"/>:代碼適配
如果我們按照以上的要求將網(wǎng)站做好后,百度很難不去關(guān)注我們的網(wǎng)站,這樣一來(lái)只要堅(jiān)持以往的SEO工作,慢慢的網(wǎng)站效果就會(huì)提升。
文章題目:什么樣的響應(yīng)式網(wǎng)站能獲得百度重視
分享路徑:http://redsoil1982.com.cn/news36/197636.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容