8 lượt xem

Hướng dẫn cách chuyển sang AMP khi truy cập bằng điện thoại

Hướng dẫn cách chuyển sang AMP khi truy cập bằng điện thoại
5 (100%) 3 votes

Như chúng ta cùng đã biết thì trong thời gian vừa qua sức ảnh hưởng của AMP đối với thứ hạng website trên giao diện mobile đang dần tích cực đối với website của chúng ta đúng không nào? Đối với những website sử dụng giao diện AMP cho website của mình thì chắc hẳn các bạn cũng biết thì tốc độ load luôn là một ưu điểm đổi với giao diện AMP.

Và để giúp các bạn đánh mạnh hơn về thứ hạng cũng như cho website tăng tốc độ load trang thì hôm nay iHuongDan sẽ hướng dẫn cho các bạn các chuyển hướng tất cả người dùng khi truy cập website của chúng ta thông qua điện thoại hoặc Smartphone.

Để có thể làm được việc này đầu tiên đó chính là website của các bạn phải được cài đặt giao diện AMP sẵn rồi. Nếu như bạn sử dụng website WordPress và muốn cái đặt giao diện AMP cho website của mình thì các bạn có thể tìm hiểu và cài đặt plugin AMP cho website. Còn nếu các bạn sử dụng website bằng các mã nguồn khác hoặc blogspost thì các bạn có thể tìm hiểu thêm và cài đặt cho website của mình.

Và hôm nay mình sẽ hướng dẫn chi tiết cho các bạn cách chuyển hướng người dùng khi truy cập website bằng điện thoại hoặc smartphone sang giao diện AMP. Và hướng dẫn này mình sẽ hướng dẫn chi tiết cho các bạn sử dụng website Wordpress nhé. Còn đối với các website sử dụng mã nguồn khác các bạn có thể tự làm tương tự. (Hoặc có một số tuỳ biến khác cho phù hợp với từ mã nguồn mà website của bạn sử dụng.)

Xem thêm: Cách khắc phục lỗi khi cài đặt AMP cho Website WordPress

Hướng dẫn chi tiết chuyển hướng sang AMP khi vào bằng điện thoại

Để thực hiện công việc chuyển hướng sang giao diện AMP này. Ngoài việc website của bạn đã được cài đặt sử dụng giao diện AMP rồi thì các bạn hãy thực hiện các bước sau đây để chuyển hướng người dùng sang giao diện AMP khi vào bằng điện thoại nhé.

Bước 1:  Đầu tiên các bạn truy cập vào hosting chứa website của mình. Và tìm đến file .htaccess trên thư mục gốc của website mình.

Bước 2: Tiếp theo các bạn mở file .htaccess ra và thêm dòng code sau đây:

+ Đối với website sử dụng https:

RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*) https://%{SERVER_NAME}/$1 [R,L]
RewriteCond %{REQUEST_URI} !/amp$ [NC]
RewriteCond %{HTTP_USER_AGENT} (android|blackberry|googlebot\-mobile|iemobile|iphone|ipod|\#opera\ mobile|palmos|webos) [NC]
RewriteRule ^([a-zA-Z0-9-]+)([\/]*)$ https://domain.com/$1/amp [L,R=302]

Xem thêm: Hướng dẫn cách bật các nút soạn thảo ẩn trong WordPress

+ Đối với website sử dụng http:

RewriteEngine On
RewriteCond %{REQUEST_URI} !/amp$ [NC]
RewriteCond %{HTTP_USER_AGENT} (android|blackberry|googlebot\-mobile|iemobile|iphone|ipod|\#opera\ mobile|palmos|webos) [NC]
RewriteRule ^([a-zA-Z0-9-]+)([\/]*)$ http://domain.com/$1/amp [L,R=302]

#Lưu ý: ở phần mình bôi đoi các bạn nhớ thay đổi tên miền của website của các bạn sao cho phù hợp nhé.

Bước 3: Như vậy là các bạn đã hoàn thành xong, bây giờ các bạn nhấn lưu lại và thử test bằng truy cập vào website bằng điện thoại thử xem nhé!

Kết luận

Như vậy là chúng ta đã hoàn thành công việc chuyển hướng truy cập vào website sang giao diện AMP khi vào bằng điện thoại rồi. Chúc các bạn thành công. Nếu có bất cứ câu hỏi nào, các bạn hãy comment để lại yêu cầu iHuongDan sẽ giải đáp giúp bạn nhé.

Bài Liên Quan