Tích hợp trang dành cho thiết bị di động được tăng tốc (AMP) vào WordPress.
Nếu để ý thì chắc bạn đã biết, thời gian gần đây, trong Google Webmasters (Search Console) xuất hiện thêm một mục có tên là “Trang dành cho thiết bị di động được tăng tốc“. Trang dành cho thiết bị di động được tăng tốc (Accelerated Mobile Pages hay AMP) là một sáng kiến mã nguồn mở giúp cho các trang web tải nhanh và có giao diện đẹp trên thiết bị di động, thậm chí ngay cả khi mạng chậm. Và theo đó, nếu trang “tuân thủ AMP” của bạn bao gồm vài thông tin bổ sung, tính năng hiển thị đặc biệt, có thể sẽ nhận được thứ hạng cao hơn trong bảng kết quả tìm kiếm của Google.
Tham khảo thêm:
- Hướng dẫn khắc phục lỗi giao diện AMP của WordPress
- Sở hữu plugin tạo giao diện AMP tốt nhất – WP AMP với giá chỉ 120k
Trang dành cho thiết bị di động được tăng tốc trong WordPress
Đối với những người làm SEO thì đây là một cơ hội khó có thể bỏ qua. Vậy làm thế nào để tạo các trang AMP cho blog/website của bạn? Hướng dẫn chi tiết về vấn đề này, các bạn có thể tham khảo thêm tại đây.
Nếu bạn đang sở hữu một blog/ website được xây dựng dựa trên nền tảng WordPress.com hoặc WordPress.org, mọi việc sẽ trở nên đơn giản hơn rất nhiều.
Vào hôm qua, 24/02/2016, Automattic chính thức công bố tích hợp các trang AMP cho toàn bộ blog/website chạy trên mã nguồn mở WordPress.com. Bạn không cần phải làm gì cả, mọi thứ đã được cài đặt và cấu hình sẵn.
Còn nếu blog/ website của bạn chạy trên mã nguồn được download từ WordPress.org (hay còn gọi là WordPress self-hosted) thì mọi việc cũng đơn giản không kém. Tất cả những gì bạn cần làm là cài đặt và kích hoạt plugin có tên là AMP trên blog/ website của mình là được.
Sau đó, để kiểm tra xem các trang AMP đã hoạt động hay chưa, hãy truy cập một bài viết bất kỳ và thêm “/amp” vào sau link của bài viết đó.
Chẳng hạn, link bài viết là: wpcanban.com/kiem-tien-online/tu-bo-cong-viec-hien-tai-va-chuyen-sang-kiem-tien-online.html thì link trang AMP của nó sẽ là: wpcanban.com/kiem-tien-online/tu-bo-cong-viec-hien-tai-va-chuyen-sang-kiem-tien-online.html/amp.
Lưu ý:
- Bạn nên test trên trình duyệt của điện thoại di động để thấy kết quả hiển thị chính xác nhất.
- Hiện tại AMP chỉ hỗ trợ các bài viết (posts) mà thôi.
Nếu muốn tùy biến giao diện của các trang AMP, các bạn có thể tham khảo thêm code snippets tại đây.
Bạn có đang sử dụng các trang AMP trên blog/ website của mình? Liệu chúng có thực sự ảnh hưởng đến thứ hạng tìm kiếm của Google? Hãy cho mọi người biết quan điểm của bạn về vấn đề này bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Chấn Trình đã bình luận:
25/02/2016 at 10:22Sắp tới bạn sẽ có bài hướng dẫn chi tiết hơn phải không??
Trung Hiếu đã bình luận:
25/02/2016 at 10:32Mình nghĩ là không. Vì trong này đã có hướng dẫn chi tiết rồi: https://www.ampproject.org/docs/get_started/create_page.html và https://support.google.com/webmasters/answer/6340290 :)
Chấn Trình đã bình luận:
25/02/2016 at 10:36Nhưng mình không hiểu lắm bạn à, bạn làm thêm bài nữa đi cho anh em dễ tích hợp.
Trung Hiếu đã bình luận:
25/02/2016 at 10:42Để mình test thêm về hiệu quả của AMP trong SEO đã. Rồi sẽ quyết định có hướng dẫn tiếp hay không. Vì hiện tại mình cũng mới cài AMP mặc định của WordPress thôi, chưa tùy biến bất cứ thứ gì. :)
Sơn Mai đã bình luận:
26/02/2016 at 09:19Bạn Hiếu ơi cho mình hỏi chút. Mình chỉ cần cài Plugin rồi thêm AMP phía sau link là được hay phải edit code nữa. Mình không hiểu cách làm nữa. Mình cài rồi và thay link nhưng nó không thay đổi gì cả
Trung Hiếu đã bình luận:
26/02/2016 at 09:54Bạn cài plugin AMP vào và active nó lên là được nhé. :P Sau đó test thử bằng cách chèn thêm /amp vào sau link bài viết và bấm enter. :)
Sơn Mai đã bình luận:
26/02/2016 at 20:30Không hiểu sao không được bạn ạ
Trung Hiếu đã bình luận:
26/02/2016 at 20:38Nếu không được thì nhiều khả năng bị conflict với một plugin nào đó rồi, đặc biệt là mấy plugin tạo cache. :P
Nguyen Hung Cuong đã bình luận:
26/02/2016 at 10:32Bạn phân biệt giúp mình site có:
– Theme Autoresponsive
– Có cài plugin AMP
– Plugin Mobile
3 cái chức năng này có khác gì nhau? Và có cần cả 3 không ?
Nguyen Hung Cuong đã bình luận:
26/02/2016 at 10:35Tiếp nữa, AMP được hiểu là 1 cách tăng tốc site. Vậy nó có xung khắc gì với Plugi Cache không ?
Trung Hiếu đã bình luận:
26/02/2016 at 11:31Về mặt lý thuyết thì không. Nhưng sau khi kích hoạt AMP, bạn nên tiến hành xóa cache. :)
Trung Hiếu đã bình luận:
26/02/2016 at 11:58Đã responsive rồi thì không cần cài plugin tạo giao diện mobile nữa nhé. Và ngược lại. Còn cái AMP thì mình chưa biết hiệu quả thực sự đến đâu, vì tất cả mới chỉ là thử nghiệm. Nhưng Google đã “khuyên” thì ta cứ cài vào. :D
Nhật đã bình luận:
26/02/2016 at 15:04Ahihi, cái này hay nè, để tối cái thử :V
Trung Hiếu đã bình luận:
26/02/2016 at 19:29Học cái kiểu cười thục nữ ở đâu ra đấy thằng em? Mới tìm ra giới tính thật của mình sau một thời gian thơ thẩn à? :P
Nhật đã bình luận:
26/02/2016 at 19:57:V Ứ chịu đâu :))) Mà sao chỉ số alexa em đang 1k nhảy lên 9k, nhảy tùm lum hết là thế méo nào nhỉ
Trung Hiếu đã bình luận:
26/02/2016 at 20:15Quan tâm traffic chứ quan tâm cái rank Alexa làm gì thím? Có mài ra mà ăn được đâu. :P
Nhật đã bình luận:
26/02/2016 at 20:41:V Em có đang làm sai điều gì không ta, sao visit dừng ở khoảng 2k cả nửa tháng nay chả chịu tăng :3
Trung Hiếu đã bình luận:
26/02/2016 at 20:42Kiểm tra lượng traffic từ Google xem. Nếu không giảm thì có nghĩa là… không làm gì sai cả. :P
Nhật đã bình luận:
26/02/2016 at 21:01Em Seo từ khóa chính là thơ tình buồn lên category mà 2 tháng rồi chưa lên -_-
Trung Hiếu đã bình luận:
26/02/2016 at 21:38Nghe có vẻ độ cạnh tranh cao đấy. Chọn từ khóa dài hơn một chút cho dễ SEO. :D
Nhật đã bình luận:
26/02/2016 at 20:46Của em toàn từ Google với Bing và Cốc Cốc thôi, chả giảm, từ khóa lên nhưng traffic vẫn thế, chắc nhắm nhầm từ rồi :3
Trung Hiếu đã bình luận:
26/02/2016 at 20:49Chứng tỏ nhu cầu tìm kiếm những từ khóa đó đang có dấu hiệu chững lại. Chú nên SEO thêm các từ khóa khác. :P
Duy Tran đã bình luận:
27/02/2016 at 05:21Chả thấy có tác dụng gì hết ?Load web chậm ,không load hình ảnh luôn …Mà đâu phải ai vào web lại gõ thêm */amp ???Cái nay mang tính thử nghiệm là chính quá
Trung Hiếu đã bình luận:
27/02/2016 at 05:44Cái này dùng cho Google mà. Họ sẽ crawl dữ liệu qua mấy cái link đó và nhận biết là site của bạn có AMP. Sau đó, sẽ hiển thị link AMP trên kết quả tìm kiếm bằng thiết bị di động thay cho link bình thường. Nếu mình không nhầm thì là như vậy. :P
tai game iwin đã bình luận:
27/02/2016 at 08:28Nghe nói phải chỉnh sửa file index trong plugin để phù hợp nữa phải không Hiếu? Vì có thể nó không phù hợp với một số trang web.
Trung Hiếu đã bình luận:
27/02/2016 at 08:29Tham khảo trong này nhé: https://github.com/Automattic/amp-wp :)
Nhật đã bình luận:
27/02/2016 at 15:53KLQ nhưng hiện tại thì em thấy nó như cờ cờ -_- Load còn chậm hơn bình thường, lại còn xấu, không có hình, không có cái méo gì cả @@!
Trung Hiếu đã bình luận:
27/02/2016 at 17:41Anh thì đang tìm cách fix mấy cái lỗi còn tồn tại trên giao diện AMP đây. Google Webmaster vừa gửi email thông báo. :D
Nhật đã bình luận:
27/02/2016 at 17:43Khi nào em test thấy của thím êm đẹp em hãy mó vào :3 Giờ gỡ ra cho khỏe -_-
Trung Hiếu đã bình luận:
27/02/2016 at 17:46Anh cũng đang test thử thôi mà. Mang WP Căn bản ra thay mọi người làm chuột bạch. :D
Nhật đã bình luận:
27/02/2016 at 17:51:V Hồi tối em ngồi rảnh rỗi sửa lại mấy bài top 1, sửa có vài chữ trong bài với tiêu đề cho nó ngầu hơn thôi, xong gửi lên chỉ mục toàn bộ trang cho nó cập nhật, giờ lọt hết xuống Top 5, Top 6 -_- Đệt.
Trung Hiếu đã bình luận:
27/02/2016 at 17:53:D Phải “phá” nhiều mới tích lũy được kinh nghiệm chứ. Lần này xuống, lần sau lại lên. Sợ gì. Quan điểm của anh là không ngại thử cái mới. Anh cũng toàn thế mà. :D
Nhật đã bình luận:
27/02/2016 at 20:16:V Phải dồi phải dồi :D
Anh Nguyen Duc đã bình luận:
28/02/2016 at 11:42Hay quá nhưng ko rõ tích hơp vào web như thế nào, có plugin nào hỗ trợ nhanh không Hiếu?
Trung Hiếu đã bình luận:
28/02/2016 at 12:08WordPress thì có thể cài plugin AMP vào. Còn BlogSpot thì có lẽ phải code bằng tay hoặc chờ anh Google. :)
Khôi Nguyễn đã bình luận:
28/02/2016 at 22:34Một số lỗi mình cập nhật như sau:
– Image phải từ 700 px trở lên
– Ai dùng plugin Minify nén java thì tích bỏ đi (trong mấy cái WP total 3 cache, super cache cũng có nếu dùng)
– Các thẻ trong plugin khác được chèn vào bài viết không được áp dụng (như cái kkstart) mà ebooksvn đang sử dụng không tương thích.
Mình không rành lập trình nên chỉ biết 1 số lỗi đó, bạn nào biết thì chỉ rồi fix nha :)
Trung Hiếu đã bình luận:
28/02/2016 at 22:36Đã phát hiện mấy vấn đề này từ trước, tuy nhiên vẫn chưa có phương án khắc phục nên tạm thời đã gỡ AMP ra. :D
Khôi Nguyễn đã bình luận:
28/02/2016 at 23:16Vừa mơí tìm ra giải pháp nha Hiếu.
Cái minify mình disnable đi – còn kkstart thì bỏ hiển thị trong bài viết, vào phần help của kkstart dời lấy code php cái đầu tiên bỏ vào dưới title website sẽ hết báo lỗi :)
Xem thêm: http://www.songkhoetoday.com/chia-se/goc-tam-su/nhan-qua-dang-khi-tan-tinh-vo-ban.html
Link amp: http://www.songkhoetoday.com/me-va-be/nuoi-day-tre/canh-bao-cu-den-gay-ngo-doc-cho-tre-duoi-6-thang-tuoi.html/amp
đã hết các thuộc tính của kk start
Trung Hiếu đã bình luận:
28/02/2016 at 23:55Ý tưởng hay. :D Nhưng chèn thủ công cho từng bài viết thì e không tối ưu cho lắm, đặc biệt là những site có số lượng bài viết lớn? :)
Thanh đã bình luận:
03/03/2016 at 09:40Mình đã thử cài nhưng ảnh không hiển thị, các bài viết liên quan, danh mục, bố cục không có, quảng cáo adsense không hiển thị thế thì cài làm gì chứ. Mà google webmaster, Google adsense khuyến nghị cài cái này làm gì vậy?
Trung Hiếu đã bình luận:
03/03/2016 at 10:21Nếu tất cả mấy cái mà bạn nói đều hiển thị thì đâu gọi là trang AMP nữa. :P Mục đích của AMP là khi kết nối mạng chậm vẫn có thể xem được nội dung chính cơ mà. Vì vậy phải loại bỏ những thành phần không cần thiết ra. Còn nếu muốn tùy biến giao diện và chức năng của AMP thì bạn tham khảo ở đây: https://github.com/Automattic/amp-wp
Thanh đã bình luận:
03/03/2016 at 10:28Hj, Cảm ơn Trung Hiếu nhé. Mình sẽ tìm hiểu thêm :)
Luan Bui đã bình luận:
08/03/2016 at 18:33đã cài và thấy nhanh hơn thật,, còn có lợi cho seo thì theo mình là có
Trung Hiếu đã bình luận:
08/03/2016 at 19:01Cái này Google Webmasters đã viết quá rõ ràng rồi. Nếu không có lợi thì ai cài vào làm gì. :)
Luan Bui đã bình luận:
08/03/2016 at 20:04anh gồ đã khuyên thì mình có hành động :D
Vũ Văn Hơn đã bình luận:
14/03/2016 at 22:34Bác nào muốn dùng nó thì có thể đọc qua bài viết của em ở đây, em đã áp dụng và thấy là nó khá ổn. http://vuvanhon.com/huong-dan-cai-trang-danh-cho-thiet-bi-di-dong-amp.html.
Trang Amp tại đây: http://vuvanhon.com/huong-dan-cai-trang-danh-cho-thiet-bi-di-dong-amp.html/amp
Trung Hiếu đã bình luận:
15/03/2016 at 06:17Bạn đã bỏ qua mất một thiết lập rất quan trọng. Và chính điều này sẽ khiến trang AMP bị Google báo lỗi. :) Mình đã khắc phục được vấn đề và đang test thêm. Sẽ có bài hướng dẫn chi tiết sau. Cảm ơn những đóng góp của bạn. :)
mã giảm giá adayroi đã bình luận:
18/05/2016 at 14:56cái này gióng như cái giao diện di động của jetpack, tất cả css bị lọa bỏ hết, có mà vấn đề là e dùng short code nó cũng cho tèo luôn, nên thôi cạch
vannguyen đã bình luận:
10/11/2016 at 13:57Mình áp dụng bài này của bạn cho blogspot được ko nhỉ, để mình vọc cái xem sao
Trung Hiếu đã bình luận:
10/11/2016 at 14:05Cái này chỉ áp dụng cho WordPress thôi bạn ạ. BlogSpot không hỗ trợ plugin đâu. :)
Hangdau đã bình luận:
16/11/2016 at 20:51cảm ơn bài viết hữu ích ạ!
Thanh Thu đã bình luận:
05/04/2017 at 13:12Chào Admin.
Cho mình hỏi mình có cái plugin AMP vào web nhưng khổ nỗi khi tìm kiếm trên trình duyệt PC nó vẫn hiện trên kết quả tìm kiếm google là domain.com/amp. có cách nào để các kết quả tìm kiếm của trang AMP chỉ xuất hiện trên mobile không Ad.
Em cảm ơn ạ
Trung Hiếu đã bình luận:
05/04/2017 at 13:18Bạn đang dùng plugin gì để tạo giao diện AMP?
Thanh Thu đã bình luận:
05/04/2017 at 13:19Em dùng 2 cái này
https://wordpress.org/plugins/accelerated-mobile-pages/
https://wordpress.org/plugins/amp/
Trung Hiếu đã bình luận:
05/04/2017 at 13:28Bạn có thiết lập chế độ tự động redirect sang giao diện AMP trên di động không? :P
Thanh Thu đã bình luận:
05/04/2017 at 13:29:D vào phần nào vậy Anh
Thanh Thu đã bình luận:
05/04/2017 at 13:31Mobile Redirection
Enable AMP for your mobile users. Give your visitors a Faster mobile User Experience.
phần này mình bật lên hay tắt Anh
Trung Hiếu đã bình luận:
05/04/2017 at 13:32Tắt đi bạn nhé. Google sẽ tự điều hướng người dùng. Không nên thiết lập redirect như vậy đâu. :P
Thanh Thu đã bình luận:
05/04/2017 at 13:35vẫn tắt à Anh. Em chưa bật bao giờ cả. Với lại các trang như category & tag hiện tại chưa hỗ trợ AMP à Anh
Trung Hiếu đã bình luận:
05/04/2017 at 14:01Nếu là AMP mặc định của WordPress (Automattic) thì chỉ mới hỗ trợ bài viết thôi bạn. Nếu bạn muốn hỗ trợ chuyên mục, tag… thì nên sử dụng plugin WP AMP (trả phí). :P
Dự Án Tara Residence đã bình luận:
05/04/2017 at 15:20Dạ. à em có dùng plugin contact form 7 nhưng khi xem trên AMP thì form contact không xuất hiện Anh à. Có hướng nào giải quyết không Anh.
Lam đã bình luận:
11/07/2017 at 17:42Amp có cải thiện được tốc độ tải trang không a, em cài plugin alo kèm theo theme mua mà thấy tốc độ không thay đổi nhiều, site: chamsocda24.com
Trung Hiếu đã bình luận:
11/07/2017 at 17:50Cải thiện nhiều chứ bạn. Nó tạo 1 bản cache của giao diện AMP trên máy chủ của Google nên load rất nhanh. Không phải tải trực tiếp từ website của bạn đâu. :P
trinhnk đã bình luận:
09/11/2017 at 10:05Website chạy trên mã nguồn được download từ wordpress là sao anh? Nó khác gì với website mã nguồn wordpress?
Trung Hiếu đã bình luận:
09/11/2017 at 10:17WordPress nó phân làm 2 loại: WordPress.com (miễn phí) và WordPress.org (hay WordPress self-hosted, bạn phải bỏ tiền ra mua hosting và tên miền). Trong đó, loại cho phép bạn cài thêm plugin là WordPress.org. :P
trinhnk đã bình luận:
09/11/2017 at 11:05Theo em biết thì wordpress.com vẫn cho mình mua tên miền vào cài plugin mà anh. Như anh nói thì wordpress.org cần cài thêm plugin để hiển thị AMP phải không anh?
Em đang dùng them gomedia wordpress.org và chưa cài AMP. Nếu em cài thì trang di động sẽ tải nhanh hơn hiện tại phải không anh?
Trung Hiếu đã bình luận:
09/11/2017 at 11:07Tham khảo bài viết “Hướng dẫn gỡ bỏ AMP khỏi blog/ website WordPress” trước khi bạn quyết định có nên cài AMP hay không. :P
trinhnk đã bình luận:
09/11/2017 at 11:10Em cảm ơn anh!
BẤT ĐỘNG SẢN TP.HCM đã bình luận:
24/11/2017 at 21:03Mình tay ngang nên ko rõ lắm….Hjx…nhìn hướng dẫn mà hoa cả mắt….Ko biết có phương án nào để dễ làm nhanh hơn ko nửa…Web mình làm bên bizweb nên ko biết có cài được ko…Ai cho lời khuyên web mình http://gicvina.com/
Duy đã bình luận:
09/03/2018 at 10:55Sao em cài AMP nhưng vào website bằng máy tính thì lại hiện ra giao diện và url của AMP vậy anh
Trung Hiếu đã bình luận:
09/03/2018 at 11:23Bạn tạo giao diện AMP cho WordPress bằng plugin nào? Bạn có đang kích hoạt tính năng redirect tự động sang URL của AMP không? :P
Duy đã bình luận:
09/03/2018 at 11:34Em dùng plugin AMP for WP – Accelerated Mobile Pages tại https://vi.wordpress.org/plugins/accelerated-mobile-pages/
Em đã tắt tính năng redirect tự động cho người dùng truy cập mobile nhưng vẫn vậy và thỉnh thoảng vài trang , còn vài trang không bị
Trung Hiếu đã bình luận:
09/03/2018 at 11:40Bạn thử xóa cache web đi xem (nếu site có cài plugin tạo cache). :P
Duy đã bình luận:
09/03/2018 at 11:43à có cách nào check được link AMP lỗi vì trước đó e gỡ AMP bị mất một số trang, giờ e muốn tìm lại để submit cho nhanh.
Trung Hiếu đã bình luận:
09/03/2018 at 11:57Sử dụng Broken Link Checker xem sao. :P
Duy đã bình luận:
09/03/2018 at 12:02sử dụng cái này thì check được link bị mất mà giờ e bật AMP lại rồi, nhưng phải đợi google index ngoài google, nó chưa index thì bị hiện trang lỗi T_T
Trung Hiếu đã bình luận:
09/03/2018 at 12:07Vậy thì đọc bài Hướng dẫn gỡ bỏ AMP khỏi blog/ website WordPress đi. =))
Anh Hùng đã bình luận:
10/06/2018 at 15:23Em cài Plugin amp vào sau đó vào bài viết thêm đuôi /amp. thì trang báo lỗi là site đã chuyển hướng bạn quá nhiều lần và không thể đọc được bài viết nữa.
Trong trường hợp này phải xử lý thế nào vậy anh Hiếu?
Trung Hiếu đã bình luận:
10/06/2018 at 16:44Trên site của bạn có cài plugin nào có khả năng redirect link không?
Anh Việt đã bình luận:
03/08/2018 at 09:34Mình đã cài thử… toàn bộ từ khóa đều từ top 5 6 bay ra khỏi top 100. Mới cài thử trong 2 ngày và thấy vậy. Bác nghĩ có rank lại top được không @@!. Em để lâu hơn xem sao
Trung Hiếu đã bình luận:
03/08/2018 at 09:41Mình nghĩ nguyên nhân không phải do AMP. Thứ nhất, AMP là 1 giao diện riêng, nó không thay thế giao diện mobile của WordPress. Thứ hai, nó chỉ ảnh hưởng đến thứ hạng tìm kiếm trên mobile (có thể là trong tương lai, hiện tại vẫn chưa có xác nhận chính thức), không ảnh hưởng đến desktop. Thứ ba, Google cần thời gian để cập nhật, không thể mới 2 ngày đã thay đổi rõ rệt như vậy được. Nhiều khả năng site của bạn gặp vấn đề với đợt cập nhật thuật toán vừa qua của Google rồi. :P
Anh Việt đã bình luận:
03/08/2018 at 10:43Cảm ơn bác đã trả lời. ^^! Phần lớn em làm link 3/4 nofollow – Link ko quá nhiều và viết nội dung nhiều hơn. nếu do thuật toán thật thì chắc sẽ là biến lớn @@!