https://www.xminseo.com/wp-content/uploads/2018/07/1-28.jpg




網(wǎng)站的前端工作人員必然會(huì)和seo打交道，seo的前端也更受歡迎。




很多情況下，從事網(wǎng)站前端開發(fā)的朋友對(duì)seo缺乏基本知識(shí)，整個(gè)網(wǎng)站建設(shè)，運(yùn)營(yíng)效率低。 其實(shí)seo對(duì)前端來說是必要的。 學(xué)習(xí)共同的seo技術(shù)，不需要時(shí)間和精力，可以提高生產(chǎn)力，提高自己的能力，很好。




研究開發(fā)的同學(xué)其實(shí)很多人對(duì)SEO這個(gè)概念沒有深刻的理解。 在技術(shù)博客中，提到這個(gè)塊的也寥寥無幾。 今天吸取自己的經(jīng)驗(yàn)，簡(jiǎn)單地給大家掃瞎，如果有什么遺漏，歡迎大家補(bǔ)充。




文字內(nèi)容有點(diǎn)多，但干貨滿了，請(qǐng)耐心閱讀！




什么是SEO？




以下內(nèi)容摘自百度百科。




搜索引擎優(yōu)化(SEO ) :漢譯已針對(duì)搜索引擎進(jìn)行了優(yōu)化。 搜索引擎優(yōu)化是利用搜索引擎的搜索規(guī)則提高當(dāng)前網(wǎng)站搜索引擎中的自然排名的方法。 SEO是從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶交互分發(fā)、頁面等角度進(jìn)行合理計(jì)劃，使網(wǎng)站符合搜索引擎的索引策略的行為，以便從搜索引擎獲得更多的免費(fèi)流量。




SEO原理




其實(shí)搜索引擎的工作相當(dāng)復(fù)雜，所以在這里簡(jiǎn)單說明一下大致的過程。 然后，我們還將基于這些方面對(duì)SEO進(jìn)行優(yōu)化。




頁面捕獲：蜘蛛向服務(wù)器請(qǐng)求頁面，獲取頁面內(nèi)容




分析入庫：分析取得的內(nèi)容，收錄優(yōu)質(zhì)頁面。




搜索排名：用戶搜索關(guān)鍵字時(shí)，按照一定的規(guī)則從收錄的頁面中排名，并返回用戶結(jié)果。




SEO優(yōu)化




既然是優(yōu)化，我們就必須按照SEO的原理做，好朋友互相認(rèn)識(shí)，可以說百戰(zhàn)不殆。 關(guān)于上述三點(diǎn)，我們分別敘述。 這里主要以百度蜘蛛為例。




頁面捕獲。




如何才能吸引蜘蛛到我們的網(wǎng)站，如何才能讓蜘蛛頻繁訪問我們的網(wǎng)站？ 在此提出以下優(yōu)化要點(diǎn)。




發(fā)送頁面。 發(fā)送頁面有幾種不同的方法。




sitemap提交。 sitemap顧名思義，是網(wǎng)站的地圖。 蜘蛛來我們網(wǎng)站的時(shí)候，我們有多少頁面，不同的頁面是怎么分類的，每一頁的地址是什么？ 在我們的指引下，蜘蛛很容易爬上所有的內(nèi)容。 另外，如果頁面分類多且數(shù)量多，則建議添加sitemap索引文件。 如果站點(diǎn)經(jīng)常更新并添加新頁面，建議及時(shí)更新sitemap文件。




自愿提出。 就是把你的頁面直接扔進(jìn)百度界面，告訴自己嘴里百度有什么頁面。 這是最有效率和收錄最快的方法。 但是，百度每天提交的數(shù)量有限制，重復(fù)提交重復(fù)的頁面會(huì)降低每天的限額，所以不建議重復(fù)提交收錄的頁面。 收錄有時(shí)間經(jīng)過，請(qǐng)稍等。




實(shí)時(shí)提交。 在頁面上安裝百度提交代碼，當(dāng)用戶打開此頁面時(shí)，自動(dòng)將此頁面提交到百度。 這里不需要考慮反復(fù)提出的問題。




