濡備綍鍒?姝ヨ瘖鏂拰瑙ｅ喅JavaScript SEO闂

瀵逛簬鍏徃鏉ヨ锛屼娇鐢≧eact銆丄ngular鎴朧ue绛夌幇浠avaScript妗嗘灦鍜屽簱鏋勫缓缃戠珯鐩稿綋甯歌銆傚緢鏄庢樉锛岀幇鍦ㄧ殑缃戠粶宸茬粡鎽嗚劚浜嗗崟绾殑HTML锛岃繘鍏ヤ簡JS鏃朵唬銆侟/span>

铏界劧浼佷笟鎰挎剰鍒╃敤鏈€鏂版妧鏈病鏈変粈涔堜笉瀵诲父鐨勶紝浣嗘垜浠渶瑕佽В鍐宠繖涓€瓒嬪娍鐨勪弗宄荤幇瀹烇細澶у鏁板悜JavaScript妗嗘灦鐨勮縼绉婚兘涓嶆槸鍦ㄨ€冭檻鐢ㄦ埛鎴栬嚜鐒舵祦閲忕殑鎯呭喌涓嬭繘琛岀殑銆侟/span>

璁╂垜浠О涔嬩负JavaScript鎮栬锛欬/span>

鍦ㄥ惉鍒板叧浜嶫avaScript妗嗘灦鑳藉鍒涢€犲嚭浠や汉鎯婂徆鐨剈x鐨勪紶瑷€鍚庯紝澶у搧鐗岀悍绾峰姞鍏ヤ簡JavaScript鐨勫浼犺鍒椼€侟/span>
鐜板疄琛ㄦ槑锛孞avaScript妗嗘灦鐪熺殑寰堝鏉傘€侟/span>
澶у搧鐗屽畬鍏ㄩ樆姝簡鍚慗avaScript鐨勮縼绉汇€備粬浠け鍘讳簡鑷劧娴侀噺锛岄€氬父涓嶅緱涓嶈蛋鎹峰緞锛岃€屼笉鏄负鐢ㄦ埛鍒涢€犺繖绉嶄护浜烘儕鍙圭殑UX涔嬫梾锛堟湰鏂囦腑鎴戝皢鎻愬強涓€浜涚ず渚嬶級銆侟/span>

鐢变簬娌℃湁鍥炲ご璺紝鎼滅储寮曟搸浼樺寲闇€瑕佸涔犲浣曞鐞咼avaScript缃戠珯銆侟/span>

浣嗚繖璇磋捣鏉ュ鏄撳仛璧锋潵闅撅紝鍥犱负璁㎎avaScript缃戠珯鍦ㄦ悳绱㈠紩鎿庝腑鍙栧緱鎴愬姛瀵瑰紑鍙戜汉鍛樺拰鎼滅储寮曟搸浼樺寲鏉ヨ閮芥槸涓€涓湡姝ｇ殑鎸戞垬銆侟/span>

鏈枃鏃ㄥ湪璺熻繘JavaScript SEO缁堟瀬鎸囧崡锛屾棬鍦ㄥ敖鍙兘绠€鍗曞湴閬靛惊銆傚洜姝わ紝鍠濇澂鍜栧暋锛岃鎴戜滑鏉ョ偣涔愬瓙鈥斺€旇繖閲屾湁鍏釜姝ラ鍙互甯姪鎮ㄨ瘖鏂拰瑙ｅ喅JavaScript SEO闂銆侟/span>

绗?姝ワ細浣跨敤URL妫€鏌ュ伐鍏锋煡鐪嬭胺姝屾槸鍚﹀彲浠ュ憟鐜版偍鐨勫唴瀹更/span>

URL妫€鏌ュ伐鍏饵/a>锛堜互鍓嶇О涓篏oogle Fetch and Render锛夋槸涓€涓緢濂界殑鍏嶈垂宸ュ叿锛屽厑璁告偍妫€鏌oogle鏄惁鍙互姝ｇ‘鍛堢幇鎮ㄧ殑椤甸潰銆侟/span>

