A. 前端製作和SEO

沒有哪個比哪個高一級，主要seoer需要與設計者和開發者相互協商，有一些不利於seo的因素需要規避。

B. web前端seo怎麼優化

1.整站URL需統一
避免出現同一個頁面多個鏈接形式的出現。
2.URL中的連接符回只用答使用"-" "_"兩種。
URL中連接符不能使用"-" "_"兩種之外的符號。因為這可能導致搜索引擎無法正確識別鏈接。
3.Tag頁URL中包含關鍵詞(可以為拼音)。
URL中出現頁面關鍵字利於搜索引擎識別頁面主體內容。該關鍵字可以為中文，也可以為拼音。
4.控制網站目錄層次少於3層。
目錄太深的鏈接，搜索引擎可能抓取不到，盡量將網站結構控制在3層目錄以內。

C. 如何給前端開發做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) 目的是增加鏈接到你的網站的其他網站數目，讓搜索引擎可以由此判斷你的內容是權威的有用的。

D. web前端seo怎麼優化，你知道多少

代碼優化：簡潔代碼，不內嵌CSS，
網站標題及三要素：TDK
內容優化，
第個頁面都有相關的TDK，H標簽的版合理使權用，
關鍵詞做錨文本或加粗或斜體（理論密度為2%-8%，實則3%-5%為佳）
1：做循環內鏈，內容頁鏈接指向另一個導航頁面，交叉但不重，
2：在部分內容頁添加，返回主頁鏈接，
打字太麻煩，很多都需要積累，

E. 前端開發人員需要具備哪些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次，過深不利於搜索引擎的抓取。

F. 前端性能優化的具體方法有哪些

解決辦法一：

減少http請求次數：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網頁Gzip，CDN託管，data緩存 ，圖片伺服器。
前端模板 JS+數據，減少由於HTML標簽導致的帶寬浪費，前端用變數保存AJAX請求結果，每次操作本地變數，不用請求，減少請求次數
用innerHTML代替DOM操作，減少DOM操作次數，優化javascript性能。
當需要設置的樣式很多時設置className而不是直接操作style。
少用全局變數、緩存DOM節點查找的結果。減少IO讀取操作。
避免使用CSS Expression（css表達式)又稱Dynamic properties(動態屬性)。
圖片預載入，將樣式表放在頂部，將腳本放在底部 加上時間戳。
解決辦法二：

減少HTTP請求次數
使用CDN：CDN在前端開發的作用
避免空的src和href
為文件頭指定Expires
使用gzip壓縮內容
把CSS放到頂部
把JS放到底部
避 免使用CSS表達式
將CSS和JS放到外部文件中
避免跳轉
可緩存的AJAX
使用GET來完成AJAX請求

G. WEB前端開發中的幾個SEO注意點

近幾年來，SEO在國內得到了蓬勃的發展，其中很多的SEO技術越來越體現在web前端的一些細節上。要做好SEO，web前端這一塊也要做必不可少的優化。
這就要求我們WEB前端工程師在開發頁面的時候，要寫出規范標準的代碼，符合SEO，做好用戶體驗。
以下是一些在平時工作中總結的一些前端開發中的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版本。

H. 在前端開發中如何做好seo優化

很多人學會了一些SEO的常識，就覺得自己已經學會了SEO了，能夠給很多網站提供意見，但是其實他們提出的意見，很多時候都是靠猜，靠感覺。至於實際上有沒有效果，會不會給網站帶來正面的影響，只能走一步看一步。

其實一個SEO做得如何，最了解的還是自己，好的SEOER，能夠通過平時一點一滴的數據，進行匯總，通過數據指導，來看清SEO的方向。

SEO是什麼，在我看來，SEO就是做搜索引擎的排名，而SEO最終的目的是什麼，答案只有一個，那就是通過有排名的關鍵詞，來獲得流量，也就是說我們最終的目的就是流量。那麼我們很多時候，SEO不要局限在自己的站點上面，我們要把思路拓展，拓展到各個不同的模塊領域去。

那麼作為SEO，如何科學的去分析自己做的效果如何，如何去更好的通過數據，來指導自己的思維呢？

我們都知道，流量跟排名點擊率、排名數、收錄數有關系，那麼我們的數據，最主要的就是監控這三個維度。

1、排名點擊率：

如果是自身網站的話，就比較簡單，裝個流量統計工具，就可以很好的監控到關鍵詞的點擊率。如果是外部的站點，可以通過關鍵詞覆蓋的查詢，來預估自己的排名點擊率。其實在站點和內容都不變的情況下，點擊率一般不會有太大的變化。所以排名和收錄的因素，就會影響比較大。

總結：

總體來看SEO的主要核心還是數據分析，具體的數據分析可以參考（網路排名只需分析關鍵詞數據）。其實SEO只要觀察細致，很多問題都會變得很簡單，你要真正搞清楚你想要什麼，你想要的流量，而流量跟網站的排名、網站的收錄、排名的點擊率是有直接關系。搞清楚這些關系，去逐一分析每一個細節，你會發現SEO會變得很簡單。

I. 前端如何實現SEO優化

1、提高頁面載入速度。
2、 結構、表現和行為的分離。
3、 優化網站分級結構。
4、 集中網站權重。專
5、 文本強屬調標簽的使用。
6、 a標簽的title屬性的使用
7、 圖片alt屬性的使用
8、 H標簽的使用
9、圖片大小聲明
10頁面布局調整。