通過360實(shí)例淺談前端與seo
SEO(Search Engine Optimization),就是傳說中的搜索引擎優(yōu)化,是指為了增加網(wǎng)頁在搜索引擎自然搜索結(jié)果中的收錄數(shù)量以及提升排序位置而做的優(yōu)化行為。我認(rèn)為這是一門說來簡單,但操作起來復(fù)雜的技術(shù),只可意會(huì),不可言傳。作為一名前端工程師,不需要精通SEO,但必須要了解它。SEO有一條不變的準(zhǔn)則就是它永遠(yuǎn)都在變,因?yàn)闆]有一沉不變的優(yōu)化方案可供大家套用。但我們?nèi)匀豢梢园l(fā)現(xiàn)一些基礎(chǔ)的或是被人們公認(rèn)的規(guī)律來進(jìn)行網(wǎng)站的SEO。更重要的是我們要有自己的實(shí)踐,不斷發(fā)現(xiàn)適合自己行之有效的SEO方法。
從宏觀的角度來說,我認(rèn)為SEO有三條最重要的規(guī)律,那就是原創(chuàng)的內(nèi)容、高質(zhì)量的外部鏈接和持之以恒適度的優(yōu)化。
前端是構(gòu)建網(wǎng)站中很重要的一個(gè)環(huán)節(jié),本篇重點(diǎn)從前端的角度來講解一下SEO的實(shí)施方法。前端的工作主要是負(fù)責(zé)頁面的HTML+CSS+JS,優(yōu)化好這幾個(gè)方面會(huì)為SEO工作打好一個(gè)堅(jiān)實(shí)的基礎(chǔ)。突出重要內(nèi)容可以讓搜索引擎判斷當(dāng)前頁面的重點(diǎn)是什么,提升網(wǎng)站訪問速度可以讓搜索引擎的蜘蛛順利、快速、大量的抓取網(wǎng)頁內(nèi)容,所以以下我就著重以突出重要內(nèi)容和提升網(wǎng)站速度為主來總結(jié)一下。
突出重要內(nèi)容
合理的title、description和keywords
截圖取自于360搜索(so.com)
雖然現(xiàn)在搜索對這三項(xiàng)的權(quán)重慢慢減小,但還是希望能夠合理的寫好他們,只寫有用的東西,不要在這里寫小說,要表達(dá)重點(diǎn)。
title:只強(qiáng)調(diào)重點(diǎn)即可,重要關(guān)鍵詞出現(xiàn)不要超過2次,而且要靠前,每個(gè)頁面title要有所不同,如下圖:
description:把網(wǎng)頁內(nèi)容高度概括到這里,長度要合理,不可過分堆砌關(guān)鍵詞,每個(gè)頁面description要有所不同,如下圖:
keywords:列舉出幾個(gè)重要關(guān)鍵詞即可,也不可過分堆砌。
語義化書寫HTML代碼,符合W3C標(biāo)準(zhǔn)。
對于搜索引擎來說,最直接面對的就是網(wǎng)頁HTML代碼,如果代碼寫的語義化,搜索引擎就會(huì)很容易的讀懂該網(wǎng)頁要表達(dá)的意思。例如文本模塊要有大標(biāo)題,合理利用h1-h6,列表形式的代碼使用ul或ol,重要的文字使用strong等等??傊褪且浞掷酶鞣NHTML標(biāo)簽完成他們本職的工作,當(dāng)然要兼容IE、火狐、Chrome等主流瀏覽器。
我們
本文地址:http://m.likemindfilms.com/tutorial/di1323.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