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. :)
Sắp tới bạn sẽ có bài hướng dẫn chi tiết hơn phải không??
Mì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 :)
Như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.
Để 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ì. :)
Bạ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ả
Bạ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. :)
Không hiểu sao không được bạn ạ
Nế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
Bạ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 ?
Tiế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 ?
Về 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. :)
Đã 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
Ahihi, cái này hay nè, để tối cái thử :V
Họ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
: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ỉ
Quan 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
: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
Kiể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
Em 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 -_-
Nghe có vẻ độ cạnh tranh cao đấy. Chọn từ khóa dài hơn một chút cho dễ SEO. :D
Củ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
Chứ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
Chả 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á
Cá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
Nghe 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.
Tham khảo trong này nhé: https://github.com/Automattic/amp-wp :)
KLQ 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ả @@!
Anh 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
Khi 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 -_-
Anh 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
: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.
: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
:V Phải dồi phải dồi :D
Hay 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?
WordPress 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. :)
Mộ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 :)
Đã 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
Vừ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
Ý 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? :)
Mì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?
Nế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
Hj, Cảm ơn Trung Hiếu nhé. Mình sẽ tìm hiểu thêm :)
đã cài và thấy nhanh hơn thật,, còn có lợi cho seo thì theo mình là có
Cá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ì. :)
anh gồ đã khuyên thì mình có hành động :D
Bá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
Bạ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. :)
cá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
Mì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
Cái này chỉ áp dụng cho WordPress thôi bạn ạ. BlogSpot không hỗ trợ plugin đâu. :)
cảm ơn bài viết hữu ích ạ!
Chà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 ạ
Bạn đang dùng plugin gì để tạo giao diện AMP?
Em dùng 2 cái này
https://wordpress.org/plugins/accelerated-mobile-pages/
https://wordpress.org/plugins/amp/
Bạn có thiết lập chế độ tự động redirect sang giao diện AMP trên di động không? :P
:D vào phần nào vậy Anh
Mobile 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
Tắ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
vẫ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
Nế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ạ. à 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.
Amp 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
Cả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
Website 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?
WordPress 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
Theo 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?
Tham 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
Em cảm ơn anh!
Mì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/
Sao 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
Bạ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
Em 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ị
Bạn thử xóa cache web đi xem (nếu site có cài plugin tạo cache). :P
à 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.
Sử dụng Broken Link Checker xem sao. :P
sử 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
Vậy thì đọc bài Hướng dẫn gỡ bỏ AMP khỏi blog/ website WordPress đi. =))
Em 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?
Trên site của bạn có cài plugin nào có khả năng redirect link không?