這幾種提交方式可以同時(shí)使用，互相不沖突。




我保證我們的頁面能被蜘蛛讀取。




在ajax不流行的時(shí)期，其實(shí)SEO對(duì)前端的要求不太多，或者那時(shí)還沒有前端這個(gè)職業(yè)。 頁面都是在服務(wù)器端渲染的，用戶和蜘蛛都來了，很容易返回到html。 ajax似乎本來為了避免數(shù)據(jù)交流必須重新印刷頁面設(shè)計(jì)，但被大規(guī)模濫用，有些開發(fā)者被ajax要求三七二十一，所有數(shù)據(jù)，蜘蛛無法很好地獲取頁面內(nèi)容。 幸運(yùn)的是，這反而促進(jìn)了尖端的迅速發(fā)展。




然后，出現(xiàn)了各種SPA單頁面應(yīng)用框架，前端開發(fā)人員不再需要關(guān)心頁面的DOM結(jié)構(gòu)，只需要集中于業(yè)務(wù)邏輯，數(shù)據(jù)就全部從Javascript通過ajax請(qǐng)求獲取數(shù)據(jù)， 百度在國內(nèi)搜索引擎中占有率最高，但遺憾的是不支持ajax數(shù)據(jù)的獲取。 因此，開發(fā)者檢測(cè)到是爬蟲類，開始考慮基于Node.js的Jade引擎(現(xiàn)在變更為Pug )等專用路線進(jìn)行渲染等其他解決方案，可以很好地解決這個(gè)問題。 React和Vue包括相對(duì)較小的框架Marko也提供了相應(yīng)的服務(wù)器端渲染解決方案。 詳細(xì)情況看對(duì)應(yīng)文件，不怎么說話。




URL和301




URL的設(shè)置必須合理，層次清楚。 如果網(wǎng)站后期發(fā)現(xiàn)URL不合理進(jìn)行交換，以前收錄的頁面就會(huì)無效。 這稱為死鎖(這種情況下是死鎖的一種，404等也是死鎖)。 所以一定要在網(wǎng)站建設(shè)初期制定長(zhǎng)期的計(jì)劃。 即使出現(xiàn)這種情況也不要太擔(dān)心。 可以通過向搜索引擎投訴和設(shè)定301跳來解決。




URL級(jí)嵌套不要太深。 我建議不要超過4級(jí)。 添加面包屑導(dǎo)航可以清楚頁面級(jí)別，也有助于為蜘蛛創(chuàng)建平滑的爬行路線。




除此之外，通過將域名設(shè)備301全部跳轉(zhuǎn)到同一URL，可以避免權(quán)重的分散。




入住的分析




蜘蛛捕捉到頁面后，需要分析頁面的內(nèi)容，選擇收錄入庫。 為什么說偏好？ 接下來慢慢分析。




搜索引擎的目的是為用戶提供高質(zhì)量準(zhǔn)確的搜索結(jié)果。 如果整個(gè)頁面都充斥著廣告和各種不好的信息，一定會(huì)對(duì)用戶的體驗(yàn)產(chǎn)生很大的影響。




除此之外，你不想把自己辛苦寫的文章輕易被別人抄下來，所以搜索引擎在某種程度上有助于避免這種情況。 對(duì)于已經(jīng)收錄的內(nèi)容，搜索引擎降低其權(quán)重，不直接收錄這個(gè)頁面。 盡管如此，為了保持頁面的新鮮度，很多網(wǎng)站都會(huì)采取或轉(zhuǎn)載其他網(wǎng)站的內(nèi)容。 這就是我們經(jīng)常聽到的偽原創(chuàng)。 因此，為了確保你的頁面以高權(quán)重被收錄，網(wǎng)站的內(nèi)容必須不斷更新，并且是高質(zhì)量的原始內(nèi)容。




搜索排序




