Vô hiệu hóa Google AMP đúng cách trong WordPress

6 tháng ago, Hướng dẫn WordPress, Views

Giới thiệu về Google AMP và tại sao bạn có thể muốn vô hiệu hóa nó

Google Accelerated Mobile Pages (AMP) từng là một sáng kiến của Google nhằm cải thiện tốc độ tải trang trên thiết bị di động. Ý tưởng đằng sau AMP là tạo ra một phiên bản rút gọn của trang web, loại bỏ các yếu tố JavaScript không cần thiết, sử dụng CDN của Google để phân phối nội dung và áp dụng các kỹ thuật tối ưu hóa khác. Điều này dẫn đến trải nghiệm người dùng nhanh hơn đáng kể trên các thiết bị di động.

Tuy nhiên, AMP không phải là không có nhược điểm. Nó đã gây ra nhiều tranh cãi trong cộng đồng web, chủ yếu là do những lo ngại sau:

Hạn chế về tùy chỉnh: AMP hạn chế đáng kể khả năng tùy chỉnh thiết kế và chức năng của trang web. Bạn bị giới hạn trong việc sử dụng các thành phần AMP được phê duyệt, điều này có thể gây khó khăn cho việc duy trì thương hiệu nhất quán.
Sự phụ thuộc vào Google: AMP tạo ra sự phụ thuộc lớn vào cơ sở hạ tầng của Google. Nội dung của bạn được lưu trữ và phân phối thông qua CDN của Google, có thể dẫn đến lo ngại về quyền riêng tư và kiểm soát dữ liệu.
Ảnh hưởng đến phân tích: Việc theo dõi và phân tích hiệu suất của trang web AMP có thể phức tạp hơn. Bạn cần sử dụng các công cụ phân tích AMP cụ thể, có thể không tích hợp tốt với các công cụ phân tích hiện có của bạn.
SEO (Search Engine Optimization) hiện tại: Mặc dù AMP ban đầu được coi là một yếu tố xếp hạng SEO, nhưng hiện tại nó không còn là yếu tố bắt buộc. Google đã chuyển sang tín hiệu Core Web Vitals để đánh giá trải nghiệm người dùng trên thiết bị di động.

Do những hạn chế này, nhiều chủ sở hữu trang web WordPress đã quyết định vô hiệu hóa AMP. Điều này cho phép họ kiểm soát hoàn toàn thiết kế, chức năng và dữ liệu của trang web của họ, đồng thời tập trung vào việc tối ưu hóa Core Web Vitals để cải thiện hiệu suất.

Các phương pháp vô hiệu hóa Google AMP trong WordPress

Có một số phương pháp để vô hiệu hóa AMP trong WordPress, mỗi phương pháp có ưu và nhược điểm riêng. Dưới đây là một số phương pháp phổ biến nhất:

Sử dụng Plugin WordPress

Phương pháp đơn giản và phổ biến nhất là sử dụng một plugin WordPress chuyên dụng. Các plugin này tự động loại bỏ AMP khỏi trang web của bạn mà không cần bạn phải can thiệp vào mã. Một số plugin phổ biến bao gồm:

Disable AMP: Plugin này đơn giản, dễ sử dụng và chỉ tập trung vào việc vô hiệu hóa AMP.
AMP for WP – Weeblr AMP: Plugin này cung cấp các tùy chọn nâng cao để tùy chỉnh AMP, nhưng cũng có thể được sử dụng để vô hiệu hóa hoàn toàn.
Yoast SEO: Nếu bạn đã sử dụng Yoast SEO, bạn có thể vô hiệu hóa AMP thông qua cài đặt nâng cao của plugin. (Lưu ý: Tính năng này có thể đã bị loại bỏ khỏi Yoast SEO phiên bản mới nhất, hãy kiểm tra kỹ.)

Cách sử dụng plugin để vô hiệu hóa AMP:

