跳到主要內容

雲主機設定 VirtualHost 方法（將 www 與 IP 自動 301 轉向單一網址）— SEO 最佳化

完成雲主機 LAMP 架設後，下一步就是把 DNS 指向新空間。但此時你可能會遇到一個常見問題：

www.website.com 可以進入網站
website.com 也能進入網站
伺服器 IP 也能直接打開網站

等於一個網站有三個入口。

這會造成：
搜尋引擎收錄混亂（www / non-www / IP 三份內容）
SEO 分數被分散
資料表的網址寫入不一致（有 www、有 IP、沒 www 都混在一起）

因此，我們需要建立 VirtualHost 來統一入口，讓所有訪問都自動轉向單一網址（正規化 Domain），方法如下：

1、建立 VirtualHost 設定檔
sudo nano /etc/apache2/sites-available/default_host.conf

貼上以下內容(http)：
<VirtualHost *:80>
    ServerName website.com
    ServerAlias www.website.com

    RewriteEngine On

    # 不管是 website.com、www.website.com、或 IP / 其它 Host
    # 一律丟到 https://website.com
    RewriteRule ^/(.*)$ https://website.com/$1 [L,R=301]
</VirtualHost>

請把 website.com 改成你自己的網址。

如果有啟用SSL功能(https)，請再增加443部分
<VirtualHost *:443>
    ServerName website.com
    ServerAlias www.website.com

    RewriteEngine On
    DocumentRoot /var/www/html

    # 如果有資料夾要轉首頁一併處理
    RewriteCond %{REQUEST_URI} ^/folder(/.*)?$ [NC]
    RewriteRule ^ https://website.com/ [L,R=301]

    # 不管是 website.com、www.website.com、或 IP / 其它 Host
    # 一律丟到 https://website.com
    RewriteRule ^/(.*)$ https://website.com/$1 [L,R=301]

    SSLEngine on
    SSLCertificateFile /etc/letsencrypt/live/website.com/fullchain.pem
    SSLCertificateKeyFile /etc/letsencrypt/live/website.com/privkey.pem
    SSLCertificateChainFile /etc/letsencrypt/live/website.com/chain.pem
    Include /etc/letsencrypt/options-ssl-apache.conf

    ErrorLog ${APACHE_LOG_DIR}/neil_error_ssl.log
    CustomLog ${APACHE_LOG_DIR}/neil_access_ssl.log combined
</VirtualHost>

2、啟用 VirtualHost
sudo a2ensite default_host.conf
sudo systemctl reload apache2

3、若設定無效，記得檢查是否有其他 vhost 在搶流量
ls -l /etc/apache2/sites-enabled/

如果看到：
000-default.conf
default-ssl.conf

這些都是 預設站 / 舊 SSL 站 / 多餘站，
會跟你的 VirtualHost 搶流量，造成跳轉混亂。

直接關閉
sudo a2dissite default-ssl.conf
sudo a2dissite 000-default.conf

4、重新啟用VirtualHost與重啟 Apache
sudo a2ensite default_host.conf
sudo systemctl restart apache2

設定完成後：
http://website.com
http://www.website.com
http://你的IP

全部都會 301 轉向 → https://website.com（單一正式網址）此方法是目前各大網站、電商平台、SEO 企業的標準配置。

優點：
網址正規化（避免搜尋引擎重複收錄）
SEO 分數不分散
資料表寫入更乾淨（永遠只有 1 種格式）
安全性更好（IP 不會直接顯示網站）

以上為工作心得記錄，有需要的朋友參考看看。

工作心得撰寫：徐嘉裕 Neil hsu
標籤：

留言

張貼留言

這個網誌中的熱門文章

好用的windows備份檔案dos指令XCOPY-教學撰寫:徐嘉裕Neil hsu

