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.

sua loi giao dien amp 1 1
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.

sua loi giao dien amp 2 1
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.

sua loi giao dien amp 3 1
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.

sua loi giao dien amp 4 1
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.

sua loi giao dien amp 5 1
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).

sua loi giao dien amp 6 1
Thẻ Single

Thẻ Social

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

sua loi giao dien amp 7 1
Thẻ Social

Thẻ Structured Data

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

sua loi giao dien amp 8 1
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.

sua loi giao dien amp 9 1
Thẻ Notifications

Thẻ Translation Panel

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

sua loi giao dien amp 10 1
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.

sua loi giao dien amp 12 1

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.

sua loi giao dien amp 11 1
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!

Đánh giá và chia sẻ để nâng cao chất lượng bài viết?

Tỉ lệ / 5. Phiếu:

Cảm ơn bạn đã đánh giá ...

Hãy theo dõi chúng tôi trên xã hội!

Chúng tôi rất tiếc vì bài đăng này không hữu ích cho bạn!

Hãy để chúng tôi cải thiện bài đăng này!

Hãy cho chúng tôi biết làm thế nào chúng tôi có thể cải thiện bài đăng này?

Chia sẻ: - Theo dõi Máy tính & Wordpress trên: Theo dõi Máy tính & Wordpress trên Google News

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

  1. Bạn ơi !!! khi mình cài cái này mình gặp lỗi là nó xung đột với AMP của automatic. Lúc đầu nó hoạt động bình thường nhung bị lỗi màu link nên khó nhìn. Mình chỉ lại các kiểu thì nó bị tiếp lỗi là khi vô web nó bắt đăng nhập. Bạn có thể hỗ trợ mình được không?

      1. Nhưng giờ khi minh vô hiệu amp của automatic đi thì nó bị lỗi là khi truy cập vô site trang chủ thì nó tự động chuyển về trang đăng nhập. Còn để trang con thì thêm amp vào nó tự chuyển lại trang không amp . Giao diện nó mặc định của amp mới cài luôn

        1. Đầu tiên bạn hãy xóa bỏ hết 2 Plugin này, sau đó hãy cài Plugin mà mình đã giới thiệu sau đó nếu nó tự động chuyển sang AMP thì bạn hãy vào phần AMP > Settings > chọn Advanced Setting và tắt tính năng “Mobile Redirection” là được!

      2. Vận không được bạn ơi nó khi vô trang chủ nó vẫn bắt đăng nhập. nói chung nó vẫn lỗi y như vậy 🙁

  2. Web của bạn đang dùng plugin AMP nào vậy?
    Bạn có thể hướng dẫn mình cách hiển thị nội dung comments trên giao diện Amp không ?

  3. Web của bạn đang dùng plugin AMP nào vậy?
    Bạn có thể hướng dẫn mình cách hiển thị nội dung cam mình trên giao diện Amp không ?

  4. Mình thấy AMP làm cho web nào cũng giống web nào trên di động, mỗi khi người dùng vào web từ google cũng k thấy URL trên thanh công cụ mà là hiện ra url của Google nên cũng phân vân chưa dùng

Leave a Comment

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Scroll to Top