URL妫€鏌ュ伐鍏疯姹傛偍灏嗙綉绔欒繛鎺ュ埌璋锋瓕鎼滅储鎺у埗鍙般€傚鏋滄偍杩樻病鏈夊笎鎴凤紝璇锋煡鐪婞a href="https://support.google.com/webmasters/answer/34592?hl=en">璋锋瓕鐨勫府鍔╅〉闈↑/a>銆侟/span>

鎵撳紑璋锋瓕鎼滅储鎺у埗鍙?/a>锛岀劧鍚庡崟鍑籙RL妫€鏌ユ寜閽€侟/span>

鍦║RL琛ㄥ崟瀛楁涓紝閿叆瑕佸璁＄殑椤甸潰鐨勫畬鏁碪RL銆侟/strong>

鐒跺悗鍗曞嚮娴嬭瘯瀹炴椂URL銆侟/span>

娴嬭瘯瀹屾垚鍚庯紝鍗曞嚮鈥滄煡鐪嬫祴璇曢〉闈⑩€濄€侟/span>

鏈€鍚庯紝鍗曞嚮鈥滃睆骞曟埅鍥锯€濋€夐」鍗′互鏌ョ湅娓叉煋椤甸潰銆侟/span>

鍚戜笅婊氬姩灞忓箷鎴浘锛屼互纭繚鎮ㄧ殑缃戦〉鍛堢幇姝ｇ‘銆傞棶鑷繁浠ヤ笅闂锛欬/span>

涓轰粈涔堝睆骞曟埅鍥剧湅璧锋潵涓庢垜鍦ㄦ祻瑙堝櫒涓湅鍒扮殑涓嶄竴鏍凤紵浠ヤ笅鏄竴浜涘彲鑳界殑鍘熷洜锛欬/span>

绗?姝ワ細纭繚鎮ㄦ病鏈夐敊璇湴闃绘JavaScript鏂囦欢

濡傛灉璋锋瓕鏃犳硶姝ｇ‘鍛堢幇鎮ㄧ殑椤甸潰锛屾偍搴旇纭繚鎮ㄦ病鏈夊湪robots.txt涓樆姝ooglebot鐨勯噸瑕丣avaScript鏂囦欢

TL;DR锛圱oo long; Didn't read澶暱浜嗚涓嶄笅鍘伙級锛氫粈涔堟槸robots.txt锛烖/span>

杩欐槸涓€涓函鏂囨湰鏂囦欢锛屾寚绀篏ooglebot鎴栦换浣曞叾浠栨悳绱㈠紩鎿巄ot鏄惁琚厑璁歌姹傞〉闈?璧勬簮

骞歌繍鐨勬槸锛孶RL妫€鏌ュ伐鍏锋寚鍑轰簡琚玶obots.txt闃绘鐨勬覆鏌撻〉闈㈢殑鎵€鏈夎祫婧愩€侟/span>

浣嗘槸锛屼粠娓叉煋鐨勮搴︽潵鐪嬶紝濡備綍鍒ゆ柇琚樆姝㈢殑璧勬簮鏄惁閲嶈锛烖/span>

浣犳湁涓や釜閫夋嫨锛氫竴涓熀鏈殑閫夋嫨鐨勫拰涓€涓繘闃剁殑閫夋嫨銆侟/span>

鍩烘湰鐨凕/span>

鍦ㄥぇ澶氭暟鎯呭喌涓嬶紝绠€鍗曞湴鍚戞偍鐨勫紑鍙戜汉鍛樿闂繖涓棶棰樺彲鑳芥槸涓€涓ソ涓绘剰銆備粬浠垱寤轰簡浣犵殑缃戠珯锛屾墍浠ヤ粬浠簲璇ュ緢浜嗚В瀹冦€侟/span>

鏄剧劧锛屽鏋滆剼鏈殑鍚嶇О绉颁负content.js鎴杙roductListing.js锛岄偅涔堝畠鍙兘鏄浉鍏崇殑锛屼笉搴旇闃绘銆侟/span>