這個(gè)我的理解是，頁面收錄后，每一頁都打tag。 這些tag是搜索結(jié)果排名的重要依據(jù)。 例如，當(dāng)用戶搜索“seo教程”時(shí)，搜索引擎會(huì)搜索收錄頁面中帶有“seo教程”tag的頁面，并根據(jù)一系列規(guī)則進(jìn)行排序。 因此，如何提高這些tag在搜索引擎中的權(quán)重很重要。




TDK優(yōu)化




TDK是縮寫，是seo頁面的頁面描述和關(guān)鍵字設(shè)置。




其中“t”表示頁眉的title元素，在這里也可以用于分詞技術(shù)。 標(biāo)題寫好后，盡量不要修改，盡量簡(jiǎn)潔，盡量不要把沒有意義的詞放在標(biāo)題里，以免搜索引擎識(shí)別網(wǎng)站的主題。




這里，“d”表示頁面標(biāo)題的description要素，為了知道記述是網(wǎng)頁的概要，也是title的補(bǔ)充，在title中只能寫有限的字符數(shù)，所以在description中稍微詳細(xì)地補(bǔ)充，通常為1




這里，“k”表示頁面標(biāo)題的keywords要素，提取頁面中的主要關(guān)鍵字，將數(shù)量控制在36個(gè)以內(nèi)。 我想設(shè)法把主關(guān)鍵詞都拿出來。




以上摘自百度百科。 這里有幾點(diǎn)需要補(bǔ)充。




TDK是搜索引擎判斷頁面主題內(nèi)容的關(guān)鍵，所以在title中可以簡(jiǎn)潔地表達(dá)頁面的主要內(nèi)容，代理人多的情況下可以用幾個(gè)符號(hào)分隔不同的主題詞，但關(guān)鍵詞不太多，最多不能超過五個(gè)。




在keywords中，用英語逗號(hào)分隔各關(guān)鍵詞，最好是3~5個(gè)。 盡量按關(guān)鍵詞進(jìn)行掩飾。




請(qǐng)注意，description是用自然語言描述頁面的主要內(nèi)容的，在這里只有至少復(fù)蓋一次每個(gè)關(guān)鍵字才能獲得最佳結(jié)果。




提高頁面關(guān)鍵詞密度。




首先說關(guān)鍵詞密度這個(gè)概念。 簡(jiǎn)單理解是關(guān)鍵字出現(xiàn)在所有文字內(nèi)容中的比例。 提高關(guān)鍵詞的密度有助于提高搜索引擎對(duì)相應(yīng)關(guān)鍵詞的搜索排名。 但是，并不是我們的整個(gè)頁面都重合就可以了。 分析一下案例吧。




我們?cè)诎俣人阉鳌皊eo教程”。 第一名是seo教程自學(xué)網(wǎng)絡(luò)https://www.xminseo.com/，這不贅述。 讓我們分析一下為什么職業(yè)排名會(huì)這么靠前。




https://www.xminseo.com/wp-content/uploads/2018/07/1-1.png




通過查看百度的快照，頁面上的哪里擊中了這些詞，一目了然。




頁面標(biāo)頭




https://www.xminseo.com/wp-content/uploads/2018/07/2.png




頁面的底部




https://www.xminseo.com/wp-content/uploads/2018/07/3.png




頁面清楚地顯示了關(guān)鍵字的出現(xiàn)位置，發(fā)現(xiàn)除了正文部分以外還設(shè)置了很多模塊。 這些模塊看起來像簡(jiǎn)單的鏈接。 事實(shí)上，他們更重要的使命是服務(wù)SEO和提高關(guān)鍵字的密度。 另外，這些鏈接都是網(wǎng)站內(nèi)部的鏈接，通過這樣，也可以在不同的頁面之間相互加權(quán)。 可以說是個(gè)小鏈接。 大學(xué)問！




你覺得這樣就結(jié)束了嗎？ 沒什么。 仔細(xì)看看頁面上這些模塊的內(nèi)容設(shè)置。 分別涵蓋技術(shù)、視頻等，可以說涵蓋了seo教程周邊的大部分需求。 這樣，即使搜索“seo視頻教程”和“seo技術(shù)教程”等關(guān)于“seo教程”的關(guān)鍵詞，該頁面的關(guān)鍵詞數(shù)也會(huì)增加，容易曝光。




細(xì)枝末節(jié)但不可忽視的優(yōu)化




頁面上經(jīng)常有各種各樣的圖像。 搜索引擎無法識(shí)別圖像上的內(nèi)容。 你可能知道代碼中img標(biāo)簽的alt屬性是為了在圖像加載失敗時(shí)讓用戶看到。 此屬性顯示了此圖的內(nèi)容。 其實(shí)搜索引擎在分析頁面時(shí)，是根據(jù)這句話來判斷圖像的內(nèi)容的，所以要在頁面上有意義的圖像上附加alt屬性，把圖像反映的內(nèi)容寫清楚。




頁面上的出站鏈接(即指向另一個(gè)站點(diǎn)的a標(biāo)記)必須附加nofollow標(biāo)記，以避免對(duì)另一個(gè)站點(diǎn)進(jìn)行加權(quán)。 百度蜘蛛忽略添加了nofollow的鏈接。 你也可以這樣寫在網(wǎng)頁的元標(biāo)簽上。 這樣，百度蜘蛛不會(huì)跟蹤頁面上的所有鏈接，但除非該頁面上的所有鏈接都指向另一個(gè)域名，否則不建議這樣做。




……




其他最佳化點(diǎn)




友誼鏈接




我們經(jīng)常在頁面的底部看到友誼的鏈接。 友誼鏈接是網(wǎng)站之間相互交換流量、互利合作的形式。 事實(shí)上，友誼鏈接對(duì)網(wǎng)站權(quán)重的提高起著重要的作用。 友鏈不僅可以引導(dǎo)用戶瀏覽，搜索引擎也可以沿著鏈接循環(huán)爬行，有效提高網(wǎng)站流量和快照的更新速度。




關(guān)鍵詞過濾器。




在站長(zhǎng)工具、愛站網(wǎng)絡(luò)或各種站長(zhǎng)后臺(tái)分析ip的來源、關(guān)鍵詞的搜索熱和關(guān)鍵詞，以一定的密度將這些詞追加到頁面中，可以提高命中率。 這里主要是運(yùn)營(yíng)同學(xué)的工作，我不是專家，不展開，大家自己摸索更多的功能。




利用好的分析工具




我們可以在自己的網(wǎng)站上安裝百度統(tǒng)計(jì)代碼，分析網(wǎng)站內(nèi)用戶的關(guān)心度和閱讀過程，從而不斷優(yōu)化網(wǎng)站的結(jié)構(gòu)，提高用戶的殘存率。 此外，還可以創(chuàng)建用戶圖像和分析用戶數(shù)據(jù)。




結(jié)語




想搞好SEO不是件容易的事，必須保持一定。 繼續(xù)關(guān)注網(wǎng)站，繼續(xù)更新。 不要從長(zhǎng)期的計(jì)劃中，投機(jī)取巧。 只謀求暫時(shí)的效果，進(jìn)行違背搜索引擎的操作。 也就是說，常說的黑帽SEO，如果不被百度k掉下去就不會(huì)失去。




以上觀點(diǎn)只是我最近學(xué)習(xí)的一些總結(jié)。 沒有權(quán)威。 我希望不知道這個(gè)的研發(fā)同學(xué)輕松掃盲。 如果有錯(cuò)誤的話，請(qǐng)大家改正和補(bǔ)充。




seo教程自學(xué)網(wǎng)絡(luò)評(píng)價(jià)：




技多不安身是恒古不變的道理，作為前端，多學(xué)習(xí)前端周邊的知識(shí)，例如seo，對(duì)提高生產(chǎn)力的結(jié)果是顯而易見的。 作為seo技術(shù)人員，了解前端、了解服務(wù)器知識(shí)等也是如此。




參考資料：




鏈接： https://www.im OOC.com/article/44513




seo需要掌握哪些技術(shù)https://www.XMIN SEO.com/13767.HTML？