成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端開發(fā)中的SEO

LeexMuller / 1416人閱讀

摘要:它能夠讓用戶了解到當(dāng)前的位置,了解網(wǎng)站內(nèi)容的組織方式。標(biāo)記應(yīng)該放在文本中間,即使用替代突兀的標(biāo)記。表格標(biāo)題季度銷售額強(qiáng)調(diào)網(wǎng)頁中的重要內(nèi)容應(yīng)該使用標(biāo)記,避免使用標(biāo)記對(duì)搜索引擎不友好。

什么是SEO
  

SEO由英文Search Engine Optimization縮寫而來,
中文意譯為“搜索引擎優(yōu)化”。SEO是指從自然搜索結(jié)果獲得網(wǎng)站流量的技術(shù)和過程,是在了解搜索引擎自然排名機(jī)制的基礎(chǔ)上,
對(duì)網(wǎng)站進(jìn)行內(nèi)部及外部的調(diào)整優(yōu)化, 改進(jìn)網(wǎng)站在搜索引擎中的關(guān)鍵詞自然排名, 獲得更多流量, 從而達(dá)成網(wǎng)站銷售及品牌建設(shè)的目標(biāo)。

SEO的分類

白帽SEO:改良和規(guī)范網(wǎng)站設(shè)計(jì),使之對(duì)搜索引擎和用戶更加友好,是一種搜索引擎推薦的做法。

黑帽SEO:利用或者放大搜索引擎的缺陷,使用不正當(dāng)競(jìng)爭(zhēng)獲取更多的訪問量。(例如最近花千骨電視劇熱播,馬上有一些網(wǎng)站使用這個(gè)標(biāo)題標(biāo)題,但是內(nèi)容卻是推銷廣告的,給廣大網(wǎng)名造成很大困擾)。

SEO的主要方面

網(wǎng)站標(biāo)題、關(guān)鍵字、描述

網(wǎng)站內(nèi)容優(yōu)化

合理設(shè)置Robot.txt文件

生成對(duì)搜索引擎友好的網(wǎng)站地圖

增加外鏈引用
其中最重要的是以下2個(gè)方面:

網(wǎng)站結(jié)構(gòu)布局優(yōu)化

網(wǎng)頁代碼優(yōu)化

網(wǎng)站結(jié)構(gòu)布局優(yōu)化

推薦使用扁平化結(jié)構(gòu)。網(wǎng)站的目錄層級(jí)要盡可能少,中小型網(wǎng)站不要超過3級(jí)。做到扁平化結(jié)構(gòu)需要注意以下的3個(gè)方面:

控制首頁的鏈接數(shù)量(網(wǎng)站首頁的權(quán)重最高)。首頁應(yīng)該有有效的鏈接,爬蟲通過首頁的連接到達(dá)內(nèi)頁,如果沒有有效的鏈接就會(huì)直接影響網(wǎng)站的收錄數(shù)量。當(dāng)然首頁也不能有過多的鏈接,內(nèi)頁的鏈接不要放在首頁,鏈接過多會(huì)影響用戶體驗(yàn)。中小企業(yè)網(wǎng)站首頁的鏈接數(shù)量應(yīng)該在100個(gè)以內(nèi)。鏈接的性質(zhì)可以是頁面導(dǎo)航、錨鏈。

扁平化的目錄層次。盡量讓Spider跳轉(zhuǎn)3次就可以到達(dá)網(wǎng)站的任意一個(gè)內(nèi)頁。例如網(wǎng)站的設(shè)計(jì)可以使用以下的3級(jí):主頁、欄目、內(nèi)容頁扁平鋪開的結(jié)構(gòu),而不能是縱深的結(jié)構(gòu)。例如我們要做一個(gè)關(guān)于植物的網(wǎng)站可以采用以下的層級(jí)結(jié)構(gòu):

導(dǎo)航SEO優(yōu)化。導(dǎo)航可以分為主導(dǎo)航和父導(dǎo)航。導(dǎo)航應(yīng)該使用文字,如果為了用戶體驗(yàn)采用圖片導(dǎo)航,則應(yīng)該為圖片設(shè)置必要的alttitle屬性。其次在導(dǎo)航的設(shè)計(jì)上應(yīng)該使用面包屑導(dǎo)航。它能夠讓用戶了解到當(dāng)前的位置,了解網(wǎng)站內(nèi)容的組織方式。

頁面的大小控制在100k以下。

代碼SEO優(yōu)化

標(biāo)簽放網(wǎng)頁的標(biāo)題,各個(gè)頁面不同。

列舉出幾個(gè)重要的關(guān)鍵詞。

網(wǎng)頁內(nèi)容的高度概括。


標(biāo)記應(yīng)該放在文本中間,即使用


替代突兀的
標(biāo)記。

html語義化。例如我們要做一個(gè)導(dǎo)航,可以使用div+span標(biāo)記:

html

但是以上的代碼絲毫沒有語義化(divspan標(biāo)記是html中語義化最低的標(biāo)簽),推薦的做法是使用ulli標(biāo)記,再通過合適的CSS樣式來實(shí)現(xiàn)同樣的效果:

html
html.nav li{
    float: left;
    list-style: none;
    display: block;
    margin: 0 5px;
    border-right: 1px solid #000;
}

標(biāo)記要加上說明(title屬性),對(duì)于指向外部網(wǎng)站的鏈接要使用rel="nofollow"屬性告訴爬蟲不要去爬其他的頁面。

正文標(biāo)題要使用

標(biāo)記,副標(biāo)題要使用

??梢允褂肅SS樣式進(jìn)行顯式風(fēng)格的設(shè)置。切記:不重要的地方不要隨便使用

標(biāo)記

標(biāo)記的優(yōu)化。使用
  • 標(biāo)記為表格指定標(biāo)題。

    html
    表格標(biāo)題
    季度 銷售額
    1 33665.25
    2 21215.99

    強(qiáng)調(diào)網(wǎng)頁中的重要內(nèi)容應(yīng)該使用標(biāo)記,避免使用標(biāo)記(對(duì)搜索引擎不友好)。的權(quán)重僅次于。如果僅僅使顯示的效果發(fā)生變化就使用標(biāo)記和標(biāo)記。

    Tips

    將重要html代碼放在最前面,廣告等不重要的部分放在整個(gè)文檔的最后,然后利用CSS樣式控制廣告div左右浮動(dòng)。

    重要內(nèi)容不要使用js輸出。

    盡量少使用iframe框架。

    對(duì)于暫時(shí)不需要顯示的元素應(yīng)該使用z-index屬性而不是display:none;這樣的代碼,因?yàn)镾pider會(huì)過濾display屬性為none的內(nèi)容。

    盡量精簡(jiǎn)代碼。

    文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/49604.html

    相關(guān)文章

    • 非服務(wù)端渲染頁面如何做SEO

      摘要:這個(gè)方案的主要思想是利用實(shí)現(xiàn)前端路由跳轉(zhuǎn)通過服務(wù)端配置,支持不帶號(hào)的這個(gè)可酌情考慮,是否有必要通過服務(wù)端將頁面主要內(nèi)容渲染近標(biāo)簽,供搜索爬蟲抓取這種模式下,不僅使頁面更好的被搜索引擎收錄,同時(shí)使網(wǎng)站在禁用的時(shí)候,也能夠?yàn)g覽基本的帖子內(nèi)容。 前段時(shí)間對(duì)公司的社區(qū)h5網(wǎng)站,進(jìn)行改版(整站重寫)。老版本的網(wǎng)站是在一套古老的php框架下開發(fā)的,包含很多模板文件,大部分頁面都是后端模板渲染,前端...

      Lin_YT 評(píng)論0 收藏0
    • 作為前端,你不得不知道的SEO

      摘要:就是把你的頁面直接丟給百度的接口,親口告訴百度你有哪些頁面,這是效率最高也是收錄最快的方式了。百度在國內(nèi)搜索引擎的占有率最高,但是很不幸,它并不支持?jǐn)?shù)據(jù)的爬取。這些將作為搜索結(jié)果排序的重要依據(jù)。 ??研發(fā)的同學(xué),其實(shí)很多人并沒有深入了解SEO這個(gè)概念。在技術(shù)博客里,提及這一塊的也寥寥無幾。我今天就拿自己的經(jīng)驗(yàn),簡(jiǎn)單給大家掃個(gè)盲,有什么遺漏的地方,歡迎大家補(bǔ)充。 ??文字內(nèi)容有點(diǎn)多,但是...

      UnixAgain 評(píng)論0 收藏0
    • 前端進(jìn)階系列(一):SEO和HTML語義化

      摘要:語義化和的重要性約定,對(duì)所列出來的標(biāo)簽進(jìn)行解析。比如,會(huì)根據(jù)某些特定的指令,直接給出針對(duì)性的結(jié)果,現(xiàn)在在搜索引擎可以直接查天氣,查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO:(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對(duì)品牌的自我宣傳,從而獲取收益。 HTM...

      songjz 評(píng)論0 收藏0
    • 前端進(jìn)階系列(一):SEO和HTML語義化

      摘要:語義化和的重要性約定,對(duì)所列出來的標(biāo)簽進(jìn)行解析。比如,會(huì)根據(jù)某些特定的指令,直接給出針對(duì)性的結(jié)果,現(xiàn)在在搜索引擎可以直接查天氣,查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO:(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對(duì)品牌的自我宣傳,從而獲取收益。 HTM...

      cartoon 評(píng)論0 收藏0
    • 前端進(jìn)階系列(一):SEO和HTML語義化

      摘要:語義化和的重要性約定,對(duì)所列出來的標(biāo)簽進(jìn)行解析。比如,會(huì)根據(jù)某些特定的指令,直接給出針對(duì)性的結(jié)果,現(xiàn)在在搜索引擎可以直接查天氣,查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO:(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對(duì)品牌的自我宣傳,從而獲取收益。 HTM...

      dack 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    LeexMuller

    |高級(jí)講師

    TA的文章

    閱讀更多
    最新活動(dòng)
    閱讀需要支付1元查看
    <strike id="cgqyo"><input id="cgqyo"></input></strike>
    <ul id="cgqyo"></ul>

      <