Cài amp cho WordPress làm tăng sử dụng thử người dùng Mobile, cũng là một công cụ hỗ trợ đắc lực giúp cho mọi người đến gần hơn đến nhiều khách hàng hơn, Qua bài viết đưới dây sẽ cung cấp thêm nhiều nội dung, cũng như hướng dẫn cho các bạn cài amp cho WordPress nhé.
Mục lục
Cài amp cho WordPress
Nếu website của bạn được xây dựng trên nền tảng mã nguồn mở WordPress thì việc cài AMP cực kỳ giản đơn. Sau đâu là quá trình cài đặt AMP cho WordPress:
Xem thêm :Chọn từ khóa chuẩn SEO như thế nào cho đúng cách
Bước 1: chọn lựa Plugins AMP trong WordPress Dashboard.
Gõ “AMP” vào thanh tìm kiếm, sẽ có hàng trăm plugins amp chon bạn chọn lựa. Gợi ý của tôi là bạn cần phải dùng “AMP – Official AMP Plugin for WordPress“
Một vài dấu hiệu mà plugin này đem tới cho bạn như sau:
- AMP-first Experiences: Ưu tiên hỗ trợ phong phú AMP theo chuẩn mới nhất.
- Giúp đỡ bố cụ và giao diện cơ bản: Plugin này được thiết kế để hỗ trợ tốt cho những theme căn bản của WordPress (ví dụ như theme Twenty Twenty).
- Tính phù hợp cao: đôi lúc, việc tự động chèn cú pháp AMP vào theme diễn ra không thuận lợi và gây lỗi. Khi gặp vấn đề xảy ra, plugin này sẽ hiển thị nội dung chi tiết về phần gây lỗi giúp designer nhanh chóng sửa lỗi.
- CSS free-shaking: Khi công việc, plugin cũng sẽ tự động đào thải đi các mã CSS mà bạn không sử dụng trong trang, đều này không chỉ giúp bạn tốt nhất tốc độ xử lý CSS mà còn chắc chắn không vượt giới hạn dung lượng 75KB.
Bên cạnh đó các nàng cũng có khả năng cấu hình plugin theo 3 mẫu bố cụ và giao diện sẵn có:
- Standard: áp dụng AMP cho toàn bộ website, không tách biệt thông tin có AMP hay không.
- Reader: Hiển thị một số trang theo thiết kế AMP tối giản cho người coi.
- Transitional: sửa đổi và cải thiện trải nghiệm AMP gần giống với thiết kế non-AMP.
Tuy nhiên, plugin này cũng có điểm không tốt là không có phép chúng ta tùy biến nhiều ở template của AMP.
Bước 2: “Install” để cài đặt plugin.
Bước 3: Chuyển đến tab “Appearance” sau đấy đến “AMP”.
Tại đây, bạn có thể thay đổi các trang AMP theo ý muốn của mình như:
- Tab Design: điều chỉnh text của site, đường link cho đến background,…
- Tab General: Chọn sử dụng AMP cho trang nào, post nào,…
Hướng dẫn thiết lập Google AMP cho site
Nguyên tắc của Google để một trang website thân thiện với Google cũng áp dụng với AMP. Sau đây quá trình cài đặt AMP cho trang web:
Cấu trúc html AMP giản đơn
Phía dưới là hình ảnh về 1 AMP HTML mẫu để bạn tham khảo:
Để có được trang AMP, bạn phải cần dùng giao thức HTTPS với những điều kiện cần thiết sau:
hoặc: Để chọn lựa thông tin có định dạng AMP.và: Quy định chế độ xem tương ứng trên thiết bị di động
- Chuẩn xác HTML
- Chứa thẻ
- Chứa các thẻ
- Chứa thẻ là thẻ con đầu tiên thuộc thẻ
- Chứa thẻ . Đây là thẻ con thứ 2 thuộc thẻ
- Chứa thẻ bên trong
- Chứa thẻ bên trong thẻ
- Chứa đoạn mã boilerplate AMP trong thẻ
Lưu trữ AMP trên URL
Tối ưu, bạn lưu giữ trang sử dụng Google AMP của mình trên một URL phù hợp với người dùng.
Ví dụ, với trang tiêu chuẩn là https://example.com/subfolder/this-is-an-example.html
Bạn nên lưu trữ trang AMP với URL là:
- amp.example.com/subfolder/this-is-an-example.html
- example.com/subfolder/this-is-an-example-amp.html
Để chắc chắn khi người sử dụng click vào, URL hiển thị sẽ liên quan đến trang website chủ đạo của bạn.
Làm cho AMP của bạn dễ khám phá
Nếu như trang của bạn có cả phiên bản AMP và không AMP, hãy thêm các thẻ html như sau:
Cài amp cho WordPress trên trang không phải AMP, tham chiếu đến phiên bản AMP của trang để cho Google và các nền tảng khác biết về nó:
rel="amphtml"href="https://example.com/this-is-an-example-amp.html"/>
Trên trang AMP, thêm văn bản sau để tham chiếu đến phiên bản chuẩn không phải AMP của nó:
rel=”canonical”href=”https://example.com/this-is-an-example.html”/>
Đối với các trang AMP độc lập (những trang không có phiên bản không phải AMP), trang AMP phải chỉ định chủ đạo nó làm phiên bản chuẩn:
rel=”canonical”href=”https://example.com/this-is-an-example-amp.html”/>
Các trang AMP độc lập cũng sẽ được lập chỉ mục nếu có khả năng tìm thấy chúng. Hãy cam kết các trang AMP độc lập được liên kết với các trang được lập chỉ mục khác hoặc được lên danh sách trong sơ đồ trang website (sitemap.xml) của bạn.
Kiểm tra tính hợp lệ trang AMP
Như đã hướng dẫn kiểm duyệt Google AMP ở trên, hãy truy cập vào Google Search Console để đảm bảo tính tương thích của trang AMP của mình. Luôn nhớ theo dõi các trang AMP của mình thường xuyên để cam kết chúng không mắc lỗi.
Nguyên tắc của google khi tạo 1 trang AMP
Cài amp cho WordPress nguyên tắc của Google để một trang web dễ dàng sử dụng với Google cũng áp dụng với AMP. Ứng dụng AMP cho trang web hỗ trợ bạn tận dụng các lợi ích của AMP trên Tìm kiếm Google. Sau đây các bước cài đặt AMP cho trang web:
- Thiết kế: Tạo các trang website theo đặc tả AMP.
- Lưu trữ: lưu giữ AMP của bạn ở một URL liên quan đến trang web chính của bạn.
- Khám phá: làm cho AMP của bạn dễ khám phá.
- Xác thực: kiểm duyệt trang của bạn xem sở hữu viết bằng HTML AMP hợp lệ hay không.
- Dữ liệu có cấu trúc: Đánh dấu nội dung của bạn bằng dữ liệu có cấu trúc.
- Trạng thái: Theo dõi báo cáo AMP của bạn trong Search Console để phát hiện lỗi.
- Xóa: nếu bạn muốn xóa trang AMP khỏi hậu quả của Google Tìm kiếm hoặc khỏi website, đây chính là cách hành động.
Xem thêm :Viết bài seo là gì? Điểm danh các yếu tố của một bài seo chuẩn
Qua bài viết trên đây đã cho các bạn biết về các hướng dẫn cài amp cho WordPress đơn giản nhất. Hy vọng những thông tin trên của atpcontent.vn sẽ hữu ích với các bạn đọc. Cảm ơn các bạn đã dành nhiều thời gian để xem qua bài viết này nhé.
Lộc Đạt – Tổng hợp & chỉnh sửa
Tham khảo ( wiki.matbao.net, appnet.edu.vn, … )