要快速的備份某個硬碟全部資料到備份硬碟中，雖然是可以用windows內建的備份與還原，但如果重灌windows可會有key不同而無法還原的問題，還要改一堆設定煩死了，直接用dos指令XCOPY來做檔案的複製就很快了，資料也不會丟失，好朋友可以參考看看!! 首先開啟windows所有程式->附屬應用程式->開啟命令提示字元! 然後輸入以下指令 XCOPY C:\xxx   F:\xxx /s 藍字的 C:\xxx  為複製檔案來源位置例如要複製整個C槽就輸入 C:\ 綠色的   F:\xxx 為複製目的位置，例如要放到F槽的備份資料夾，就輸入  F:\ 備份 紅字的 S 為複製類型參數，可以自行修改為以下的參數設定： ================================================================= /A    只複製設定成保存屬性的檔案，不要改變屬性的設定。 /M    只複製設定成保存屬性的檔案，並清除保存屬性。 /D:m-d-y  複製指定日期當天或之後變更的檔案。如果沒給日期，只複製那些來源檔案日期比目的檔案日期為新的檔案。 /EXCLUDE:file1[+file2][+file3]...         指定檔案清單字串。每個字串應在不同行。如果有字串對應到要進行複製的檔案絕         對路徑的任何部分，這個檔案會被排除複製。例如，指定字串         \obj\ 或 .obj 的話，會排除所有在 obj 目錄下副檔名是.obj 的檔案複製。 /P    在建立每個目的檔案時顯示提示。 /S    複製每個目錄及其包含的子目錄，不複製空目錄。 /E    複製每個目錄及其包含的子目錄，也複製空目錄。/S 與 /E相同，能夠用來修改 /T。 /V   ...
3 則留言
閱讀完整內容

XAMPP自行下載PHP官方PHP8.3升級方法

目前這方法只適用於Windows安裝的Xampp，可以下PHP官網的PHP8.3包進行升級，如果是LINUX安裝的LAMPP此方法不適用，可直接跳過! 因為本地端的開發環境需要更高的PHP版本來測試模組，而XAMPP官網釋出的PHP版本只有到PHP8.2，無法滿足需求，只好自己動手DIY升級了，其實方法也很簡單，說明如下： 1、先關閉Xampp Panel的Apache跟Mysql 2、前往PHP官網，下載PHP8.3包(VS16 x64 Thread Safe) 下載連結： https://windows.php.net/download#php-8.3-ts-vs16-x64 3、吧下載回來的php包放解壓縮放到php資料夾裡面(建立一個php資料夾)，然後吧Xampp根目錄中的php檔案更名，例如改為php_8.1，再吧剛剛下載建立的php資料夾放到Xampp根目錄中c:\xampp\php 4、進入php根目錄，找到php.ini-development，複製一份後改為php.ini，用文字編輯器打開進入 5、先搜尋;extension_dir，在下面加上extension_dir = "\xampp\php\ext" 6、再搜尋;extension=curl，會有下面這一排啟用套件設定 將以下套件的;註解拿掉 extension=curl extension=fileinfo extension=gd extension=gettext extension=mbstring extension=exif      extension=mysqli extension=openssl extension=pdo_mysql extension=pdo_sqlite extension=zip 7、最後需要吧 C:\xampp\php裡面的 libssh2.dll 複製後貼到C:\xampp\apache\bin 覆蓋舊檔 再到資料夾C:\xampp\php中輸入搜尋 libcrypto-*.dll 和 libssl-*.dll 找到兩支檔，複製後貼到C:\xampp\apache\bin 覆蓋舊檔 找到php.ini中的curl.cainfo，吧註解拿掉改為 curl.cainfo = "C:\xampp\php\ext...
張貼留言
閱讀完整內容

jQuery取得下拉選單selected中數值與內容的方法

假設選單狀態為： <select id='selectname '> <option value='v1' data-id="d1">選單A</option> <option value='v2' data-id="d2">選單B</option> <option value='v3' data-id="d3">選單C</option> </select> 以jQuery取得選單數值與內容方法如下： 1、取得下拉選單 value 數值的方法 $selectname=$('#selectname').val(); alert($selectname); //顯示選單中 selected 狀態的value數值v1 or  v2  or  v3。 2、取得下拉選單中 data-id 數值的方法 $data-id= $(this).find(':selected').attr('data-id'); alert($data-id); //顯示選單中 selected 狀態的data-id數值d1 or  d2 or  d3。 3、取得下拉選單中 文字 的方法 $selecttext=$(this).find(':selected').text(); alert($selecttext); //顯示選單中 selected 狀態的文字內容，如選單A or  選單B or 選單C。 教學撰寫：徐嘉裕 Neil hsu
張貼留言
閱讀完整內容