Google AMP là gì? Hướng dẫn cài đặt Google AMP từ A đến Z

Tác giả: | Chuyên mục: Google Tools | Đăng ngày: 09/08/2019


Google AMP – Thần ánh sáng Aether trong SEO Google Mobile dẫn đường những “từ khóa lẹt đẹt” không ai để ý trở về top 10 trong thời gian 2 tháng. Ngay cả người không chuyên, SEO Vietnam sẽ hướng dẫn bạn cài đặt một cách đơn giản nhất, dễ hiểu nhất để hoàn thành yếu tố SEO này.

Lưu ý: Hãy thử nghiệm trên các bài viết trước khi thực hiện cho toàn bộ website.

1. Google AMP là gì

Google AMP viết tắt Accelerated Mobile Pages là trang hiển thị trên thiết bị di dộng có tốc độ vượt trội, bạn sẽ thấy icon nhỏ nhỏ hình “tia chớp” khi tìm kiếm trên thanh công cụ. Sử dụng AMP làm tăng trải nghiệm người dùng và tiết kiệm tài nguyên. Để đơn giản hơn hãy hiểu Google trông giống như một “bảo mẫu” và chăm sóc phiên bản di dộng website từ A đến Z, tốc độ truy cập website từ đi xe hơi sang tốc độ tên lửa – hơn hết bạn không hề tốn thêm chi phí nào nữa.

Google AMP là gì?

Google AMP là gì? Hướng dẫn cài đặt từ A đến Z

2. Tại sao phải cài đặt AMP

Cài đặt Google AMP tăng tốc độ tải trang trên thiết bị di động, đây là yếu tố quan trọng nhất trên “mobile first index” qua đó gia tăng thứ hạng từ khóa trên công cụ tìm kiếm. Trong đợt cập nhật thuật toán tháng 6.2019 Google đã tăng điểm ưu tiên di động vào yếu tố xếp hạng mới.

Tham khảo thêm:

AMP-Google cập nhật thuật toán mới June Broad core tháng 06-2019

Chiến lược quảng bá website cho người dùng di động 

Càng ngày càng nhiều người dùng di động để online, bạn có thể làm được gì?

3. Sử dụng AMP khi nào

Ví dụ thực tế: đo lường trên Google Pagespeed Insights

SEO VietNam sử dụng URL:  https://seovietnam.net.vn/thu-nghiem-ab-testing-bang-google-optimize/ so sánh phiên bản có AMP và không có AMP.

Kết quả: điểm Pagespeed Insights từ 25 điểm lên 87 điểm.

  • Trước khi cài AMP
Trước khi cài AMP điểm Pagespeed Insights 25 lên 87 điểm.

Trước khi cài AMP điểm Pagespeed Insights 25 lên 87 điểm.

  • Sau khi cài AMP
87 điểm sau khi cài AMP

87 điểm sau khi cài AMP

Với kết quả trên, SEO VietNam đút kết được 3 lý do để bạn cài đặt Google AMP ngay hôm nay:

  • Tăng thứ hạng từ khóa: Chắc chắn rồi. 
  • Tiết kiệm chi phí CDN: Bạn đang sử dung các kênh CDN để phân phối content như KeyCDN, Cloudfale… Trước khi sử dụng hãy nghĩ đến AMP bởi vì hẳn nhiên Google vẫn ưu tiên hơn cho sản phẩm của họ.
  • Phiên bản di dộng hiện tại chưa chuẩn Responsive: Bạn không cần quan tâm đến điều đó nữa, hãy chọn AMP làm phương thức thay thế, chi phí hầu như bằng 0.

Cài đặt AMP hôm nay không để ngày mai

4. Có phải tất cả trang web đều sử dụng AMP

Như ban đầu bài viết, SEO VietNam khuyên bạn nên thử nghiệm trên các bài viết trước, sau đó hãy tiến hành trên các trang danh mục, sản phẩm . Hiện tại AMP còn mới nên bạn cần có thời gian thử nghiệm.

5. Cách check website AMP đã có hay chưa ?

1.Truy cập website ampproject.org

Địa chỉ truy cập: https://validator.ampproject.org/

Copy URL có amp  mục URL search, nếu có lỗi xảy ra thì bạn sẽ nhận được thông báo.

Hướng dẫn cài đặt Google AMP Truy cập website ampproject.org

Cách kiểm tra website có AMP

2. Tải extentions amp trên chorme để kiểm tra

Hướng dẫn cài đặt Google AMP Tải extentions amp trên chorm để kiểm tra

Tải extentions amp trên chorm để kiểm tra

 

6. Làm thế nào cài đặt AMP nếu bạn không phải là lập trình viên

Hãy yên tâm SEO VietNam sẽ hướng dẫn cài đặt AMP cho người không chuyên, không rành về thiết kế web. Chỉ cần 30 phút dành làm theo hướng dẫn mà từ khóa lên top mãi mãi cũng xứng đáng. 

7. Hướng dẫn cách cài đặt và sử dụng Google AMP trên WordPress

7.1 Cài đặt plugin AMP

Hiện tại trên thị trường có 2 plugin nổi tiếng là AMP – do đội ngũ AMP Google phát triển và AMP for WP – Accelerated Mobile Pages  do Ahmed Kaludi, Mohammed Kaludi phát triển.

  • AMP- đội ngũ AMP Google phát triển: Plugin này không thể tùy biến giao diện theo mong muốn nên trông không bắt mắt , ảnh hưởng đến trải nghiệm người dùng.
  • AMP for WP – Accelerated Mobile Pages:  do Ahmed Kaludi, Mohammed Kaludi, được sử dụng phổ biến thứ 2 trên thế giới. Plugin hoạt động tốt, tùy biến giao diện với nhiều chức năng. Có bản miễn phí và tính phí. SEO Vietnam sẽ sử dụng plugin làm hướng dẫn trong bài viết.
Hướng dẫn cài đặt Google AMP Tải plugin

Tải plugin AMP

7.2 Cấu hình AMP Plugin

7.2.1 Phần Settings

a. Mục General :
  • Logo: Chọn ảnh logo trên website
  • Resize: chọn Resize Your Logo từ 0-100% để thay đổi kích thước logo.
  • Posts: Hiển thị AMP cho bài viết
  • Pages: Bạn cài đặt thử nghiệm trên Post ổn định rồi sau đó tiến hành trên Page.
  • HomePages: Không nên cài đặt
Hướng dẫn cách cài đặt và cấu hình AMP thương hiệu

Branding-Hướng dẫn cách cài đặt và cấu hình AMP

b. Mục SEO
  • Meta Description: Tích chọn.
  • OpenGraph Meta Tags: Tích chọn.
  • Select SEO Plugin: SEO VietNam sử dụng Yoast nên mình để Yoast, website  đang sử dụng plugin nào thì chọn plugin cùng tên.
  • Meta Tags from Yoast: Tích chọn.
  • Yoast Description in ld+json: Tích chọn.
  • Canonical from Yoast: Tích chọn.
Hướng dẫn cách cài đặt và cấu hình AMP mục seo

Hướng dẫn cách cài đặt và cấu hình AMP mục seo

c. Mục Performance Enhancement
  • Minify: Tích chọn.
Mục Performance Enhancement Hướng dẫn cách cài đặt và cấu hình AMP

Mục Performance Enhancement – Hướng dẫn cách cài đặt và cấu hình AMP

d. Mục Analytics
  • Google Analytics: copy mã GG Analytics sang.
  • Google Tag Manager: copy mã GG Tag manager. Chỉ  được chọn 1 trong 2 thẻ GA và Tag manager.
 Mục Analytics - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Analytics – Hướng dẫn cách cài đặt và cấu hình AMP

e. Mục Structured Data
  • Posts:  chọn Article.
  • Pages:  chọn Article.
  • Default Structured Data Logo: sử dụng logo hiện tại.
Mục Structured Data - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Structured Data – Hướng dẫn cách cài đặt và cấu hình AMP

f. Mục Notice Bar

Phần này website bên mình  không có nên không làm.

g. Mục Push Notification Support
  • OneSignal: bạn copy mã One Signal và dán qua bên này là được.
h. Mục Contact Form
  • Bản miễn phí không có chức năng này, nếu bạn có ngân sách thì sử dụng luôn nhé.
i. Mục Comment
  • Display on Posts: Mình test trên post nên chắc chắc tích mục này,
  • Display on Pages: khi nào Post ổn định các bạn quay lại làm sau, chỉ đơn giản là tích vào mà thôi.
  • WordPress Comments: Chọn tích.
  • Facebook Comments: Tích chọn nếu có cài đặt facebook comment.
Mục Comment - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Comment – Hướng dẫn cách cài đặt và cấu hình AMP

j. Mục Hide AMP Bulk Tools
  • Nếu không muốn có trang AMP cho danh mục, thẻ tag  nào thì lựa chọn ở đây.
k. Mục Advance Settings
  • Nếu bạn muốn cài đặt thêm nhiều chức năng chuyên sâu thì cấu hình ở đây. Mình để mặc định.
l.Mục E-Commerce
  • Cài đặt thêm plugin có trả phí để cài đặt.
m. Mục Translation Panel
  • Bạn có thể để mặc định tiếng anh hoặc việt hóa ngôn ngữ tại trang này.
Mục Translation Panel - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Translation Panel – Hướng dẫn cách cài đặt và cấu hình AMP

 

7.2.2 Phần Design

a. Mục Themes

Mình chọn Themes Swift, ngoài ra còn nhiều giao diện đẹp hơn các bạn có thể tham khảo trên trang chủ ampforwp.com/themes/

Mục Themes - Themes Hướng dẫn cách cài đặt và cấu hình AMP

Mục Themes – Hướng dẫn cách cài đặt và cấu hình AMP

b. Mục Global

Color Scheme mình chỉ thay đổi màu sắc cho nút call buton , kết quả trông như thế này.

Mục Global - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Global – Hướng dẫn cách cài đặt và cấu hình AMP

c. Mục Header
  • Header Type:  Tùy ý các bạn.
  • Navigation Menu: Tích chọn.
  • Menu Search:Tích chọn.
  • Menu Copyright: Tích chọn.
  • Call Now Button: Tích chọn và nhập số điện thoại.
  • Non-AMP link in Header : đặt link không có amp vào phần header , phần này mình không chọn.
  • Search: Tích chọn để có thanh search.
  • Sticky Header:  cài này là để cố định menu header trên màn hình hiển thị.
Mục Header - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Header – Hướng dẫn cách cài đặt và cấu hình AMP

d. Mục Homepage
  • Mình không để trang AMP trên trang chủ nên không đề cập đến phần này.
e. Mục Single Post Design
  • Single Design: Tùy ý chọn, mình chọn option đầu tiên.
  • Featured Image: chọn ảnh đại diện làm tấm hình đầu tiên , phần này bạn có thể tùy chọn kích cỡ phù hợp theo màn hình hiển thị.
  • Author Name: tên tác giả cuối bài viết có để lại không. cái này tốt cho SEO nên mình để lại.
  • Published Date: hiển thị ngày tháng trên bài viết.
  • Breadcrumbs: có hiển thị phân cấp danh mục ở đầu bài viết hay không.
  • Categories: cái này chọn để hiển thị danh mục của bài viết có được hiển thị không.
  • Excerpt: mình không hiển thị,
  • Next-Previous Links: hiển thị bài viết trước và sau hay không,
  • Author Bio: phần thông tin tác giả cuối bài viết có hiển thị hay không,
  • Recent Posts below Related:  Phần bài viết gần đây có được hiển thị dưới phần bài viết liên quan. nếu muốn có thì bạn tích chọn . Mục Recent Posts Date: có hiển thị phần ngày tháng của bài viết gần đây hay không.
f. Mục Related Post Settings
  • Related Post Designs: sắp xếp theo chiều dọc, chiều ngang, dạng trình chiếu carousel.
  • Related Post by: Bài viết liên quan theo danh muc hay thẻ tag. Bạn nên chọn categories.
  • Image: tích chọn nếu muốn bài viết có kèm theo hình ảnh.
  • Excerpt: Chọn nếu bạn muốn đoạn mô tả ngắn có hiển thị.
  • Sort Related Posts Randomly: Tích chọn nếu bạn muốn sắp xếp ngẫu nhiên để bài viết thú vị hơn.
  • Number of Related Post: Mình chon 3-5 bài viết. 
  • By Last X Days: bài viết ngẫu nhiên này nằm trong khoảng thời gian mà bạn chọn. mình không chọn phần này.
Mục Single Post Design - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Single Post Design – Hướng dẫn cách cài đặt và cấu hình AMP

g. Mục Footer Design
  • Footer Type: nếu bạn có menu cho footer cho trang AMP thì cài đặt.
  • Kiểm tra bằng cách:  Appearance –> Menus –> Tạo trang AMP Footer.
Mục Footer Design - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Footer Design – Hướng dẫn cách cài đặt và cấu hình AMP

General

  • Menu: Chọn menu đặt ở chân trang hay không.
  • Link to Non-AMP page in Footer: Có hiển thị dòng chữ “Xem phiên bản Non-AMP” hay không?
  • Back to Top link: Có hiển thị nút “Top link” để trở về đầu bài viết nhanh hơn.
General- Hướng dẫn cách cài đặt và cấu hình AMP

General- Hướng dẫn cách cài đặt và cấu hình AMP

h. Mục Social Sharing

Social Settings

  • Position: mặc định hiển thị góc trái như hình mẫu bên dưới
  • Social Share links to AMP: chia sẻ link AMP lên mạng xã hội thay vì link bình thường.
  • No Follow All Your Social Links: Đặt link nofollow cho mạng xã hội
Mục Social Sharing - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Social Sharing – Hướng dẫn cách cài đặt và cấu hình AMP

AddThis Share Buttons

  • Smart Sorting Share Buttons: Vị trí đặt link theo mỗi bài viết. Đến đây có lẽ bạn đang thắc mắc tại sao qua nhiều nút MXH như vậy. Mặc định plugin để phía dưới bài viết. Nếu không muốn bạn ẩn nút này đi.
  • Addthis Floating Share: Không nên tích sẽ rất xấu.
  • Addthis Inline Share
  • Position: Chọn đầu hoặc cuối bài viết là hợp lý nhất.
AddThis Share Buttons - Hướng dẫn cách cài đặt và cấu hình AMP

AddThis Share Buttons – Hướng dẫn cách cài đặt và cấu hình AMP

Sticky Social

  • Sticky social sharing bar: nút cố định các mạng xã hội mà bạn có trên màn hình.
Sticky Social - Hướng dẫn cách cài đặt và cấu hình AMP

Sticky Social – Hướng dẫn cách cài đặt và cấu hình AMP

Social Sharing: Mục này bạn muốn chia sẻ trên MXH nào thì mở MXH đó.

Social Media Profile Links: Bạn để hết trang kênh MXH đang sở hữu vào trong này.

Social Media Profile Links - Hướng dẫn cách cài đặt và cấu hình AMP

Social Media Profile Links – Hướng dẫn cách cài đặt và cấu hình AMP

i. Mục Date
  • Show Date As: Hiển thị ngày tháng trên website là ngày bạn đăng hay ngày chỉnh sửa.
  • Date Format: Ago: dạng xx ngày trước đây; Traditional: để ngày tháng chính xác: ví dụ như 2019-08-08 07:52:23, tùy chỉnh phần WordPress –> Setting –> Date Format.
  • Modified Date Notice: nếu chọn mục này thì bạn sẽ có dòng chữ “bài viết đã được chỉnh sửa” điều này thật tốt nếu bài viết của bạn được cập nhật thường xuyên khiến người đọc hài lòng.
Mục Date - Hướng dẫn cách cài đặt và cấu hình AMP

Mục Date – Hướng dẫn cách cài đặt và cấu hình AMP

 

8. Tổng kết

Đây là bài viết SEO VietNam hướng dẫn chi tiết từ A-Z để các bạn bắt đầu cải thiện AMP trên các bài viết. Hiện tại thứ hạng độ canh tranh cao trên di động bên mình cải thiện rõ rệt từ top 6 lên top 3. Qua kinh nghiệm trực chiến AMP rất dễ có lỗi phát sinh nên các bạn chia hoàn thiện dần dần Post, Page, Product, Category… Hy vọng mọi người cài đặt thành công, nếu gặp khó khăn hãy bình luận ngay bên dưới để được giải đáp. Bên mình sẽ giải đáp sớm nhất có thể. Chúc các bạn SEO top thành công.

Xem thêm kiến thức để hỗ trợ AMP tốt hơn: Cách đưa từ khóa lên top nhờ nội dung đáp ứng nhu cầu người dùng.

Share:
Bài Viết mới nhất