Hướng dẫn cài Google AMP cho Website WordPress

Mặc dù đã xuất hiện rất lâu trên công cụ tìm kiếm khổng lồ của “Google”, nhưng cho đến tận 2019 thì AMP mới bắt đầu nổi lên như là một ngôi sao sáng trong giới SEO. Cụ thể là những website có cài đặt AMP đều sẽ có tốc độc tải trang trên di động lẹ một cách tuyệt vời. Nhờ đó mà kết quả hiển thị trên công cụ tìm kiếm Google của Website bạn sẽ được cải thiện đáng kể. Vậy AMP là gì?

AMP là gì?

AMP là tên viết tắt của Accelerated Mobile Pages dịch nôm na qua tiếng Việt là Tăng Tốc Trang trên điện thoại di động. Với AMP thì website của bạn sẽ load rất nhanh, và có thể chỉ trong 1s là load xong website. Nhờ đó mà google sẽ đánh giá website của bạn tốt hơn so với những website khác cùng phân khúc, cải thiện khả năng hiển thị của website trên công cụ tìm kiếm của google.

Tuy nhiên, nội dung trên website của bạn sẽ bị tối giản đi rất nhiều, khiến cho những nội dung trên website sẽ không hiển thị đủ như những gì bạn muốn show ra cho người truy cập.

Vì thế, AMP chỉ thích hợp để sử dụng cho những trang thông tin như bài viết, trang giới thiệu, trang tổng hợp video.

Làm sao để cài AMP cho WordPress?

Do đây là bài viết hướng dẫn cài AMP cho website WordPress nên mình sẽ chỉ hướng dẫn cụ thể cách cài đặt trên wordpress như nào thôi, nếu bạn muốn cài amp cho website mã nguồn khác thì hãy truy cập vào trang ampproject để tham khảo nhé.

Tham khảo thông tin bên dưới để tải về bạn nhé.

Hướng dẫn cài đặt WordPress AMP

Sau khi đã tải plugin về, các bạn tiến hành cài đặt bình thường trên Website WordPress của các bạn. Thì các bạn thao tác theo 6 bước hướng dẫn cài đặt AMP cho Website WordPress sau đây.

Bước 1: Truy cập WP AMP

  • Trỏ chuột vào cài đặt
  • Click vào WP AMP

Bước 2: Setup tổng (Gerenal Tab) WP AMP

  • Redirect Mobile Users: để trống (có tích thì bỏ tích đi)
  • AMP Content Max-Witdh: default 600
  • AMP Element Default Height: default 400
  • Post Types: Xóa hết – chỉ để: Bài viết/Porfolio
  • Archives: Xóa hết – chỉ để: Categories/Search Result/Your lastest post/Tags
  • Compatibility Mode: click vào để tích V
  • Hide forms: click vào để tích V
  • Enable RTL: không tích
  • Debug mode: Off
  • Click Save Changes

Bước 3: Chỉnh sửa hiển thị cho WP AMP

  • Click vào tab Appearance -> Header
    • Favicon: chèn logo thu nhỏ của bạn (65×65)
    • Head Menu: tích vào nếu muốn thêm menu vào AMP -> click vào set AMP menu để tạo menu cho AMP
    • Head Menu Type: Accordion
    • Header Menu Button: Text
    • Logo Type: tùy bạn chọn (Text logo – chỉ hiện chữ, Icon logo – hiện logo dạng icon, Image logo – hiện ảnh logo)
    • Logo Text: Gõ tên Website của bạn vào
  • Appearance -> Social Share Buttons
    • Social Share Buttons: Chọn loại mạng xã hội mà bạn muốn hiển thị nút
    • Show Like: hiển thị nút Facebook Like (nút thích facebook)
  • Click vào Save Changes

Bước 4: khai báo Schema.org cho WP AMP

  • Publisher Logo: bỏ qua
  • Default Image: chèn logo của bạn vào
  • Content Type: Blog Posting
  • Wocommerce Content Type: Product
  • Save Changes

Bước 5: chèn mã theo dõi Google Analytics vào WP AMP

  • Truy cập tab Analytis
    • Google Analytics Code: chèn ID Google Analytics của bạn vào đây
    • Google Tag Manager ID: chèn ID Google Tag Manager vào đây
    • Yandex Metrika counter ID: chèn Yander Metrika ID vào đây
    • Facebook Pixel ID: chèn Facebook Pixel ID vào đây
    • Custom Analytic: bỏ trống
  • Save Changes

Bước 6: Tùy chỉnh URL hiển thị WP AMP

  • Vào cài đặt của Website
  • Kéo xuống WP AMP Endpoint
  • Thay text “amp” thành text bất kỳ bạn muốn hiển thị (ví dụ: “mobile”)
  • Lưu thay đổi

Vậy là xong! Sau 6 bước hướng dẫn cài đặt AMP cho Website WordPress thì website của bạn bây giờ đã hoàn tất để hiển thị AMP. Để test website wordpress của bạn có amp hay không thì hãy vào trang web của mình và chọn một bài viết bất kỳ và chèn /amp (hoặc text mà bạn đã chỉnh) rồi Enter. Nếu bài viết của bạn hiển thị giống hình dưới, thì tức là Website WordPress của bạn đã hoàn tất cài đặt WP AMP.

Và nếu không hiển thị, thì bạn hãy thao tác theo các bước dưới đây dể khắc phục website không hiển thị amp nhé.

Xem thêm: Khắc phục triệt để mã độc chuyển hướng đến Website lừa đảo

Cách khắc phục Website WordPress không hiển thị AMP

Sau khi đã thực hiện hết tất cả các thao tác trên sau khi cài đặt WP AMP cho Website WordPress của bạn nhưng vẫn bị lỗi không hiển thị AMP thì các bạn hãy thao tác theo các bước sau.

  • Xóa Plugin WP AMP và cài lại từ đầu
  • Vào Cài Đặt
    • Chọn đường dẫn tĩnh
    • Kéo xuống trường WP AMP Endpoint
    • Kiểm tra xem có text “amp” không
    • Nếu không thì điền text “amp” vào

Vậy là xong, bây giờ các bạn quay lại website và test với bài viết như mình đã hướng dẫn ở xem đã có AMP chưa. Nếu đã thao tác xong hết mà vẫn tiếp tục bị, các bạn hãy comment vào bài viết này, mình sẽ hỗ trợ các bạn nhé.

Video hướng dẫn cài đặt AMP cho Website WordPress

Đang cập nhật…

Thietkewebfree.com – Liêm MKT

Trả lời

Facebook
Youtube
Zalo
Gọi Liêm