SEO優(yōu)化當(dāng)中除了挖掘關(guān)鍵詞,網(wǎng)站布局結(jié)構(gòu)優(yōu)化,內(nèi)容優(yōu)化之外還有個重要的步驟就是源碼優(yōu)化,在源碼優(yōu)化中主要有以下幾個方面:
1,提高網(wǎng)頁信噪比(減少網(wǎng)頁中的圖片、flash、將html頁面內(nèi)的css樣式轉(zhuǎn)化成外部調(diào)用的css樣式表,減少css、js請求次數(shù)等,提升文字段落的占比 );
2,提高源碼加載速度(優(yōu)化源碼中的404錯誤、壓低圖片質(zhì)量、js放入網(wǎng)站底部或使用async方式加載,避免JS執(zhí)行阻塞渲染);
3,對非文字元素(比如圖片,視頻等)要指定寬高,避免瀏覽器重排重繪;
4,加入利于SEO優(yōu)化的標(biāo)簽屬性(比如h1 h2、nofollow、strong、meta屬性等等);
5,將網(wǎng)站的內(nèi)容結(jié)構(gòu)布局按照html5語義化標(biāo)簽來編寫源碼,使搜索引擎蜘蛛更好的判斷出網(wǎng)站的內(nèi)容結(jié)構(gòu),智能化分析突出重點優(yōu)化內(nèi)容;
SEO源碼優(yōu)化之html5語義化標(biāo)簽
源碼優(yōu)化基本就是以上5點內(nèi)容,今天借東風(fēng)SEO對第5點展開詳細(xì)總結(jié)下當(dāng)下html5語義化標(biāo)簽:
1.
定義了文檔的頭部區(qū)域,在一個文檔中可以定義多個
這是文檔的頭部
2.
定義文檔頁腳,它不只是頁面的最底部,在文檔中也可以定義多個。
南京鼓樓
3.
定義頁面獨立的內(nèi)容區(qū)域,標(biāo)簽定義的內(nèi)容本身必須是有意義且必須獨立于文檔的其他部分,可用在的地方:博客文章,新聞,評論等。
五一勞動節(jié)
今天是五一勞動節(jié)
4.
定義頁面的側(cè)邊欄內(nèi)容
- 騰訊
- 阿里
- 百度
5.
定義時間或日期,time標(biāo)簽中的datetime屬性定義的時間不會被顯示,但可能被其他應(yīng)用使用
6.
加注釋,ruby標(biāo)簽有兩個子元素,rt注釋的內(nèi)容,rp是該標(biāo)簽不顯示時顯示的文字
人
7.
用于描述文檔或者文檔某一部分細(xì)節(jié),summary是details元素的標(biāo)題
這是點擊后的內(nèi)容
8.
定義帶有幾號的文本,它會給你想要突出顯示的文本加個 背景色
我最喜歡數(shù)學(xué)
9.
定義導(dǎo)航欄
360
10.
progress顯示數(shù)據(jù)的進(jìn)度,屬性value指定當(dāng)前值,max最大值,最小值0不用設(shè)置
11.
section一般有兩個作用,1.定義文檔中的節(jié),和div類似。2.定義文章,這時一般帶有標(biāo)題
12.
定義視頻,屬性src引入資源,controls視頻的控制控件
以防用戶瀏覽的視頻不支持某些格式的視頻,可以為用戶多準(zhǔn)備些格式的視頻,目前支持的視頻格式video/ogg,video/mp4,video/webm其他格式需要轉(zhuǎn)換
你的瀏覽器不支持video標(biāo)簽
13.
該標(biāo)簽可定義聲音,及其他的音頻文件,不加controls不顯示音頻的控制界面
你的瀏覽器不支持audio標(biāo)簽
目前音頻可用類型audio/ogg,audio/mpeg
14.
提示可能的值,datalist及其選項不會被顯示出來,它僅僅是合法輸入值的列表使用input元素的list屬性來邦定datalist,下面選項使用option定義

15.
定義插入的內(nèi)容,如插件,flash,標(biāo)簽中間不要加內(nèi)容會顯現(xiàn)出來
16.
canvas畫布只是個容器,你可以通過控制坐標(biāo)在canvas上繪制圖形,一般配合js可以實現(xiàn)非常復(fù)雜的動畫效果
17,
分辨率切換:當(dāng)用小屏設(shè)備瀏覽網(wǎng)頁時候,沒有必要在加載pc端的大圖了,節(jié)省帶寬;同樣,在pc上加載移動端小屏幕的圖像的時候,會出現(xiàn)拉伸,模糊、有顆粒感;()
藝術(shù)方向切換:更改圖像以及適應(yīng)不同的圖像顯示的尺寸;比如,在pc端我們看到一個大圖,橫向的、中間有個人;然后在移動端瀏覽這個網(wǎng)頁時候,照片非常小,人物更??;這種情況,在移動端可以設(shè)置一個新的圖片,使人物大小看起來合適;
elva-800w.jpg
18,figure:此元素的內(nèi)容可以是一張圖片、視頻、代碼等;主要作用是用來進(jìn)一步豐富、修飾主題內(nèi)容的(比如文章中插入一張圖片);其內(nèi)容和主題相關(guān),但如果刪除,則不會影響主體內(nèi)容。(將圖片獨立于P之外,為圖片提供語義)
此元素一般與figcaption元素一起配合使用;
figcaption:用于描述figute元素中的數(shù)據(jù)(圖片、視頻、代碼等)的說明/標(biāo)題;所以說,figcaption一般都是放在figure元素中的第一個或者最后一個元素中;(與img中的alt屬性不同的是,alt屬性是在圖片未能加載顯示的時候出現(xiàn)展示,而figcaption則不管數(shù)據(jù)內(nèi)容是否加載展示,都會顯示)
img/21.jpg
Passionate Julia
Julia dances in the deep dark
She loves the smell of the ocean
And dives into the morning light
上一篇:優(yōu)化師seo