2014-08-14 分類: 網(wǎng)站建設(shè)
很多人糾結(jié)于前端與seo有什么關(guān)聯(lián),首先肯定是有關(guān)聯(lián)的,其次前端會(huì)嚴(yán)重影響關(guān)鍵詞排名,是做seo所必須考慮的點(diǎn)。
據(jù)百度的官方說(shuō)法,相關(guān)性是排名的重要維度,前端布局或者說(shuō)頁(yè)面模型是相關(guān)性的重要組成部分,也就是說(shuō)前端,包括關(guān)鍵詞布局,內(nèi)鏈調(diào)用機(jī)制,頁(yè)面模型這幾個(gè)點(diǎn)影響相關(guān)性,相關(guān)性影響排名,排名就是seo的基本目標(biāo)。
1、前端中的頁(yè)面模型與seo關(guān)系密切。我在seo授課的過(guò)程中,會(huì)經(jīng)常給參加seo培訓(xùn)的學(xué)員灌輸頁(yè)面模型的概念。一個(gè)優(yōu)質(zhì)的頁(yè)面模型具備很多對(duì)搜索引擎友好的要素,如關(guān)鍵詞出現(xiàn)的位置,關(guān)鍵詞出現(xiàn)的頻次,當(dāng)前頁(yè)面內(nèi)鏈建設(shè)機(jī)制等。從一般層面來(lái)講,即通過(guò)不同的板塊來(lái)闡述當(dāng)前頁(yè)面的核心點(diǎn),維度不同,主題一致,具備很好的豐富性,這些點(diǎn)即是做seo的核心。
2、已經(jīng)強(qiáng)調(diào)過(guò)多遍的title和description前端優(yōu)化點(diǎn)。title:只強(qiáng)調(diào)重點(diǎn)即可,重要關(guān)鍵詞出現(xiàn)不要超過(guò)2次,而且要靠前,每個(gè)頁(yè)面title要有所不同;description:把網(wǎng)頁(yè)內(nèi)容高度概括到這里,長(zhǎng)度要合理,不可過(guò)分堆砌關(guān)鍵詞,每個(gè)頁(yè)面description要有所不同。
3、符合W3C標(biāo)準(zhǔn)的前端HTML代碼書(shū)寫(xiě)規(guī)范是seo的基本功。對(duì)于搜索引擎來(lái)說(shuō),最直接面對(duì)的就是網(wǎng)頁(yè)HTML代碼,如果代碼寫(xiě)的語(yǔ)義化,搜索引擎就會(huì)很容易的讀懂該網(wǎng)頁(yè)要表達(dá)的意思。例如文本模塊要有大標(biāo)題,合理利用h1-h6,列表形式的代碼使用ul或ol,重要的文字使用strong等等。總之就是要充分利用各種HTML標(biāo)簽完成他們本職的工作,當(dāng)然要兼容IE、火狐、Chrome等主流瀏覽器。
4、重要的關(guān)鍵詞放置到HTML代碼中。搜索引擎抓取HTML內(nèi)容是從上到下,利用這一特點(diǎn),可以讓主要代碼優(yōu)先讀取,廣告等不重要代碼放在下邊。例如,在左欄和右欄的代碼不變的情況下,只需改一下樣式,利用float:left;和float:right;就可以隨意讓兩欄在展現(xiàn)上位置互換,這樣就可以保證重要代碼在最前,讓爬蟲(chóng)最先抓取。同樣也適用于多欄的情況。
5、前端部分權(quán)重標(biāo)簽?zāi)苡绊?a href="http://redsoil1982.com.cn/" title="SEO">seo結(jié)果。搜索引擎看網(wǎng)頁(yè)不像普通人,他是看源代碼,只要是源碼中的信息,都能被搜索引擎查看到。通常所說(shuō)的權(quán)重標(biāo)簽如H1標(biāo)簽,strong標(biāo)簽等,起著強(qiáng)調(diào)作用;圖片標(biāo)簽alt起著解釋作用。這些前端中的標(biāo)簽影響seo結(jié)果,但不是絕對(duì)的。
6、seo忌諱用js輸出重要內(nèi)容。蜘蛛不會(huì)讀取JS里的內(nèi)容,所以重要內(nèi)容必須放在HTML里;盡少使用iframe框架。搜索引擎不會(huì)抓取到iframe里的內(nèi)容,重要內(nèi)容不要放在框架中。
7、保留文字效果。
如果需要兼顧用戶體驗(yàn)和SEO效果,在必須用圖片的地方,例如個(gè)性字體的標(biāo)題,我們可以利用樣式控制,讓文本文字不會(huì)出現(xiàn)在瀏覽器上,但在網(wǎng)頁(yè)代碼中是有該標(biāo)題的。
例如這里的“電視劇分類”,為了好還原設(shè)計(jì)圖,前端工程師可以把文字做成背景圖,之后用樣式讓html中的文字的縮進(jìn)設(shè)置成足夠大的負(fù)數(shù),偏離出瀏覽器之外,也可以利用設(shè)置行高的方法讓文字隱藏。注意:不可使用display:none;的方法讓文字隱藏,因?yàn)樗阉饕鏁?huì)過(guò)濾掉display:none;里邊的內(nèi)容,就不會(huì)被蜘蛛檢索了。
8、前端利用CSS截取字符讓seo效果大化。如果文字長(zhǎng)度過(guò)長(zhǎng),可以用樣式截取,設(shè)置高度,超出的部分隱藏即可。這樣做的好處是讓文字完整呈現(xiàn)給搜索引擎,同時(shí)在表現(xiàn)上也保證了美觀。
9、壓縮與格式化代碼。可以在上線前,使用一些工具,把HTML、CSS和JS都?jí)嚎s、格式化一下,可以減少頁(yè)面大小;不使用CSS表達(dá)式,會(huì)影響效率;使用CDN網(wǎng)絡(luò),可加快用戶訪問(wèn)速度;啟用GZIP壓縮,瀏覽速度變快,搜索引擎的蜘蛛抓取信息量也會(huì)增大。
10、偽靜態(tài)設(shè)置對(duì)于seo的作用。如果是動(dòng)態(tài)網(wǎng)頁(yè),可以開(kāi)啟偽靜態(tài)功能,讓蜘蛛“誤以為”這是靜態(tài)網(wǎng)頁(yè),因?yàn)殪o態(tài)網(wǎng)頁(yè)比較合蜘蛛的胃口,如果url中帶有關(guān)鍵詞效果更好。
創(chuàng)新互聯(lián)網(wǎng)站SEO優(yōu)化研究院點(diǎn)評(píng):
前端與seo的關(guān)聯(lián)極大,網(wǎng)站上線,搜索引擎能識(shí)別的網(wǎng)站前端源碼都可以歸結(jié)于seo的操作點(diǎn),這是seo基礎(chǔ)優(yōu)化點(diǎn),這個(gè)點(diǎn)到位后,做正常的內(nèi)容建設(shè),外鏈建設(shè),用戶行為建設(shè),網(wǎng)站的seo結(jié)果就會(huì)蒸蒸日上,且是一定的。
成都創(chuàng)新互聯(lián)科技有限公司主營(yíng):網(wǎng)站優(yōu)化、SEO優(yōu)化、優(yōu)化公司、網(wǎng)站SEO、SEO公司、SEO推廣、網(wǎng)絡(luò)推廣、網(wǎng)絡(luò)推廣公司、網(wǎng)站推廣、網(wǎng)站推廣公司、網(wǎng)絡(luò)營(yíng)銷、網(wǎng)站SEO優(yōu)化、網(wǎng)站優(yōu)化公司、SEO優(yōu)化公司、搜索引擎優(yōu)化、網(wǎng)站排名、快速排名、關(guān)鍵詞排名、關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站建設(shè)公司、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站制作公司、整站優(yōu)化!官網(wǎng):redsoil1982.com.cn
分享名稱:網(wǎng)站前端與SEO之間的關(guān)系緊密嗎?
網(wǎng)頁(yè)鏈接:http://redsoil1982.com.cn/news/11033.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、響應(yīng)式網(wǎng)站、Google、品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(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)容