涓嶅垢鐨勬槸锛屽埌鐩墠涓烘锛孶RL妫€鏌ヤ笉浼氶€氱煡鎮ㄨ闃绘鐨凧S鏂囦欢鐨勪弗閲嶆€с€備互鍓嶇殑Google Fetch鍜孯ender鏈夎繖鏍风殑閫夐」锛欬/span>

杩涢樁鐨凕/span>

鐜板湪锛屾垜浠彲浠ヤ负姝や娇鐢–hrome寮€鍙戜汉鍛樺伐鍏枫€侟/span>

鍑轰簬鏁欒偛鐩殑锛屾垜浠皢妫€鏌ヤ互涓婾RL锛欬code>http://botbenchmarking.com/youshallnotpass.html

鎵撳紑鏈€鏂扮増鏈殑Chrome椤甸潰锛岀劧鍚庤浆鍒癈hrome寮€鍙戜汉鍛樺伐鍏枫€傜劧鍚庣Щ鍔ㄥ埌鈥淣etwork鈥濋€夐」鍗″苟鍒锋柊椤甸潰銆侟/span>

鏈€鍚庯紝閫夋嫨鎵€闇€鐨勮祫婧愶紙鍦ㄦ垜浠殑妗堜緥涓槸YouShallNotPass.js锛夛紝鍙抽敭鍗曞嚮锛岀劧鍚庨€夋嫨鈥滈樆姝㈣姹俇RL鈥濄€侟/span>

鍒锋柊椤甸潰锛岀湅鐪嬫槸鍚︽湁浠讳綍閲嶈鍐呭娑堝け銆傚鏋滄槸杩欐牱锛岄偅涔堟偍搴旇鑰冭檻浠巖obots.txt鏂囦欢涓垹闄ょ浉搴旂殑瑙勫垯銆侟/span>

绗?姝ワ細浣跨敤URL妫€鏌ュ伐鍏蜂慨澶岼avaScript閿欒

濡傛灉鎮ㄧ湅鍒癎oogle Fetch鍜孯ender娌℃湁姝ｇ‘娓叉煋椤甸潰锛岃繖鍙兘鏄敱浜庢覆鏌撴椂鍙戠敓鐨凧avaScript閿欒銆侟/span>

瑕佽瘖鏂畠锛岃鍦║RL妫€鏌ュ伐鍏蜂腑鍗曞嚮鈥滄洿澶氫俊鎭€濋€夐」鍗°€侟/span>

鐒跺悗锛屽悜鎮ㄧ殑寮€鍙戜汉鍛樺睍绀鸿繖浜涢敊璇紝璁╀粬浠慨澶嶅畠銆侟/span>

JavaScript浠ｇ爜涓殑涓€涓敊璇氨鍙互鍋滄璋锋瓕鐨勬覆鏌擄紝杩欏弽杩囨潵鍙堜細浣挎偍鐨勭綉绔欐棤娉曠储寮曘€侟/span>

鎮ㄧ殑缃戠珯鍦ㄦ渶杩戠殑娴忚鍣ㄤ腑鍙兘杩愯鑹ソ锛屼絾濡傛灉瀹冨湪鏃ф祻瑙堝櫒涓穿婧冿紙璋锋瓕缃戦〉娓叉煋鏈嶅姟鍩轰簬Chrome 41锛夛紝鎮ㄧ殑璋锋瓕鎺掑悕鍙兘浼氫笅闄嶃€侟/span>

闇€瑕佷竴浜涗緥瀛愬悧锛烖/span>

闄勫姞璇存槑锛氬鏋滄偍鍑轰簬鏌愮鍘熷洜涓嶆兂浣跨敤URL妫€鏌ュ伐鍏锋潵璋冭瘯JavaScript閿欒锛屾偍鍙互鏀圭敤Chrome 41銆侟/span>

