亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端開(kāi)發(fā)中的SEO

LeexMuller / 1463人閱讀

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

什么是SEO
  

SEO由英文Search Engine Optimization縮寫而來(lái),
中文意譯為“搜索引擎優(yōu)化”。SEO是指從自然搜索結(jié)果獲得網(wǎng)站流量的技術(shù)和過(guò)程,是在了解搜索引擎自然排名機(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èn)量。(例如最近花千骨電視劇熱播,馬上有一些網(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è)代碼優(yōu)化

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

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

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

扁平化的目錄層次。盡量讓Spider跳轉(zhuǎn)3次就可以到達(dá)網(wǎng)站的任意一個(gè)內(nèi)頁(yè)。例如網(wǎng)站的設(shè)計(jì)可以使用以下的3級(jí):主頁(yè)、欄目、內(nèi)容頁(yè)扁平鋪開(kā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)容的組織方式。

頁(yè)面的大小控制在100k以下。

代碼SEO優(yōu)化

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

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

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


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


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

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

html

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

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

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

正文標(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)頁(yè)中的重要內(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ì)過(guò)濾display屬性為none的內(nèi)容。

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

0條評(píng)論

LeexMuller

|高級(jí)講師

TA的文章

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

    <u id="orola"><tt id="orola"></tt></u>
    <tt id="orola"></tt>

    <