Làm thế nào để GeneratePress và AMP tương thích hoàn toàn

GeneratePress và AMP tương thích. Trong bài viết này tôi sẽ chỉ cho bạn cách làm cho GeneratePress tương thích 100% với AMP.

Accelerated Mobile Pages (AMP) là một dự án nguồn mở do Google cùng Automattic tạo ra. Mục tiêu là làm cho các trang web nhanh hơn trên điện thoại di động.

Nếu hầu hết khách truy cập của bạn đến từ thiết bị di động, thì AMP có khả năng tăng lưu lượng truy cập đáng kể theo thời gian.

Nhưng nếu hầu hết người truy cập của bạn đến từ máy tính để bàn, bạn có thể không nhận thấy sự khác biệt đáng kể nhưng điều đó vẫn đáng giá.

GeneratePress là chủ đề WordPress nhanh nhất mà tôi từng thấy. Bạn có thể thấy Đánh giá về CreatePressTin tốt là nó tương thích 100% với AMP.

Triển khai AMP trên trang web/blog của bạn

Cách tốt nhất để triển khai AMP là sử dụng Plugin AMP chính thức được chính Google xây dựng và duy trì.

Truy cập thư mục WordPress để cài đặt và kích hoạt Plugin. Để thực hiện việc này, hãy nhấp vào plugin từ bảng điều khiển của bạn, sau đó nhấp vào Thêm mới. Khi vào trang, hãy tìm kiếm AMP. Bạn sẽ thấy Plugin AMP.

Sau khi cài đặt, hãy kích hoạt plugin. Sau đó nhấp vào cài đặt. Bạn sẽ thấy ba tùy chọn. Chế độ chuẩn, chế độ chuyển tiếp hoặc chế độ đọc. Chế độ đọc sẽ hoạt động bình thường. Vì nó không phụ thuộc vào chủ đề của bạn để hoạt động. Nhưng nếu bạn gặp sự cố khi chạy GeneratePress ở chế độ chuyển tiếp hoặc chế độ chuẩn, hãy làm theo các bước sau.

Ngay cả khi bạn đang sử dụng plugin AMP khác, các bước này vẫn có hiệu quả.

Làm thế nào để GeneratePress và AMP tương thích hoàn toàn

Thực hiện theo các bước sau để GeneratePress và AMP hoàn toàn tương thích:

1. Tải xuống và cài đặt Plugin AMP cho GeneratePress

Có một Plugin chính thức của Tom Usborne, nhà phát triển và người sáng lập GeneratePress. Mục đích của plugin này là khắc phục mọi sự cố tương thích với AMP.

Plugin này hiện chưa có trên thư mục WordPress. Nhưng Tom đã nói với tôi trong email rằng anh ấy sẽ sớm cung cấp nó.

Hiện tại, bạn có thể lấy plugin từ GitHub.

Khi vào đó, nhấp vào Clone hoặc tải xuống. Sau đó nhấp vào tải xuống zip.

Bây giờ để vào bảng điều khiển WordPress của bạn, hãy nhấp vào plugin sau đó nhấp vào thêm mới. Trên trang mới, nhấp vào tải plugin lên, sau đó chọn tệp bạn vừa tải xuống và cài đặt.

Sau khi cài đặt, hãy kích hoạt nó. Vậy là xong.

2. Chuyển AMP sang chế độ chuyển tiếp hoặc chế độ chuẩn

Bây giờ hãy vào lại cài đặt plugin AMP và chuyển sang chế độ chuyển tiếp hoặc chế độ chuẩn. Chế độ chuyển tiếp có nghĩa là khung chủ đề của bạn được sử dụng để phục vụ AMP và Không phải AMP trong khi chế độ chuẩn có nghĩa là trang web của bạn là AMP-first.

Nếu trang web của bạn hoạt động ở chế độ chuyển tiếp AMP, nó sẽ hoạt động ở chế độ chuẩn. Sự khác biệt duy nhất giữa hai chế độ này là URL chuẩn.

Khi ở chế độ chuyển tiếp, bạn cần thêm ?amp vào cuối các liên kết của bạn bao gồm trang chủ để truy cập AMP.

Nhưng khi ở chế độ chuẩn, không cần thêm gì cả. URL chuẩn của bạn được khuếch đại.

Đối với thử nghiệm này, tôi đang sử dụng chế độ chuyển tiếp để chứng minh nó hoạt động. Tôi thích sử dụng AMP ở chế độ đọc vì hầu hết khách truy cập của tôi là từ máy tính để bàn.

3. Thực hiện thử nghiệm AMP.

Sau khi chuyển sang chế độ chuyển tiếp hoặc chế độ chuẩn. Bạn sẽ thấy nhiều lỗi! Đừng hoảng sợ!

Bạn có thể thấy lỗi tôi gặp phải bên dưới sau khi thay đổi Công cụ viết blog sang chế độ chuyển tiếp.

Có 48 chỉ số lỗi.

Hầu hết các lỗi này là cảnh báo. Một số lỗi là do plugin gây ra. Cảnh báo là để cho bạn biết rằng các mục được tô sáng sẽ không được hiển thị trong AMP.

Tôi không thấy có cảnh báo lớn nào liên quan đến chủ đề.

Vấn đề chính mà tôi nhận thấy là từ plugin lưu trữ đệm Breeze. Nó đã thêm một CSS mà có vẻ như không làm AMP hài lòng. Vì vậy, tôi đã hủy kích hoạt Breeze và tiến hành thử nghiệm.

Bạn có thể sử dụng Công cụ kiểm tra AMP chính thức của Google để kiểm tra.

Kết quả cho thấy AMP đang chạy mà không có vấn đề gì. Xem bên dưới.

Đây là bài kiểm tra cho trang chủ của tôi.

Sau đó tôi thử nghiệm một trang bài viết:

Từ những thông tin trên, bạn có thể thấy AMP và GeneratePress hoàn toàn tương thích.

Các vấn đề chung

Nếu bạn vẫn gặp sự cố khi sử dụng AMP ở chế độ chuyển tiếp hoặc chế độ chuẩn, thì vấn đề rất có thể là do một trong các plugin của bạn.

Thủ phạm chính có thể là plugin lưu trữ đệm hoặc plugin tối ưu hóa không tương thích với AMP.