Moving HTTP to HTTPS

Image from http://www.whatisseo.pk/moving-http-to-https-google-webmaster-settings/

ขั้นตอนการเปลี่ยนเว็บไซต์จาก http มาใช้ https

เลือกซื้อใบรับรองความปลอดภัยทางอิเล็กทรอนิกส์ ให้เหมาะสมตรงกับการใช้งาน --> SSL Wizard
จัดเตรียมข้อมูล CSR เพื่อส่งให้ ตัวแทนผู้จำหน่าย นำไปสร้าง SSL Certificate --> CSR & Private Key Generator
ยืนยันการเป็นเจ้าของโดเมนเนม --> Domain Validation ขั้นตอนการยืนยัน การเป็นเจ้าของโดเมนเนม
ตรวจสอบว่าโดเมนของท่านมีชื่ออีเมล์เพื่อใช้ยืนยันการเป็นเจ้าของโดเมนเนมได้หรือไม่ --> Approver Email Checker
ติดตั้งใบรับรองความปลอดภัยทางอิเล็กทรอนิกส์ โดยใช้ข้อมูลที่ทาง ตัวแทนผู้จำหน่าย ส่งให้ --> SSL Installation
ตรวจสอบการติดตั้งใบรับรองความปลอดภัยทางอิเล็กทรอนิกส์ ว่าถูกต้องสมบูรณ์ หรือไม่ --> SSL Checker
ติดตั้งเครื่องหมายรับรองความปลอดภัยบนหน้าเว็บ --> SSL Secure Site Seal
ตรวจสอบความปลอดภัยของเว็บไซต์ ว่ามี Mixed Contents หรือไม่ ถ้ามีอาจทำให้ Browser ไม่แสดงรูปกุญแจสีเขียว --> Why no padlock?

คำแนะนำเพิ่มเติม (1) กรณีติดตั้ง SSL Certificate แล้วเข้าหน้า https:// ไม่แสดงรูปกุญแจ

Update all Internal Images Links to HTTPS - อัปเดทลิงค์รูปภาพภายในเว็บไซต์ โดย เปลี่ยนจาก http เป็น https
เช่น <img src="https://www.domain.com/images/mypic.jpg">
หรือใช้ รูปแบบนี้แทน <img src="images/mypic.jpg">
หากรูปภาพที่ใช้เป็นรูปภาพที่ ลิงค์มาจากนอกเว็บไซต์ (เรียกว่าการทำ HotLink ถือเป็นการผิดมารยาท) แนะนำให้ Save รูปภาพนั้นเก็บไว้ในเว็บของท่านเอง (โดยใส่เครดิตที่มาไว้ใน alt="" หรือ title="") จะช่วยตัดปัญหา Mixed Contents ได้ อ่านเพิ่มเติม HotLink คืออะไร?
Update Custom JS, AJAX Libraries to HTTPS - อัปเดทสคริปต์และไลบลารี่ต่าง ๆ โดยเปลี่ยนจาก http เป็น https หรือใช้ // แทน
เช่น src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"

คำแนะนำเพิ่มเติม (2) สำหรับเว็บไซต์ที่ทำ Search Engine Optimizer (SEO)

Add 301 Redirects to New HTTPS URLs - เพิ่มหน้า Redirects แบบ 301 เพื่อชี้ไปที่ https
Update your robots.txt File - อัปเดทไฟล์ rotbots.txt โดยเปลี่ยน http ตรงบรัดทัด Sitemap: เป็น https แทน
เช่น Sitemap: https://www.siamecohost.com/sitemap.xml
SEO: Google Search Console, Sitemaps, Fetch - ลงทะเบียนเว็บไซต์ ่กับ Google Webmaster Tools โดยใช้ url เป็น https://www.yourdomain.com
พร้อมทำการ Upload ไฟล์ robots.txt และ sitemap.xml ใหม่อีกครั้ง (Sitemaps ต้องสร้างใหม่ ลิ้งค์ภายในต้องเป็น https ทั้งหมด)
SEO: Resubmit Your Disavow File - ทำการ Submit หน้าที่ไม่ต้องการให้ Search Engine Bot เข้ามาเก็บข้อมูล
Update Your Google Analytics Profile URL - อัปเดทข้อมูลโปรไฟล์ของ Google Analytics ใหม่
Misc Updates - อัพเดทส่วนอื่นๆ ที่อาจเกี่ยวข้อง เช่น การนำ SSL Site Seal ไปติดบนหน้าเว็บไซต์เพื่อเพิ่มความมั่นใจให้กับผู้เข้าเยี่ยมชม

คำแนะนำเพิ่มเติม (3) วิธีการทำ Redirect HTTP to HTTPS โดย .htaccess (Linux) / PHP Script / web.config (Windows & Plesk)

