-
網(wǎng)站結(jié)構(gòu)布局優(yōu)化 避免使用table布局 1）不利于后期維護(hù) 2）不利于SEO（小蜘蛛不喜歡table布局） ——扁平化結(jié)構(gòu)（目錄層次越少越容易被搜索，因?yàn)閷哟谓Y(jié)構(gòu)超過三層小蜘蛛就不愿意爬了） 1.控制首頁鏈接數(shù)量（中小網(wǎng)站100以內(nèi)，頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等有實(shí)質(zhì)性的鏈接） 2.扁平化的目錄層次（頂多跳轉(zhuǎn)三次進(jìn)入內(nèi)容頁） 3.導(dǎo)航seo優(yōu)化（導(dǎo)航盡量用文字，如果為了用戶體驗(yàn)或整體風(fēng)格而用圖片，則圖片代碼一定要優(yōu)化，必要的title、alt要添加；面包屑導(dǎo)航：用戶體驗(yàn)，讓用戶知道當(dāng)前所處位置以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置，了解網(wǎng)站的組織形式） 4.細(xì)節(jié)：1）見圖片，右邊的相關(guān)文章——1.留住訪客2.對(duì)于SEO，這些文章對(duì)于正文來說屬于相關(guān)鏈接，增強(qiáng)了頁面相關(guān)性，也會(huì)增強(qiáng)頁面的權(quán)重； 2）分頁：1.首頁-上頁-下頁-尾頁；2.首頁 1 2 3 4 5 6 下一頁；3.首頁 1 2 3 4 5 6 下拉選擇，小蜘蛛最喜歡第3種（可以直接進(jìn)入每一頁）； 3）網(wǎng)頁加載速度，過慢小蜘蛛不會(huì)等待，一個(gè)頁面最好不要超過100k查看全部
-
SEO（Search Engine Optimization）搜索引擎優(yōu)化 1、搜索引擎工作原理 2、分為白帽SEO和黑貓SEO （1）白帽SEO：其改良和規(guī)范網(wǎng)站設(shè)計(jì)的作用，是網(wǎng)站獲取合理的流量；亂加關(guān)鍵字，亂加外鏈； （2）黒帽SEO：這類行為利用搜索引擎政策缺陷來獲取更多用戶的訪問量，屬于欺騙搜索引擎的 3、如何做白帽SEO： （1）對(duì)網(wǎng)站標(biāo)題，關(guān)鍵字，描述精心設(shè)計(jì)，反映網(wǎng)站定位，讓搜索引擎知道網(wǎng)站是做什么的； （2）網(wǎng)站內(nèi)容優(yōu)化；（增加關(guān)鍵字密度，增加長尾關(guān)鍵字...） （3）合理設(shè)置Robot.txt文件 （4）網(wǎng)站地圖； （5）增加外鏈； （6）網(wǎng)站結(jié)構(gòu)優(yōu)化；（前端攻城獅的分內(nèi)事?。?（7）頁面代碼優(yōu)化。（前端攻城獅的職責(zé)所在?。?查看全部
-
小貼士： 1、重要內(nèi)容的HTML代碼放在最前面：搜索引擎從上而下、從左往右抓取HTML，可以使用float改變欄目展現(xiàn)位置。 2、重要內(nèi)容不要用JS輸出：搜索引擎看不懂JS。 3、盡量少使用iframe框架：搜索引擎討厭iframe，一般不讀取iframe中內(nèi)容。 4、謹(jǐn)慎使用display:none：搜索引擎會(huì)過濾其中內(nèi)容；如果需要隱藏又想被抓取，可以給元素設(shè)置z-index、text-indent或margin為極大負(fù)值。 5、精簡代碼：能用一個(gè)標(biāo)簽解決的事，就不要用兩個(gè)標(biāo)簽。查看全部
-
注意標(biāo)簽語義化： 1、<a>標(biāo)簽：加上title屬性；指向其他網(wǎng)站時(shí)，加上rel="nofollow"屬性表示不要跟蹤鏈接（因?yàn)樗阉饕嫣狡渌W(wǎng)站就不一定返回了）。 2、<img>標(biāo)簽：加上alt屬性。 3、<h1>標(biāo)簽：標(biāo)題最好用h1，因?yàn)樗阉饕嬲J(rèn)為h1標(biāo)簽的內(nèi)容最重要；可以用CSS樣式修飾；副標(biāo)題用h2。 4、<br>標(biāo)簽：只用于文本內(nèi)容的換行，不用于元素的換行。 5、<table>標(biāo)簽：用<caption>標(biāo)簽寫上表格標(biāo)題。 6、<strong>、<em>、<b>、<i>標(biāo)簽：<strong>在搜索引擎中能得到高度重視，能突出關(guān)鍵詞；<em>強(qiáng)調(diào)主體內(nèi)容，吸引用戶關(guān)注，權(quán)重僅次于<strong>；<b>和<i>僅加粗/斜體，屬于沒有其他選擇的最后選擇；現(xiàn)在也有用<i>表示圖標(biāo)的。查看全部
-
1、<title>標(biāo)題：強(qiáng)調(diào)重點(diǎn)，每個(gè)頁面不要相同。 2、<meta keywords>關(guān)鍵詞：幾個(gè)足以，不要太多。 3、<meta description>網(wǎng)頁描述：高度概括網(wǎng)頁內(nèi)容，不要太長，每個(gè)頁面不要相同。查看全部
-
內(nèi)容頁細(xì)節(jié)優(yōu)化： 1、布局：典型的內(nèi)容頁包括logo和導(dǎo)航條、正文、側(cè)欄以及底部版權(quán)。 2、側(cè)欄一般放相關(guān)文章、鏈接等，可以留住訪客。，對(duì)于SEO來說增強(qiáng)了頁面相關(guān)性和權(quán)重。 3、分頁：“首頁 - 1~N - 下拉選擇”優(yōu)于“首頁 - 1~N - 下一頁”優(yōu)于“首頁 - 上頁 - 下頁 - 尾頁”。 網(wǎng)頁加載速度優(yōu)化：頁面大小最好不超過100k。查看全部
-
整體設(shè)計(jì)的優(yōu)化： 1、控制首頁鏈接數(shù)量：建議中小網(wǎng)站的鏈接控制在100個(gè)以內(nèi)，鏈接性質(zhì)包括頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等，鏈接要注意良好體驗(yàn)和引導(dǎo)用戶。 2、扁平化的目錄層次：盡量跳轉(zhuǎn)三次就能到達(dá)網(wǎng)站內(nèi)任何一個(gè)內(nèi)頁，比如網(wǎng)站的設(shè)計(jì)可以是主頁、欄目、內(nèi)容頁，不要縱深結(jié)構(gòu)。 3、導(dǎo)航SEO優(yōu)化：導(dǎo)航一般分為主導(dǎo)航、副導(dǎo)航、分類導(dǎo)航；應(yīng)盡量采用文字（如果一定要用圖片就一定要優(yōu)化代碼），alt、title等屬性一定要添加；建議面包屑導(dǎo)航，在每個(gè)網(wǎng)站上留下面包屑，使用戶了解當(dāng)前所處的位置以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置。查看全部
-
作為前端工程師，我們應(yīng)從網(wǎng)站結(jié)構(gòu)、布局和代碼上進(jìn)行優(yōu)化。 內(nèi)容上的白帽SEO：查看全部
-
SEO：Search Engine Optimization，搜索引擎優(yōu)化 白帽SEO：改良和規(guī)范網(wǎng)站設(shè)計(jì)，使之對(duì)搜索引擎和用戶更加友好，網(wǎng)站能獲取合理的流量。 黑帽SEO：搜索和放大搜索引擎缺陷來獲取更多的用戶訪問量，屬于欺騙搜索引擎。 【自覺使用白帽SEO，做個(gè)好網(wǎng)民】查看全部
-
>關(guān)鍵詞 meta標(biāo)簽 description keywords >語義化 h1標(biāo)題 h2副標(biāo)題 strong強(qiáng)調(diào) em強(qiáng)調(diào) >提示 img設(shè)置alt a設(shè)置title >技巧 1.br換行寫在文體內(nèi)部es:<p><br/></p> 2.rel="nofollow"高速爬蟲不用繼續(xù)往下抓取 3.name="robots" content="nofollow"不用在頁面抓取鏈接 4.script寫在最后面 5.不要使用iframe js控制 flash，同時(shí)友好使用css代碼。查看全部
-
Search Engine Optimization:搜索引擎優(yōu)化 白帽SEO—>其改良和規(guī)范網(wǎng)站設(shè)計(jì)的作用，是網(wǎng)站獲取合理的流量 前端頁面的SEO：通過網(wǎng)站結(jié)構(gòu)布局優(yōu)化、網(wǎng)頁代碼優(yōu)化 黑帽SEO—>這類行為利用搜索引擎政策缺陷來獲取更多用戶的訪問量，屬于欺騙搜索引擎查看全部
-
1.<p><br/></p>很贊的寫法， <br/>寫在文本內(nèi)部(正確的<br>用法) 2.外鏈 要加上 rel=“nofollow” 避免搜索引擎爬網(wǎng)爬跑其他網(wǎng)頁去了 3.<a>標(biāo)簽加title描述 4.<img>標(biāo)簽加alt描述 5.標(biāo)簽中的內(nèi)容就是內(nèi)容，不要加的代碼， 盡量設(shè)置padding/margin/縮進(jìn)來實(shí)現(xiàn)效果查看全部
-
網(wǎng)頁代碼優(yōu)化（語義化代碼） A、title標(biāo)題：強(qiáng)調(diào)重點(diǎn) B、meta keywords關(guān)鍵詞：列舉幾個(gè)關(guān)鍵詞 C、meta description網(wǎng)頁描述：高度概括網(wǎng)頁的內(nèi)容 以上信息不要堆積、重復(fù) 語義話代碼（HTML 標(biāo)簽有自己的意義，在適當(dāng)?shù)奈恢糜眠m當(dāng)?shù)臉?biāo)簽） 1、h1~h6 多用于標(biāo)題 2、ul 多用于無序列表 3、ol 多用于有序列表 4、dl 用于定義數(shù)據(jù)列表 5、em、strong 表示強(qiáng)調(diào) div、span 是 html 標(biāo)簽中最沒有語義的 有利搜索引擎 1、a：訪問外部鏈接時(shí)要加上 rel="nofollow"，告訴搜索引擎外部鏈接無需追蹤，加上 title 說明 2、h1：搜索引擎外認(rèn)為 h1 最重要，使用 css 調(diào)整，網(wǎng)頁正文標(biāo)題用 h1，副標(biāo)題用 h2，其他不要亂用 h 標(biāo)簽 3、br 用于文本間的換行，用在 p 內(nèi)，也可以用 <p><br/></p> 表示空行 4、caption：表格標(biāo)題 5、img：使用 title、alt 說明 6、<strong><em>表示強(qiáng)調(diào)，<em>的權(quán)重僅次于<strong>,如果只想表示加粗斜體，建議使用<b><i>,表示強(qiáng)調(diào)則使用<strong><i> 7、重要內(nèi)容 HTML 代碼放在最前面（使用 css 改變布局） 8、重要內(nèi)容不要用 JS 輸出（搜索引擎看不懂 JS） 9、盡量少使用 iframe 框架（搜索引擎不喜歡） 10、謹(jǐn)慎使用 display:none（搜索引擎會(huì)過濾掉其內(nèi)容，設(shè)置 z-index 代替） 11、精簡代碼查看全部
-
網(wǎng)頁代碼優(yōu)化 *title:只強(qiáng)調(diào)重點(diǎn)，不要重復(fù)出現(xiàn)；每個(gè)頁面不設(shè)置相同的title *meta keywords:不要堆砌 *meta description:每個(gè)頁面都要不同 *body:語義化代碼 常用標(biāo)簽 <a> 加上title <h1>正文標(biāo)題用h1 副表情用h2 <p><br> <table>用caption <img>用alt說明 強(qiáng)調(diào)文字用<strong><em> 優(yōu)化SEO推薦用<b><i> 重要內(nèi)容HTML代碼放在最前面。 重要內(nèi)容不要用JS輸出。 少使用Iframe框架。 謹(jǐn)慎使用display:none; 不斷精簡代碼。查看全部
-
網(wǎng)站結(jié)構(gòu)布局優(yōu)化 避免使用table布局——1）不利于后期維護(hù) 2）不利于SEO（小蜘蛛不喜歡table布局） ——扁平化結(jié)構(gòu)（目錄層次越少越容易被搜索，因?yàn)閷哟谓Y(jié)構(gòu)超過三層小蜘蛛就不愿意爬了） 1.控制首頁鏈接數(shù)量（中小網(wǎng)站100以內(nèi)，頁面導(dǎo)航、底部導(dǎo)航、錨文字鏈接等有實(shí)質(zhì)性的鏈接） 2.扁平化的目錄層次（頂多跳轉(zhuǎn)三次進(jìn)入內(nèi)容頁） 3.導(dǎo)航seo優(yōu)化（導(dǎo)航盡量用文字，如果為了用戶體驗(yàn)或整體風(fēng)格而用圖片，則圖片代碼一定要優(yōu)化，必要的title、alt要添加；面包屑導(dǎo)航：用戶體驗(yàn)，讓用戶知道當(dāng)前所處位置以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置，了解網(wǎng)站的組織形式） 4.細(xì)節(jié)：1）見圖片，右邊的相關(guān)文章——1.留住訪客2.對(duì)于SEO，這些文章對(duì)于正文來說屬于相關(guān)鏈接，增強(qiáng)了頁面相關(guān)性，也會(huì)增強(qiáng)頁面的權(quán)重；2）分頁：1.首頁-上頁-下頁-尾頁；2.首頁 1 2 3 4 5 6 下一頁；3.首頁 1 2 3 4 5 6 下拉選擇，小蜘蛛最喜歡第3種（可以直接進(jìn)入每一頁）；3）網(wǎng)頁加載速度，過慢小蜘蛛不會(huì)等待，一個(gè)頁面最好不要超過100k查看全部
舉報(bào)
0/150
提交
取消