首頁 » 網路流量

標籤:網路流量

SEO搜尋引擎優化

如何備份,編輯,上傳.htaccess檔案(初學者步驟教學)

.htaccess檔案是架站軟體中很重要的設定檔案

  舉凡資訊安全,搜尋引擎優化SEO)的許多設定都需要借助這個檔案的許多參數設定才能完成.偏偏這個檔案即使多了,少了或是錯了一個字元,都極可能引來網站大當機.身為網路科技素人的我,對於網路上許多相關中英文文章語焉不詳,無法協助自架網站者順利成功完成設定,於是已詳細步驟,圖文並茂的方式,step by step的教學,讓你即使是初學者也能得心應手好好管理開發具有特色,備受歡迎,網路流量傲人的網站.

  筆者使用的是WordPress架站軟體,Bluehost虛擬主機架設網站.所以本文的文章以此為例,供您參考.

  首先,到虛擬主機廠商Bluehost網頁按藍色主選單最右側的【login】選項登入,如下圖:

Bluehost官網登入
Bluehost官網登入

  將帳號密碼依序正確輸入之後,點擊下方的【submit】按鈕完成登入(登錄)動作.登入之後的畫面如下:

Bluehost首頁上半部
Bluehost首頁上半部

  操作滑鼠滾輪向下滾動螢幕,或是在螢幕最右側灰色區域的垂直滾動桿,讓螢幕向下滾甕.集會如下圖出現file manager的選項,點選file manager

Bluehost首頁下半部
Bluehost首頁下半部

  就會出現右圖選項:

進入File Manager畫面之前的選項

  選擇Home Directory與最下方的Show hidden files然後點擊Submit選項,就進入file manager畫面.

  一進入file manager的畫面,如下圖所示:

File Manger畫面
File Manger畫面

  有時候你點選了public_html的資料夾還是看不到.htaccess(正確檔名最前方有顆小點喔!)之類的隱藏檔,如下圖:

File Manger畫面
File Manger畫面

  這樣的情況就有勞你到網頁上方的網址列將其中login=1的字改成showhidden=1,再按enter迴車鍵即可看到這些隱藏檔,如下圖.

File Manger畫面
File Manger畫面

  將游標移至畫面中藍色背景的.htaccess的左側icon按滑鼠右鍵,就會看到如下畫面:

將游標一道畫面中藍色背景的.htaccess的左側icon按滑鼠右鍵,就會看到如下畫面:

  在新顯示的下拉式選單之中,點選View的選項,就會在瀏覽器展開新的網頁在目前的網頁右側,瀏覽器的畫面也會立即顯示這個新的網頁畫面如下:

點擊【view】之後就會出現新視窗可以閱覽檔案內容
點擊【view】之後就會出現新視窗可以閱覽檔案內容

  於是你就可以在目前的畫面,看到public_html檔案夾(也就是一般網站架設教學所稱呼的【根目錄】)的.htaccess檔案中的設定為:

# Use PHP7 Single php.ini as default
AddHandler application/x-httpd-php70s .php
# BEGIN WordPress 
 
RewriteEngine On RewriteBase / 
RewriteRule ^index\.php$ - [L] 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule . /index.php [L] 
 
# END WordPress

  回到網路瀏覽器Bluehostfile manager的頁面,重複先前選取view選項的前置動作,只是現在是選取下載download的選項,從瀏覽器下載.htaccess檔案作為備份之用.

File Manger畫面
File Manger畫面

  將此檔案下載到你的電腦中備份,我是存到D:>網頁資料>htaccess>public_html>日期>的目錄之下成為D:>網頁資料>htaccess>public_html>日期>.htaccess的檔案備存,"日期"當然就是備份當時的真實日期.

  接下來點選上述畫面的最右側檔案夾側邊攔,現在輪到備份wp-admin資料夾的.htaccess檔案,如下圖所示:

File Manger畫面

  將此檔案下載到你的電腦中備份,我是存到:

D:>網頁資料>htaccess>wp-admin>日期>

的目錄之下,成為:

D:>網頁資料>htaccess>wp-admin>日期>.htaccess

的檔案備存,"日期"當然就是.htaccess檔案在File Manager畫面上該檔案的原上傳日期.

  接下來依樣畫葫蘆,再將wp-includes檔案夾中的.htaccess檔案備份下來,整個你在Bluehost虛擬主機使用WordPress架站軟體的所有.htaccess的檔案備份,就大功告成了.

  再接下來,請將以上備份在你槽硬碟中的.htaccess檔案的屬性全部改為【唯讀】.如此一來,萬一再接下來如果你需要改變其中.htaccess檔案的某些內容,藉以改善資訊安全,或是搜尋引擎優化的性能,就不至於因為一時的小錯誤,老是網站大當機,需要求助於Bluehost的客服人員了.只要將這些相對應的備份.htaccess檔案重新上傳在相對應的資料夾,就可以解決網站當機問題,迅速回復到先前網站正常運作的情況了.

  但是,如何上傳檔案呢?茲以我現在要改善搜尋引擎優化性能,針對在wp-includes檔案夾的.htaccess檔案所做的變更,當作案例,在此分享:

  首先,我從網頁測速網站GTMatrixPindom雙雙證實得知,我的所有網頁設定如果可以大幅延長瀏覽器快取記憶有效時限,對於搜尋引擎優化性能的提升是最當務之急.而這個件直接的設定就是位於wp-includes檔案夾的.htaccess檔案的相關設定. 為了優化這些性能,WordPress官網建議將相關原始設定必須從:


	ExpiresActive On
ExpiresByType image/jpg "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 week"
ExpiresByType image/gif "access plus 1 week"
ExpiresByType image/png "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType application/pdf "access plus 1 week"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/html "access plus 3 hours"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 week"

  改為:


ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresDefault "access plus 2 days"

  所以,我便免費開源軟體Notepad++開啟了原先備份在自己電腦槽中,相對應的.htaccess備份檔案.

  並用複製,貼上的動作將修改好的新檔案,以【*.*】的檔案型態,將修改好的.htaccess檔案存在新創的標明【修改當天】日期的新檔案夾中.

NotePad++另存檔案的操作細節

   然後回到【file manager】的畫面,將滑鼠移到左側檔案夾側邊欄以左鍵點選【wp-includes】資料夾,並由右側的檔案列表確認點選完成無誤.如下圖所示:

File Manger畫面
File Manger畫面

  接下來,在畫面上方的動作選線選取【上傳】便會出新的網頁.如下圖所示: 確認已經正確設定將這個檔案上傳到/home1/twdreams/public_html/wp-includes 】,便可點擊【選擇檔案】這個選項.接著畫面會出現如下對話框,可以讓你點選想要上傳的檔案,如下圖所示:

檔案上傳
檔案上傳

  點擊【開啟】選項,檔案即開始上傳.畫面變成如下圖所示:

  接下來file manager出現新的對話框與你再作確認,如果沒有錯誤,就點擊選項繼續進行檔案上傳.

檔案上傳
檔案上傳

  然後對話框消失,右下角出現狀態顯示框,如下圖顯示檔案傳輸完畢,就可以點擊畫面中間的【← 返回/home1/twdreams/public_html/wp-includes”選項:

檔案上傳
檔案上傳

  接著,系統就會自動返回原先file manager的畫面,請檢視.htaccess檔案的日期時間是否為上傳檔案當下的日期時間,如果相符就代表上傳成功了.一如下圖所示,上傳的.htaccess檔案正是熱騰騰新鮮出爐的今天!

檔案上傳