ปัญหาที่พบบ่อย ๆ คือ หลังติดตั้ง SSL Certificate เรียบร้อยแล้ว เข้าหน้าเว็บไซต์ ด้วย www.yourdomain.com หรือ yourdomain.com (โดยไม่พิมพ์ https:// ข้างหน้า) บน address bar ของ web browser ไม่แสดงรูปกุญแจสีเขียว ทั้งนี้เป็นเพราะ web browser ทั่วไปจะเรียกหน้าเว็บผ่าน Protocol มาตรฐานคือ http:// (Port: 80) ดังนั้นจึงจำเป็นต้องตั้งค่า Redirecct เพื่อบังคับให้ web browser เรียกหน้าเว็บผ่าน Protocol https:// (Port: 443) แทน โดยใช้วิธีกำหนดค่าในไฟล์ .htaccess (สำหรับ Web Server Apache หรือ Nginx) หรือ ใส่ Script ไว้ในไฟล์ PHP ที่ต้องการ

การ Redirecct ด้วยไฟล์ .htaccess (Linux) สร้าง Text file เปล่า ด้วย Text Editor เช่น Notepad และทำการ Save as เป็นชื่อ htaccess.txt จากนั้นให้คัดลอก คำสั่ง 5 บรรทัดนี้ไปวาง ในไฟล์ htaccess.txt ทำการอัพโหลดไฟล์ htaccess.txt ขึ้นไปไว้ใน /public_html จากนั้นเปลี่ยนชื่อไฟล์เป็น .htaccess

คำเตือน: หากท่านมีไฟล์ .htaccess อยู่แล้ว ให้แก้ไขไฟล์เดิมโดยคัดลอกคำสั่ง ตั้งแต่ <IfModule mod_rewrite.c> ถึง </IfModule> ไปแทรกไว้ในไฟล์ .htaccess

การ Redirecct ด้วยไฟล์ PHP Script เปิดไฟล์ .php ด้วย Text Editor เช่น Notepad คัดลอกคำสั่งด้านล่างนี้ นำไปวางไว้ตรงส่วนบนสุดของไฟล์ (วางต่อจากคำสั่ง <?php) วิธีการนี้ อาจไม่สะดวกนักเพราะอาจจะต้องแก้ไข .php ทุกไฟล์ แต่เหมาะสำหรับการตั้งค่า Redirect เฉพาะบางหน้าที่ต้องการ เช่น index.php

การ Redirecct ด้วยไฟล์ web.config (Windows & Plesk) สร้าง Text file เปล่า ด้วย Text Editor เช่น Notepad และทำการ Save as เป็นชื่อ web.config.txt จากนั้นให้คัดลอก คำสั่ง ด้านล่างนี้ไปวาง ในไฟล์ web.config.txt ทำการอัพโหลดไฟล์ web.config.txt ขึ้นไปไว้ใน /httpdocs จากนั้นเปลี่ยนชื่อไฟล์เป็น web.config

คำเตือน: หากท่านมีไฟล์ web.config อยู่แล้ว ให้แก้ไขไฟล์เดิมโดยคัดลอกคำสั่ง ตั้งแต่ <system.webServer> ถึง </system.webServer> ไปแทรกไว้ใน <configuration>...</configuration>

คำแนะนำเพิ่มเติม (4) วิธีปรับแต่ง Configuration สำหรับเว็บไซต์ที่ใช้ Drupal / WordPress / Joomla

1. Drupal Enabling HTTP Secure (HTTPS) https://www.drupal.org/https-information

2. Plugins to Easily Add SSL and HTTPS in WordPress (Plugin)

Backup your website.
Obtain an SSL Certificate.
Ask your hosting company to install SSL Certificate on your server.
Activate the plugin.
Select what pages you want to redirect to HTTPS.
Make sure it redirect properly.
Keep the SSL Certificate up to date.

Read more: https://www.cminds.com/ssl-https-wordpress-plugins/

3. How to Add SSL and HTTPS in WordPress

Settings » General and updating your WordPress and site URL address fields.
Setup WordPress SSL redirect from HTTP to HTTPS. You can do this by adding the code in your .htaccess file
Configure SSL in wp-config.php file.
Install and activate the WordPress HTTPS (SSL) plugin.

Read more: http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/

4. How to use SSL in a Joomla site ? https://www.joomlart.com/tutorials/joomla-tutorials/how-to-use-ssl-in-a-joomla-site

สำหรับเว็บไซต์ WordPress ขอแนะนำ Plug-ins Really Simple SSL ใช้ในการปรับแต่ง WordPress ให้รองรับ https + แก้ปัญหา Error 404 และ Mixed Contents

ฟรี เครื่องมือตรวจสอบ SSL Certificate สำหรับลูกค้าและผู้สนใจทั่วไป

Moving HTTP to HTTPS