灏辨垜涓汉鑰岃█锛屾垜鏇村枩娆㈠皢Chrome 41鐢ㄤ簬璋冭瘯鐩殑锛屽洜涓哄畠鏇撮€氱敤锛屼篃鏇寸伒娲汇€傜劧鑰岋紝URL妫€鏌ュ伐鍏峰湪妯℃嫙璋锋瓕缃戦〉娓叉煋鏈嶅姟鏃舵洿鍑嗙‘锛岃繖灏辨槸涓轰粈涔堟垜寤鸿JavaScript SEO鐨勬柊鎵嬩娇鐢║RL妫€鏌ュ伐鍏枫€侟/span>

绗?姝ワ細妫€鏌ユ偍鐨勫唴瀹规槸鍚﹀凡鍦ㄨ胺姝屼腑绱㈠紩

浠呬粎鐪嬬湅璋锋瓕鏄惁鍙互姝ｇ‘娓叉煋鎮ㄧ殑缃戠珯鏄笉澶熺殑銆傛偍蹇呴』纭繚璋锋瓕宸叉纭储寮曟偍鐨勫唴瀹广€傛渶濂界殑閫夋嫨鏄娇鐢╯ite锛氬懡浠ゃ€侟/span>

杩欐槸涓€涓潪甯哥畝鍗曞拰寮哄ぇ鐨勫伐鍏枫€傚叾璇硶闈炲父绠€鍗曪細site锛歔URL of a website]鈥淸fragment to be searched]鈥濄€傛敞鎰忎笉瑕佸湪site:鍜孶RL涔嬮棿鍔犵┖鏍笺€侟/span>

璁╂垜浠亣璁炬偍鎯虫鏌ヨ胺姝屾槸鍚︾储寮曚簡Angular.io涓婚〉涓婄殑浠ヤ笅鏂囨湰鈥滆法骞冲彴寮€鍙戔€濄€侟/span>

鍦ㄨ胺姝屼腑閿叆浠ヤ笅鍛戒护锛歴ite:angular.io鈥滆法骞冲彴寮€鍙戔€滭/span>

濡傛偍鎵€瑙侊紝璋锋瓕瀵硅鍐呭杩涜浜嗙储寮曪紝杩欐鏄偍鎯宠鐨勶紝浣嗘儏鍐靛苟涓嶆€绘槸濡傛銆侟/span>

瑕佺偣锛欬/span>

濡傛灉娌′簨锛岄偅灏辫繘琛屼笅涓€姝ャ€傚鏋滀笉鏄繖鏍凤紝鍙戠敓杩欑鎯呭喌鐨勫師鍥犲彲鑳芥湁鍑犱釜锛欬/span>

璋锋瓕浠嶇劧娌℃湁娓叉煋鎮ㄧ殑鍐呭銆傚畠搴旇鍙戠敓鍦ㄨ胺姝岃闂甎RL鍚庣殑鍑犲ぉ/鍑犲懆鍐呫€傚鏋滄偍缃戠珯鐨勭壒鐐硅姹傛偍鐨勫唴瀹瑰敖蹇繘琛岀储寮曪紝璇峰疄鐜癝SR銆侟/span>