Cài đặt và kích hoạt plugin: Tìm plugin bạn muốn sử dụng trong kho plugin WordPress (ví dụ: “Disable AMP”) và cài đặt, sau đó kích hoạt nó.
Cấu hình plugin: Hầu hết các plugin sẽ tự động vô hiệu hóa AMP sau khi kích hoạt. Tuy nhiên, một số plugin có thể yêu cầu bạn cấu hình các tùy chọn bổ sung.
Kiểm tra: Sau khi vô hiệu hóa AMP, hãy kiểm tra trang web của bạn trên thiết bị di động để đảm bảo rằng các trang AMP không còn được hiển thị.

Chỉnh sửa file .htaccess (Phương pháp nâng cao)

Nếu bạn không muốn sử dụng plugin, bạn có thể vô hiệu hóa AMP bằng cách chỉnh sửa file .htaccess của trang web của bạn. Phương pháp này đòi hỏi kiến thức kỹ thuật hơn và có thể gây ra sự cố nếu thực hiện không đúng cách.

Cảnh báo: Trước khi chỉnh sửa file .htaccess, hãy tạo bản sao lưu để bạn có thể khôi phục nếu có sự cố xảy ra.

Cách chỉnh sửa file .htaccess để vô hiệu hóa AMP:

Truy cập file .htaccess: Sử dụng FTP hoặc trình quản lý file trong cPanel của bạn để truy cập file .htaccess của trang web của bạn. File này thường nằm ở thư mục gốc của trang web.

Thêm mã sau vào file .htaccess:


# Redirect AMP pages to non-AMP versions
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_URI} (.+)/amp(.*)$ [OR]
    RewriteCond %{QUERY_STRING} amp=1
    RewriteRule ^ %1 [R=301,L]
</IfModule>

Lưu file .htaccess: Lưu các thay đổi vào file .htaccess và tải nó lên máy chủ của bạn.
Kiểm tra: Kiểm tra trang web của bạn trên thiết bị di động để đảm bảo rằng các trang AMP được chuyển hướng đến các phiên bản không phải AMP.

Đoạn mã trên sẽ chuyển hướng tất cả các yêu cầu đến các trang AMP (các trang có “/amp” trong URL hoặc chứa tham số “amp=1”) đến phiên bản không phải AMP của trang đó bằng mã chuyển hướng 301 (chuyển hướng vĩnh viễn).

Chỉnh sửa file functions.php của theme (Phương pháp nâng cao)

Tương tự như chỉnh sửa .htaccess, bạn cũng có thể vô hiệu hóa AMP bằng cách thêm mã vào file `functions.php` của theme WordPress của bạn. Phương pháp này cũng đòi hỏi kiến thức kỹ thuật và có thể gây ra sự cố nếu thực hiện không đúng cách.

Cảnh báo: Trước khi chỉnh sửa file `functions.php`, hãy tạo bản sao lưu theme của bạn để bạn có thể khôi phục nếu có sự cố xảy ra. Sử dụng child theme để tránh mất các thay đổi khi theme được cập nhật.

Cách chỉnh sửa file functions.php để vô hiệu hóa AMP:

Truy cập file functions.php: Sử dụng trình chỉnh sửa theme trong WordPress (Appearance -> Theme Editor) hoặc FTP để truy cập file `functions.php` của theme của bạn. Nên sử dụng child theme.

Thêm mã sau vào file functions.php:


function disable_amp_redirection() {
    if ( function_exists( 'amp_is_request' ) && amp_is_request() ) {
        wp_safe_redirect( home_url( untrailingslashit( remove_query_arg( 'amp', wp_unslash( $_SERVER['REQUEST_URI'] ) ) ) ), 301 );
        exit;
    }
}
add_action( 'template_redirect', 'disable_amp_redirection' );

Lưu file functions.php: Lưu các thay đổi vào file `functions.php`.
Kiểm tra: Kiểm tra trang web của bạn trên thiết bị di động để đảm bảo rằng các trang AMP được chuyển hướng đến các phiên bản không phải AMP.

