Cách sửa lỗi giao diện AMP theo chuẩn của Google

[Thủ thuật WordPress] Hướng dẫn cách sửa lỗi giao diện AMP theo chuẩn của Google – Có thể nói giao diện AMP đang thể hiện rõ vị trí quan trọng hiện nay và trong tương lai chắc chắn rằng một điều những trang Web tích hợp AMP sẽ được Google ưu tiên hàng đầu vì thế việc sử dụng giao diện AMP là một điều bạn cần tính toán và tích hợp cho trang Web? Nếu bạn chưa tích hợp hay đã tích hợp trang Web theo chuẩn AMP tuy nhiên còn bị lỗi về cấu trúc thì bạn hãy theo dõi bài viết sau!

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo thông báo chính sách bình luận trong WordPress giúp bạn có thể nhanh chóng tạo chính sách bình luận cho mã nguồn WordPress đơn giản nhất tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách sửa lỗi giao diện AMP theo chuẩn của Google.

Cách sửa lỗi giao diện AMP theo chuẩn của Google

Giao diện AMP là một giao diện được thiết kế dành riêng cho những trang Web giúp trang Web có thể hoạt động trong những điều kiện đường truyền mạng không cố định hoặc quá yếu vì thế việc tích hợp giao diện AMP là điều bạn cần nên làm. Hãy cùng blog thủ thuật tìm hiểu cách tích hợp giao diện AMP và sửa lỗi giao diện AMP.

Đầu tiên bạn cần tích hợp giao diện AMP cho trang Web của mình bằng cách tham khảo bài viết tạo trang dành cho thiết bị di động được tăng tốc (AMP) trong WordPress, sau khi tích hợp xong bạn hãy thực hiện tiếp tục các công việc sau đây để chuẩn hóa giao diện AMP cho trang Web.

Để chuẩn hóa giao diện AMP theo chuẩn bạn cần sử dụng Plugin Accelerated Mobile Pages đây được xem là một Plugin quá hoàn hảo để bạn có thể chuẩn hóa giao diện AMP cho trang Web, hỗ trợ rất nhiều tính năng hấp dẫn các thiết kế chuẩn giao diện hãy cùng blog thủ thuật tìm hiểu các tính năng của Plugin.

Cài đặt Plugin

Đầu tiên bạn vào liên kết này để tải Plugin Accelerated Mobile Pages dành cho WordPress về máy tính và tiến hành cài đặt Plugin (nếu bạn chưa biết cách cài đặt Plugin cho WordPress bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin cho WordPress) Sau khi cài đặt xong hãy kích hoạt Plugin và tiến hành cấu hình các thông số như sau.

sửa lỗi giao diện AMP theo chuẩn của Google

Sửa lỗi giao diện AMP theo chuẩn của Google

Cấu hình Plugin

Plugin Accelerated Mobile Pages cung cấp khá nhiều tính năng, bạn có thể dễ dàng thiết kế giao diện AMP cho trang Web một cách chuyên nghiệp nhất, hãy điểm qua một số tính năng của Accelerated Mobile Pages.

Thẻ General

Cung cấp các tùy chỉnh cho trang Web AMP như.

Logo: Đưa Logo trang Web.

Mobile Redirection: Hãy kích hoạt tính năng này nếu bạn muốn tất cả các thiết bị di động khi truy cập vào trang Web sẽ tự động chuyển qua giao diện AMP (như bạn thấy khi bạn dùng thiết bị di động truy cập vào trang Web của tôi nó sẽ được tự động chuyển qua AMP).

Analytic Type: Chọn công cụ đo lường lượng truy cập.

Google Analytic: ID theo dõi lượng truy cập từ Google Analytic.

Front Page: Kích hoạt tùy chỉnh AMP ở trang chủ.

Link to Non-AMP page: Hiển thị tính năng liên kết đến trang không sử dụng AMP ở Footer.

RTL Support: Kích hoạt tùy chỉnh giao diện ở phía bên phải.

AMP on Archive Pages: Tùy chỉnh AMP cho chuyên mục và các tag.

AMP on Pages: Tùy chỉnh AMP cho các trang.

Non-AMP HomePage link in Header: Tùy chỉnh trang chủ liên kết AMP.

Thẻ General

Thẻ Design

Thiết kế giao diện AMP, trong phần này có 2 giao diện được thiết kế sẵn hãy chọn giao diện mà bạn thích, bạn cũng có thể sử dụng mã CSS để tùy biến trực tiếp.

Thẻ Design

Thẻ SEO

Nếu bạn đã cài Plugin Yoast SEO thì không cần phải cấu hình thêm nữa nó sẽ tự động lấy các thông số từ Yoast SEO.

Thẻ SEO

Thẻ Menu

Tùy chỉnh Menu cho giao diện AMP chỉ cần vào Giao diện > Menu > Chọn “Quản lý Menu” > Và chọn Menu cho giao diện AMP là được.

Thẻ Menu

Thẻ Advertisement

Tùy chỉnh hiển thị quảng cáo, đối với tính năng này bạn chỉ sử dụng được quảng cáo từ Google Adsense.

Thẻ Advertisement

Thẻ Single

Tùy chỉnh hiển thị bài viết bao gồm

Sticky Social Icons: Tùy chỉnh các biểu tượng xã hội vào trong bài viết.

Next-Previous Links: Tùy chỉnh chế độ Next-Previous bài viết.

Featured Image Width: Chiều rộng ảnh đại diện.

Featured Image height: Chiều cao ảnh đại diện.

Show Related Post from: Hiển thị bài viết liên quan theo (chuyên mục, thẻ tag).

Thẻ Single

Thẻ Social

Tùy chỉnh hiển thị các mạng xã hội (gồm Facebook, Google +…).

Thẻ Social

Thẻ Structured Data

Các tùy chỉnh về cấu trúc trang Web khi hiển thị.

Thẻ Structured Data

Thẻ Notifications

Tùy chỉnh hiển thị thông báo khi truy cập vào giao diện AMP.

Thẻ Notifications

Thẻ Translation Panel

Tùy chỉnh hiển thị ngôn ngữ (bạn có thể việt hóa).

Thẻ Translation Panel

Ngoài ra bạn có thể tùy chỉnh cấu trúc hiển thị giao diện AMP bằng cách vào Giao diện > Chọn AMP, sau đó tùy chỉnh các hiển thị phù hợp bằng cách kéo và thả các vị trí tương ứng.

Sau khi thực hiện xong các thao tác bạn chỉ cần lưu lại và tận hưởng thành quả. Và tất nhiên lỗi AMP của trang Web sẽ được khắc phục.

Lỗi AMP đã được giảm

Sau khi thực hiện trang Web của mình đã khắc phục được lỗi, tuy nhiên phải đợi Google cập nhật. Quá đơn giản để bạn có thể sửa lỗi trang Web AMP phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Show Comments

28 Comments

  1. Thanh Quang 25/07/2018
    • Thuần Te Tua 26/07/2018
  2. phu qui 22/03/2018
    • Thuần Te Tua 22/03/2018
      • quí 26/03/2018
        • Thuần Te Tua 26/03/2018
      • Phu Qui 26/03/2018
      • Phu Qui 26/03/2018
        • Thuần Te Tua 26/03/2018
  3. Hải Đường 17/10/2017
    • Thuần Te Tua 18/10/2017
  4. Vtkong 06/10/2017
  5. vtkong 30/05/2017
  6. Nam 13/05/2017
  7. BIGO LIVE APP 27/04/2017
  8. 16/03/2017
  9. 16/03/2017
  10. Cao Tiến 09/01/2017
  11. Toan Nguyen 04/01/2017
  12. Thái Tài 26/12/2016

Leave a Reply