璋锋瓕鍦ㄦ覆鏌撻〉闈㈡椂閬囧埌瓒呮椂銆備綘鐨勮剼鏈揩鍚楋紵褰撴湇鍔″櫒璐熻浇楂樻椂锛屽畠浠槸鍚︿繚鎸佸搷搴旓紵
璋锋瓕浠嶅湪璇锋眰鏃х殑JS鏂囦欢銆傝胺姝岃瘯鍥剧紦瀛樺緢澶氫笢瑗挎潵鑺傜渷浠栦滑鐨勮绠楄兘鍔涖€傚洜姝わ紝CSS鍜孞S鏂囦欢鍙兘浼氳杩囧害缂撳瓨銆傚鏋滄偍鍙互鐪嬪埌鎮ㄤ慨澶嶄簡鎵€鏈塉avaScript閿欒锛岃€岃胺姝屼粛鐒舵棤娉曟纭憟鐜版偍鐨勭綉绔欙紝杩欏彲鑳芥槸鍥犱负璋锋瓕浣跨敤鏃х殑缂撳瓨JS鍜孋SS鏂囦欢銆傝瑙ｅ喅杩欎釜闂锛屾偍鍙互鍦ㄦ枃浠跺悕涓祵鍏ョ増鏈彿锛屼緥濡傦紝灏嗗叾鍛藉悕涓 bundle3424323.js銆傛偍鍙互鍦?a href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching">HTTP缂撳瓨涓婄殑璋锋瓕鎸囧崡涓槄璇绘洿澶氬唴瀹广€侟/span>
鍦ㄧ储寮曟椂锛屽鏋滆胺姝岃涓烘煇浜涜祫婧愭病鏈夊鍩烘湰椤甸潰鍐呭鍋氬嚭璐＄尞锛屽畠鍙兘涓嶄細鑾峰彇杩欎簺璧勬簮銆侟/span>

绗?姝ワ細纭繚璋锋瓕鍙互鍙戠幇鎮ㄧ殑鍐呴儴閾炬帴

鎮ㄥ簲璇ラ伒寰互涓嬪嚑涓畝鍗曠殑瑙勫垯锛欬/span>

璋锋瓕闇€瑕侀€傚綋鐨?lt;a href>閾炬帴鏉ュ彂鐜版偍缃戠珯涓婄殑URL銆侟/span>
濡傛灉鎮ㄧ殑閾炬帴浠呭湪鏈変汉鍗曞嚮鎸夐挳鏃舵坊鍔犲埌DOM涓紝璋锋瓕灏嗙湅涓嶅埌瀹冦€侟/span>

寰堢畝鍗曪紝璁稿澶у叕鍙搁兘浼氱姱杩欎簺閿欒銆侟/span>

姝ｇ‘鐨勯摼鎺ョ粨鏋凕/span>

Googlebot涓轰簡鐖缃戠珯锛岄渶瑕佸叿鏈変紶缁熺殑鈥渉ref鈥濋摼鎺ャ€傚鏋滀笉鎻愪緵瀹冿紝Googlebot灏嗘棤娉曡闂偍鐨勮澶氱綉椤碉紒

鎴戣涓篢om Greenway锛堣胺姝屼唬琛級鍦ㄨ胺姝孖/O浼氳涓婂緢濂藉湴瑙ｉ噴浜嗚繖涓€鐐癸細

璇锋敞鎰忥細濡傛灉鎮ㄦ湁閫傚綋鐨?lt;a href>閾炬帴锛屼互鍙婁竴浜涢澶栫殑鍙傛暟锛屽onClick銆乨ata-url銆乶g-href锛岃繖瀵硅胺姝屾潵璇翠粛鐒舵病闂銆侟/span>

寮€鍙戜汉鍛樼姱鐨勪竴涓父瑙侀敊璇細Googlebot鏃犳硶璁块棶鍒嗛〉鐨勭浜屼釜鍜屽悗缁〉闈↑/strong>

涓嶈璋锋瓕鏈哄櫒浜轰粠鍒嗛〉鐨勭浜岄〉鍙婁互鍚庡彂鐜伴〉闈㈡槸寮€鍙戜汉鍛樼粡甯哥姱鐨勯敊璇€侟/span>

褰撴偍鎵撳紑Gearbest銆丄liexpress鍜屽疁瀹剁殑绉诲姩绔増鏈椂锛屾偍寰堝揩灏变細娉ㄦ剰鍒帮紝浜嬪疄涓婏紝浠栦滑涓嶈Googlebot鐪嬪埌鍒嗛〉閾炬帴锛岃繖鐪熺殑寰堝鎬€傚綋璋锋瓕涓鸿繖浜涚綉绔欏惎鐢ㄧЩ鍔ㄤ紭鍏堢储寮曟椂锛岃繖浜涚綉绔欏皢鍙楀埌褰卞搷銆侟/span>