Đoạn mã trên kiểm tra xem yêu cầu có phải là yêu cầu AMP hay không. Nếu có, nó sẽ chuyển hướng đến phiên bản không phải AMP của trang đó bằng mã chuyển hướng 301.

Chuyển hướng (Redirect) sau khi vô hiệu hóa AMP

Sau khi vô hiệu hóa AMP, điều quan trọng là phải chuyển hướng các trang AMP hiện có đến các phiên bản không phải AMP tương ứng của chúng. Điều này giúp đảm bảo rằng người dùng và công cụ tìm kiếm được chuyển hướng đến đúng trang, tránh các lỗi 404 và duy trì SEO.

Bạn có thể sử dụng các phương pháp sau để thực hiện chuyển hướng:

Sử dụng plugin chuyển hướng: Các plugin như “Redirection” cho phép bạn dễ dàng tạo các quy tắc chuyển hướng từ các trang AMP sang các trang không phải AMP.
Chỉnh sửa file .htaccess: Như đã trình bày ở trên, bạn có thể sử dụng mã trong file .htaccess để chuyển hướng các trang AMP.
Sử dụng code trong file functions.php: Như đã trình bày ở trên, bạn có thể sử dụng code trong file `functions.php` để chuyển hướng các trang AMP.

Ví dụ về cấu hình chuyển hướng bằng plugin “Redirection”:

Cài đặt và kích hoạt plugin “Redirection”.
Vào mục “Redirection” trong bảng điều khiển WordPress.
Tạo một quy tắc chuyển hướng với “Source URL” là `/(.*)/amp` và “Target URL” là `/$1`. Đảm bảo chọn “Regex” cho “Source URL”. Điều này sẽ chuyển hướng tất cả các URL có “/amp” đến phiên bản không phải AMP của chúng.

Kiểm tra và giám sát sau khi vô hiệu hóa AMP

Sau khi vô hiệu hóa AMP và thiết lập chuyển hướng, điều quan trọng là phải kiểm tra và giám sát trang web của bạn để đảm bảo rằng mọi thứ hoạt động như mong đợi.

Các bước kiểm tra và giám sát:

Kiểm tra thủ công: Truy cập các trang AMP trước đây trên thiết bị di động để đảm bảo rằng chúng được chuyển hướng đến các phiên bản không phải AMP.
Sử dụng công cụ kiểm tra URL của Google: Sử dụng công cụ này để kiểm tra xem các trang AMP trước đây có được lập chỉ mục chính xác và chuyển hướng đến các trang không phải AMP hay không.
Giám sát lỗi 404: Sử dụng Google Search Console hoặc các công cụ giám sát khác để theo dõi các lỗi 404 có thể xảy ra sau khi vô hiệu hóa AMP. Nếu có, hãy tạo các quy tắc chuyển hướng để khắc phục chúng.
Theo dõi hiệu suất: Sử dụng Google Analytics hoặc các công cụ phân tích khác để theo dõi hiệu suất của trang web của bạn sau khi vô hiệu hóa AMP. Đảm bảo rằng tốc độ tải trang và trải nghiệm người dùng trên thiết bị di động vẫn tốt.

Kết luận

Việc vô hiệu hóa Google AMP có thể là một quyết định sáng suốt nếu bạn muốn có nhiều quyền kiểm soát hơn đối với thiết kế, chức năng và dữ liệu của trang web WordPress của mình. Tuy nhiên, điều quan trọng là phải thực hiện quá trình này đúng cách để tránh các vấn đề về SEO và trải nghiệm người dùng.

Bằng cách sử dụng các phương pháp được mô tả trong bài viết này và thực hiện kiểm tra và giám sát kỹ lưỡng, bạn có thể vô hiệu hóa AMP thành công và đảm bảo rằng trang web của bạn vẫn hoạt động tốt và mang lại trải nghiệm người dùng tuyệt vời trên thiết bị di động.

gỡ bỏ amp, plugin tắt amp, tắt amp wordpress, vô hiệu hóa amp, xóa amp wordpress

admin

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa