網(wǎng)站建設(shè):前端和后端開(kāi)發(fā)人員的SEO標(biāo)準(zhǔn)
時(shí)間:2023-05-29 12:06:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-05-29 12:06:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
網(wǎng)站建設(shè):前端和后端開(kāi)發(fā)人員的SEO標(biāo)準(zhǔn):
對(duì)于SEO來(lái)說(shuō),SEO不僅需要SEO專(zhuān)家,還需要團(tuán)隊(duì)支持,這意味著需要多人參與,其中包括設(shè)計(jì)師,前端和后端開(kāi)發(fā)人員。每個(gè)人都必須了解他們?cè)诮?duì)搜索引擎友好的網(wǎng)站中的作用。建立網(wǎng)站時(shí),通常涉及以下角色:
- SEO專(zhuān)家依據(jù)關(guān)鍵詞的研究和規(guī)劃基礎(chǔ)上制定SEO策略,讓開(kāi)發(fā)人員知道客戶(hù)的業(yè)務(wù)目標(biāo)和需求有什么需要的著陸頁(yè)。它們提供了網(wǎng)站上必須存在的頁(yè)面列表以及特定于特定網(wǎng)站需求的任何前端編碼建議。
- 信息架構(gòu)師依據(jù)SEO專(zhuān)家的SEO策略為網(wǎng)站構(gòu)建信息內(nèi)容,可以使網(wǎng)站對(duì)搜索引擎友好。
- 網(wǎng)頁(yè)設(shè)計(jì)師負(fù)責(zé)確保頁(yè)面加載時(shí)間和跳出率不會(huì)受到設(shè)計(jì)元素的負(fù)面影響。
- 前端開(kāi)發(fā)人員必須確保內(nèi)容以搜索引擎友好的方式進(jìn)行前端編寫(xiě)。
- 后端開(kāi)發(fā)人員需要確保網(wǎng)址的正確規(guī)范化,并提供必要的工具,以幫助搜索引擎優(yōu)化。
為了使前端編碼人員和后端開(kāi)發(fā)人員在進(jìn)行
網(wǎng)站建設(shè)過(guò)程中的工作時(shí)可以輕松考慮要列出的項(xiàng)目清單,我們列出了一系列標(biāo)準(zhǔn):
前端開(kāi)發(fā)人員的SEO標(biāo)準(zhǔn)
CSS vs 表格
不需要提及,但是網(wǎng)站應(yīng)該使用CSS而不是表結(jié)構(gòu)。這可以改善頁(yè)面上內(nèi)容元素的排序。例如,能夠?qū)㈤L(zhǎng)長(zhǎng)的左側(cè)邊欄放置在唯一內(nèi)容塊的下方而不是上方,這會(huì)很好。CSS允許這種情況發(fā)生。
H標(biāo)簽和其他樣式元素的用法
將H標(biāo)簽(H1,H2,H3等)和<strong>標(biāo)簽的使用限制為非重復(fù)內(nèi)容。這意味著不要在網(wǎng)站范圍的標(biāo)題,側(cè)邊欄,頁(yè)腳或整個(gè)網(wǎng)站或多個(gè)頁(yè)面上重復(fù)的任何內(nèi)容上使用這些HTML標(biāo)簽。而是使用常規(guī)div。在每個(gè)頁(yè)面上為唯一內(nèi)容保留這些標(biāo)簽。
字體
盡可能使用機(jī)器可讀的字體。一種替代方法是使用字體替換,例如@ font-face。作為最后的手段,使用圖像顯示文本。將圖像放置在圖像標(biāo)簽中(而不是使用CSS),并帶有替代文字,該替代文字重復(fù)逐個(gè)圖像中寫(xiě)入的內(nèi)容。
圖片
對(duì)于樣式元素的圖像,可以使用CSS背景圖像,但對(duì)于在頁(yè)面唯一的文本正文中找到的內(nèi)容元素,請(qǐng)使用常規(guī)圖像標(biāo)簽。對(duì)于LOGO,請(qǐng)使用圖片標(biāo)簽,而不要使用文本替換,Alt標(biāo)簽應(yīng)包含圖片中顯示的內(nèi)容。
網(wǎng)站速度
網(wǎng)頁(yè)在10Mb連接上加載的時(shí)間不應(yīng)超過(guò)3秒。前端代碼不是使頁(yè)面快或慢的全部原因,但它們確實(shí)可以發(fā)揮作用。這意味著要合并CSS和javascript文件,在頁(yè)面末尾加載javascript,壓縮圖片,并尋求其他削減元素的機(jī)會(huì)。
使內(nèi)容可讀
搜索引擎無(wú)法讀取<script>標(biāo)記內(nèi)的內(nèi)容或動(dòng)態(tài)加載的內(nèi)容(例如AJAX)。網(wǎng)頁(yè)加載時(shí)未加載的所有內(nèi)容很可能不會(huì)被搜索引擎接收。除非網(wǎng)站規(guī)范文檔中明確聲明,否則請(qǐng)勿使用動(dòng)態(tài)加載內(nèi)容。
后端開(kāi)發(fā)人員的SEO標(biāo)準(zhǔn)
規(guī)范化
規(guī)范
URL是我們要由搜索引擎索引的任何給定網(wǎng)頁(yè)
URL的版本。規(guī)范化是我們達(dá)到目標(biāo)的過(guò)程。網(wǎng)站上的每個(gè)頁(yè)面都只能通過(guò)一個(gè)URL訪問(wèn)。如果使用此處介紹的技術(shù)進(jìn)行處理,則可以添加其他URL參數(shù)。
處理www和索引頁(yè)面。
默認(rèn)情況下,以下所有URL應(yīng)重定向到http://www.example.com
http://example.com http://example.com/index.(.*) http://www.example.com/index.(.*)
在某些情況下,網(wǎng)站所有者可能更喜歡使用非www版本或子域作為其根域。只要所有其他版本都重定向到該所選版本,就可以了。
處理尾部斜杠
URL的末尾可能帶有斜杠“ /”。有時(shí)他們沒(méi)有。服務(wù)器應(yīng)始終重定向到另一個(gè)。理想情況下,帶斜線的版本是首選。
示例:http://www.example.com/blue-widget應(yīng)該
301重定向到http://www.example.com/blue-widget/
請(qǐng)注意,這不是根URL(例如http://www.example.com)的問(wèn)題。該URL的末尾永遠(yuǎn)不會(huì)出現(xiàn)斜杠。
規(guī)范化子頁(yè)面
電子商務(wù)網(wǎng)站上的產(chǎn)品頁(yè)面(可通過(guò)3個(gè)不同的URL訪問(wèn))不是一個(gè)好主意。該示例演示了CMS體系結(jié)構(gòu)引起的問(wèn)題。理想情況下,應(yīng)該只有一個(gè)URL。
/product/reebok-black-crossfit-shoe/ET256/
/shoes/product/reebok-black-crossfit-shoe/ET256/
/shoes/fitness/product/reebok-black-crossfit-shoe/ET256/
在這種情況下,類(lèi)別和子類(lèi)別似乎在不斷變化,因此最好使用URL /product/reebok-black-crossfit-shoe/ET256/。沒(méi)有其他URL可以打開(kāi)此頁(yè)面??梢栽赨RL中添加參數(shù)。例如,如果使用規(guī)范鏈接標(biāo)記,則以下URL的存在是可以的。
/product/reebok-black-crossfit-shoe/ET256/
/product/reebok-black-crossfit-shoe/ET256/?cat=shoes
/product/reebok-black-crossfit-shoe/ET256/?cat=shoes&subcat=fitness
對(duì)于以上每個(gè)URL,應(yīng)將所謂的
規(guī)范鏈接標(biāo)記添加到頁(yè)面的<head>部分。規(guī)范鏈接標(biāo)記的目的是告訴搜索引擎要索引的URL版本。如前所述,我們要索引的URL版本是/ product / reebok-black-crossfit-shoe / ET256 /。在這種情況下,上述所有3個(gè)URL上的規(guī)范鏈接標(biāo)記應(yīng)如下所示:
<link href="http://www.example.com/product/reebok-black-crossfit-shoe/ET256/" rel="
canonical" >
旁注:出于跟蹤目的,營(yíng)銷(xiāo)人員需要向URL添加其他參數(shù)。這些參數(shù)不應(yīng)被覆蓋,也不應(yīng)導(dǎo)致頁(yè)面出現(xiàn)
404錯(cuò)誤。
有助于SEO的CMS功能
由于大多數(shù)網(wǎng)站都使用某種內(nèi)容管理系統(tǒng),這意味著SEO專(zhuān)家將需要依靠CMS來(lái)幫助他們修改網(wǎng)站內(nèi)容以實(shí)現(xiàn)其目標(biāo)。以下是有助于SEO的CMS功能:
標(biāo)題標(biāo)簽和關(guān)鍵元數(shù)據(jù)
能夠修改所有頁(yè)面上的
標(biāo)題標(biāo)簽和關(guān)鍵
元數(shù)據(jù)。這意味著內(nèi)容涉及以下領(lǐng)域:
<title>{CONTENT}</title> (默認(rèn)情況下,使用此:{頁(yè)面名稱(chēng)} | {公司名稱(chēng)})
<meta name="description" content="{CONTENT}" > (默認(rèn)情況下,將此留空)
<meta name="robots" content="{CONTENT}" > (默認(rèn)情況下,使用索引,如下)
<link href="{CONTENT}" rel="canonical" > (默認(rèn)情況下,匹配頁(yè)面的URL。因此,如果頁(yè)面的URL為http://www.example.com/product/reebok-black-crossfit-shoe/ET256/,則規(guī)范鏈接標(biāo)記應(yīng)類(lèi)似于: <link href =“ http://www.example.com/product/reebok-black-crossfit-shoe/ET256/” rel =“ canonical”>
更新sitemap.xml文件
CMS應(yīng)該能夠生成sitemap.xml文件并將其放置在網(wǎng)站的根文件夾(http://www.example.com/sitemap.xml)中。它應(yīng)包含網(wǎng)站的所有主頁(yè),并在添加新頁(yè)面或刪除某些頁(yè)面時(shí)自動(dòng)更新。這是遵循的格式:
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="
http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.example.com/</loc> <lastmod>2020-01-01</lastmod> </url> </urlset>
當(dāng)網(wǎng)站包含多個(gè)部分(例如,由Wordpress控制的博客)和一些其他獨(dú)立的部分時(shí),為每個(gè)部分生成單獨(dú)的站點(diǎn)地圖可能會(huì)更容易。
更新robots.txt文件
robots.txt文件控制允許搜索引擎爬網(wǎng)程序運(yùn)行的位置。該文件應(yīng)可通過(guò)CMS編輯。DedeCMS具有默認(rèn)情況下應(yīng)禁止的子目錄列表,應(yīng)從一開(kāi)始就將其包括在內(nèi)。
可編輯頁(yè)面部分
盡管這不是SEO要求,但對(duì)于跟蹤目的來(lái)說(shuō),能夠編輯網(wǎng)站上所有網(wǎng)頁(yè)的各個(gè)部分是有益的。這些包括:
打開(kāi)<head>標(biāo)記后立即。在結(jié)束</ head>標(biāo)記之前。打開(kāi)<body>標(biāo)記后立即。緊接在</ body>標(biāo)記之前。
有各種跟蹤腳本可幫助獲取有關(guān)用戶(hù)行為的信息,這些信息需要添加到任何這些區(qū)域中。應(yīng)該有一種向所有頁(yè)面以及每個(gè)頁(yè)面分別添加標(biāo)簽的方法。
圖片上傳
通過(guò)CMS上傳圖像時(shí),文件名應(yīng)該是可編輯的,而不是由CMS重寫(xiě)為隨機(jī)字符串。圖像標(biāo)題和alt標(biāo)簽應(yīng)該是可編輯的(通常在大多數(shù)內(nèi)容管理系統(tǒng)中)。
頁(yè)面速度
為了優(yōu)化頁(yè)面加載時(shí)間,應(yīng)采用各種后端加載時(shí)間削減技術(shù),可在此處找到其一長(zhǎng)串列表:
http://gtmetrix.com/recommendations.html。頁(yè)面加載時(shí)間不應(yīng)超過(guò)3秒。
404配置
當(dāng)訪問(wèn)隨機(jī)URL時(shí),服務(wù)器應(yīng)返回404響應(yīng)-而不是302、200或任何其他響應(yīng)。
關(guān)鍵詞:標(biāo)準(zhǔn),建設(shè)