浣犲浣曡嚜宸辨鏌ュ畠锛烖/span>

濡傛灉鎮ㄥ皻鏈笅杞紺hrome 41锛岃浠嶦le.ph/chrome41鑾峰彇銆侟/span>

鐒跺悗瀵艰埅鍒颁换浣曢〉闈€備负浜嗘湰鏁欑▼锛屾垜浣跨敤鐨勬槸AliExpress.com鐨勭Щ鍔ㄧ増銆傚嚭浜庢暀鑲茬洰鐨勶紝濡傛灉浣犻伒寰悓鏍峰湴渚嬪瓙锛岄偅灏卞お濂戒簡銆侟/span>

鎵撳紑 Aliexpress鎵嬫満绫诲埆鐨勬墜鏈虹増銆侟/span>

鐒跺悗锛屽彸閿崟鍑烩€滄煡鐪嬫洿澶氣€濓紝鐒跺悗閫夋嫨妫€鏌ユ寜閽互鏌ョ湅鍏跺疄鐜版柟寮忋€侟/span>

濡傛偍鎵€瑙侊紝娌℃湁鎸囧悜鍒嗛〉绗簩椤电殑<a href>锛屼篃娌℃湁鎸囧悜鍒嗛〉鐨?lt;link rel>閾炬帴銆侟/strong>

锛堝叏鐞冮€熷崠閫氾級Aliexpress.com涓婄殑鎵嬫満绫诲埆涓湁2,000澶氱浜у搧銆傜敱浜庣Щ鍔ㄨ胺姝屾満鍣ㄤ汉鍙兘璁块棶鍏朵腑鐨?0涓紝杩欏彧鏈?%锛?/span>

杩欐剰鍛崇潃璇ョ被鍒?9%鐨勪骇鍝佸绉诲姩璋锋瓕鏈哄櫒浜烘潵璇存槸鐪嬩笉瑙佺殑锛佸お鐤媯浜嗭紒

杩欎簺閿欒鏄敱寤惰繜鍔犺浇鐨勯敊璇疄鐜板紩璧风殑銆傝繕鏈夎澶氬叾浠栫綉绔欎篃浼氱姱绫讳技鐨勯敊璇€侟/span>

浠呬娇鐢╨ink rel=鈥渘ext鈥濆璋锋瓕鏉ヨ淇″彿澶急

娉細閫氬父浣跨敤鈥渓ink rel=鈥漬ext'鏉ユ寚绀哄垎椤电郴鍒椼€傜劧鑰岋紝鍑皵路甯冨叞鍒囩壒鐨勫彂鐜颁技涔庤〃鏄庯紝鈥渓ink rel=鈥渘ext鈥濇湰韬璋锋瓕鏉ヨ鏄お寮辩殑淇″彿锛屽簲璇ラ€氳繃浼犵粺鐨?lt;a href>閾炬帴鏉ュ姞寮恒€侟/span>

John Mueller瀵规杩涜浜嗘洿娣卞叆鐨勮璁猴細

鈥滄垜浠彲浠ラ€氳繃rel锛宺el=鈥減revious鈥濇潵鐞嗚В鍝簺椤甸潰灞炰簬鍚屼竴椤甸潰锛孅strong>浣嗗鏋滈〉闈笂鏍规湰娌℃湁閾炬帴锛岄偅涔堟垜浠湡鐨勫緢闅句粠涓€涓〉闈㈢埇鍒板彟涓€涓〉闈↑/strong>銆傦紙...锛夊洜姝わ紝鍦ㄩ〉闈㈡爣棰樹腑浣跨敤rel=鈥渘ext鈥漴el=鈥減revious鈥濇槸涓€涓ソ涓绘剰锛屽彲浠ュ憡璇夋垜浠繖浜涢〉闈㈡槸濡備綍杩炴帴鐨勶紝浣嗘偍纭疄闇€瑕侀〉闈笂姝ｅ父鐨凥TML閾炬帴銆侟/span>