⑴ 網頁前端的相關知識，就SEO來說，我應該怎麼
1、多看一些關於seo的書，推薦《SEO教程：搜索引擎優化入門與進階》
2、可以從自己熟悉的外鏈著手，把外鏈做的極致也是一種秘籍了，再結合站外推廣，網站流量也會漲不停的。
3、經常給自己空杯。因為你現在看到的或者學到的SEO技術都可能只代表過去，不代表現在或者將來。策略，思維將會是你致勝的關鍵。
4、重點研究一下用戶的心態心理對seo有幫助。
⑵ Web前端開發中要注意哪些SEO細節
1、網站布局要做到樣式與頁面分離，刪除頁面中不必要的標簽和元素。
2、頁面生成要盡量小，要壓縮頁面的大小，頁面盡量使用靜態或偽靜態。
3、所有的CSS、JS都要使用外部調用。
4、外部調用的JS文件的代碼能放在底部的盡量放在底部，頁面調用的css文件的代碼盡量都放在head內，同一頁面盡量不要超過3個JS外部調用。
5、每個頁要只能出現一次H1標簽，H2~H6標簽可以多次，這樣做是為了加重H1標簽的權重。
6、除首頁外別的頁面要加麵包屑型路徑，導航一定要清晰。
7、網站一定要兼容腦殘的IE各版本和FF等主流瀏覽器，這個雖然感覺對SEO影響不大，但是作為前端，這也是最基本的吧。
8、圖片一定要添加alt屬性，鏈接一定要添加title屬性。
9、網站結構呈扁平狀樹型，目錄結構不宜過深，每個頁面離首頁最多點擊3次，過深不利於搜索引擎的抓取。
10、做好404頁面，並測試其返回狀態碼為404。
11、確保網站代碼無誤，HTML能通過W3C版本。
⑶ 前端開發人員應考慮哪些SEO優化技巧
前端開發人員需要具備哪些SEO優化技巧
前端開發工程師不僅需要要跟視覺設計師、互動式設計師配合，完美還原設計圖稿，編寫兼容各大瀏覽器、載入速度快、用戶體驗好的頁面。現在還需要跟SEO人員配合，調整頁面的代碼結構和標簽。一些成熟的平台，在開發初期並沒有考慮優化問題，所以做出來的頁面，就算是效果很炫，功能很強，但是對搜索引擎非常的不友善。任何一個成熟的網站，後期頁面都是動輒幾百萬的，到這個時候再來調整結構，既費時又費力，最怕的還是會影響到排名和收錄。
所以說與其在後期碰到問題再來調整，還不如把問題解決在源頭。我本人也是從事前端開發工作的，下面把我工作過程中，積累的幾個開發過程中就需要做好的SEO優化技巧，分享給大家。
1、簡化代碼結構，更利於搜索引擎分析抓取有用內容：頁面盡量採用DIV+CSS，當然，表格展現模式用table還是比div方便很多的;所有js、css採用外聯方式，圖片採用css精靈，減少請求次數。看下下面同樣的內容，用div和talbe布局的代碼比較，顯而易見用div簡便的多。
2、重要內容優先載入(第一個鏈接最好是網站主關鍵詞，不刻意要求)，可以用css來處理，索引一篇文章的長度也是有限制的，一定要把最重要的內容，優先展現給蜘蛛，這方面你可以通過查看一些比較大的網頁快照來求證。
3、每個頁面只能出現一次H1標簽，H2標簽可以多次：H1權重很高，普遍認為僅次於title，一般資訊詳情頁的標題、商品詳情頁的標題，都放在H1里。
4、圖片一定要添加alt屬性，title屬性可選：蜘蛛不認識圖片上的內容，只能通過alt屬性來判斷，如果是商品列表頁，所有商品都加了alt和title的話，容易造成堆砌關鍵詞，所以我一般是只加alt屬性。
5、圖片大小聲明：如果圖片大小不做定義的話，頁面需要重新渲染，就會影響到載入速度。
6、鏈接可根據需求添加title屬性以及nofllow值;非特殊性鏈接，鏈接地址一定要寫入herf屬性，有些前端開發人員為了省事，直接用div加個click事件當鏈接，在視覺上和使用上確實是實現了鏈接效果，但是做過SEO優化的人
員都知道，蜘蛛目前對於js的支持很差，基本無法讀取裡面的鏈接地址。所以說用click事件是絕對不允許的，特別是一些重要的導航鏈接。
7、頁面內容盡量不要做成flash、圖片、視頻，這些東西蜘蛛是抓不到的，就算是必須的，也要生成相應的靜態頁面。有很多企業站看著很炫，全站flash，老闆看著是爽了，做SEO優化的人員就要抓狂了，全站沒一個鏈接。
8、除首頁外別的頁面最好要加上麵包屑型導航，導航結構一定要清晰。
9、做好404頁面，一般會加首頁鏈接及錯誤提示，並測試其返回狀態碼為404：1、用戶體驗友好，可以留住用戶，不至於直接關閉頁面;2、蜘蛛友好，可以返回抓取其他頁面。
10、網站結構呈扁平狀樹型，目錄結構不宜過深，每個頁面離首頁最多點擊不超過3次，過深不利於搜索引擎的抓取。
⑷ seo需要掌握的前端知識有哪些
1. 網站 TDK 標簽的設置。title,description,keywords，根據產品業務，概括出核心關鍵詞作為TDK的內容，每個頁面都不一樣。如果每個頁面的keywords都一樣的話，搜索引擎會持懷疑態度，覺得你有作弊的嫌疑。
5. h1~h6 標簽合理使用。按道理所有標簽都需要根據自身的語氣合理去使用，這里不展開講述，這里只講 h 標簽的注意事項。h1 標簽一個頁面只能出現 1 次，h2 標簽一般作為二級標題或者文章的小標題。最合理的使用時 h1~h6 按順序層層嵌套下去，不可以斷層或者反序。
⑸ 在前端開發中如何做好seo優化
很多人學會了一些SEO的常識，就覺得自己已經學會了SEO了，能夠給很多網站提供意見，但是其實他們提出的意見，很多時候都是靠猜，靠感覺。至於實際上有沒有效果，會不會給網站帶來正面的影響，只能走一步看一步。
其實一個SEO做得如何，最了解的還是自己，好的SEOER，能夠通過平時一點一滴的數據，進行匯總，通過數據指導，來看清SEO的方向。
SEO是什麼，在我看來，SEO就是做搜索引擎的排名，而SEO最終的目的是什麼，答案只有一個，那就是通過有排名的關鍵詞，來獲得流量，也就是說我們最終的目的就是流量。那麼我們很多時候，SEO不要局限在自己的站點上面，我們要把思路拓展，拓展到各個不同的模塊領域去。
那麼作為SEO，如何科學的去分析自己做的效果如何，如何去更好的通過數據，來指導自己的思維呢？
我們都知道，流量跟排名點擊率、排名數、收錄數有關系，那麼我們的數據，最主要的就是監控這三個維度。
1、排名點擊率：
如果是自身網站的話，就比較簡單，裝個流量統計工具，就可以很好的監控到關鍵詞的點擊率。如果是外部的站點，可以通過關鍵詞覆蓋的查詢，來預估自己的排名點擊率。其實在站點和內容都不變的情況下，點擊率一般不會有太大的變化。所以排名和收錄的因素，就會影響比較大。
總結：
總體來看SEO的主要核心還是數據分析，具體的數據分析可以參考（網路排名只需分析關鍵詞數據）。其實SEO只要觀察細致，很多問題都會變得很簡單，你要真正搞清楚你想要什麼，你想要的流量，而流量跟網站的排名、網站的收錄、排名的點擊率是有直接關系。搞清楚這些關系，去逐一分析每一個細節，你會發現SEO會變得很簡單。
⑹ seo網站用什麼前端框架
用DIV+CSS，這是最符合SEO優化的前端框架，請採納，謝謝。
⑺ 前端製作和SEO
沒有哪個比哪個高一級，主要seoer需要與設計者和開發者相互協商，有一些不利於seo的因素需要規避。
⑻ 如何給前端開發做SEO培訓
1. 抓取系統（Spider) 首先，我們需要了解搜索引擎的工作原理，以便更好得理解SEO。搜索引擎有一個抓取系統，俗稱Spider，你可以把它想像成一群在互聯網上亂爬的蜘蛛（有點惡趣味...)，它們會讀取各個頁面的HTML，並且通過頁面上的鏈接關系，不斷抓去新的有價值的頁面內容，再將其發回搜索引擎。根據Spider傳回的信息，搜索引擎來給你的頁面排名。對於這個Spider，你需要注意什麼呢？1. 搜索引擎無法很有效地抓取flash的內容。HTML5的出現解決了這個問題。HTML5可以達到很多flash能達到的效果，並且它與搜索引擎更加兼容。2. 搜索引擎無法讀取圖片中的文字。所以你需要給圖片配上標記（alt tags），告訴spider這個圖片是什麼內容。3. 搜索引擎對於PDF,word，PPT等格式的文件沒什麼好感，這些格式在排名上會有劣勢。4. 不要過度重復關鍵詞。講一個有趣的寶馬公司的例子，寶馬公司的營銷人員為了提高產品頁面的搜索排名，在每個產品上都貼上BMW的標簽，導致Spider讀到這個頁面的時候的效果是「BMW...BMW...BMW...BMW..."這個就屬於SEO中的黑帽手段（black-hat）了，這也是GOOGLE所不能接收的，這樣做的一般後果是從Google搜索結果中除名。想像一下如果你是某公司的營銷總監，你的行為讓貴公司被GOOGLE除名，你會是什麼下場不用我說了吧？幸好，寶馬是個大公司，GOOGLE也不想用戶搜寶馬的時候只能跳出賓士，最後這件事雙方就協商著解決啦。
2. 關鍵詞調研（Key-phrase research) 關鍵詞調研的目的是了解用戶如何搜索，了解關鍵詞的競爭情況，以及搜索熱度的發展趨勢。我們需要研究出哪一個詞語更能回答用戶的問題，能讓我們的頁面被用戶找到。搜索引擎通常都提供工具幫助網站分析優化關鍵詞。英文網站可以使用Google Trends來了解和比較關鍵詞的熱度，地區來源等。同時,Google Keyword Planner可以告訴你確切的相關關鍵詞的搜索次數，競爭程度。（需登錄google賬戶才能使用）。中文網站可以使用網路指數和關鍵詞工具。
3. 頁面優化 （On-page Optimization) 頁面優化就是要把恰當的關鍵詞放在恰當的位置，這樣搜索引擎才能知道你的頁面是關於什麼的。具體可以從以下這些方面著手。
1）頁面標題（page titles) 標題是一個頁面中最重要的部分。它顯示在頁面頂端的標簽上。你應該為每個頁面內容總結出最重要的關鍵詞。要避免一些一般性描述，比如「主頁」「博客」「產品」，你要表現你的獨特性。通常，你會有多個關鍵詞，你需要把更重要的放在前面。
2）頁面地址（URL） 你可以設置自己的頁面地址，應該用一些有含義的單詞；需要連接兩個詞語的時候用連字元(-)而非下劃線(_)。3）標題（Headings)你需要在標題中用說明頁面的主要內容是什麼，關鍵詞需要在這里再次出現。如果一個頁面有多個標題，盡量指出它們之間的共同點，否則Spider很難理解你的頁面到底是關於什麼。4）文章主題（Body )如果你的頁面標題，文章標題里都重復了你的關鍵詞，那麼你不需要再在文章中像祥林嫂一樣反復嘮叨「我的阿毛」了，Spider倒不會嫌你煩，但是會認為你作弊，就像上面說得寶馬案例一樣。5）文字鏈接（Text Links)在你的網站中，你可能時不時的需要引入鏈接，連到其他網站或頁面去。你的用戶所點的超鏈接文字就是文字鏈接。很多網站喜歡用「請戳這里」「請猛戳這里」...錯了！！你們錯了！！這樣的詞語完全沒有說明這個鏈接的內容，Spider不會理解「請戳這里」是什麼東西。你要直接寫鏈接的內容，比如「文章姚笛馬伊俐」。6) 標簽（Alt tags)剛才也提到了，alt tags就是用來描述頁面上的圖片的，提高頁面的可達性（accessibility），同時也有利於搜索排名的優化。4. 外鏈建設（link building) 目的是增加鏈接到你的網站的其他網站數目，讓搜索引擎可以由此判斷你的內容是權威的有用的。