Tối ưu hóa nội dung trên Facebook, Google AMP và Apple News cho Wordpress

Tối ưu hóa nội dung rên Facebook, Google  AMP và Apple News giúp nội dung của bạn hiển thị tốt trên các thiết bị di động ( moblie , trừ tab như ipad ) . Việc tối ưu hóa nội dung hiển thì rên mobile hiền đang xu hướng bằng chứng là Google ra hằn cái AMP và uu tiến nó trong SEO còn Facebook thì ra chức năng " bài viết tức thời ".

Vậy làm thế nào để Tối ưu hóa nội dung trên Facebook, Google  AMP và Apple News cho Wordpress ?

Thay vì cài đặt các plugin phù hợp cho từng phần như AMP cho Google , Facebook Instant Article cho facebook , Apple news cho .. thì giờ đây bạn chỉ cần cài Facebook Instant Articles & Google AMP Pages by PageFrog , là sẻ đáp ứng được các yêu cầu đó .

Link tải : Bạn có thề tìm kiếm trong plugin hoặc tải tại đây : https://vi.wordpress.org/plugins/pagefrog/

Hướng dẫn cái đặt và sử dụng Facebook Instant Articles & Google AMP Pages by PageFrog

Cài đặt, kích hoạt 2 plugin AMP và Facebook Instant Articles & Google AMP Pages by PageFrog.

Sau khi cài đặt xong, các bạn vào phần Mobile Formats trên thanh công cụ WordPress.

Tại đây các bạn có thể thấy rằng trang AMP của chúng ta đã được kích hoạt, còn trang FB Instant article chỉ chưa, cần phải đăng kí đã. Các bạn ấn vào nút Begin Setup, sẽ hiện ra chi tiết các bước mà bạn cần làm.

Các bạn có thể nhìn vào hình dưới đây để hiểu mình phải làm gì. Hiện tại thì các bạn hãy cứ làm xong bước 1 đi đã, vì tới 12/4 nó mới hoạt động chính thức, đặt chỗ trước đã.

Styling

Tiếp theo, hãy đến với tính năng nổi bật của plugin này đó là tùy chỉnh trang AMP của bạn một các đơn giản nhất.

Hãy đến phần Styling, tại đây các bạn có thể tùy chỉnh trang AMP của mình một cách nhanh nhất. Bạn có thể tùy chỉnh phần tiêu đề bằng các tùy chỉnh về banner, màu sắc thanh tiêu đề, cũng như kiểu font chữ. Tương tự là các phần body và footer.

Thứ mình thích nhất ở đây chính là việc nó cho phép ta xem preview trực tiếp trang AMP hay là instant article của chúng ta sẽ hiển thị như thế nào sau khi cài đặt. Các bạn có thể thoải mái chỉnh theo ý thích mà không mất quá nhiều thời gian. Sau khi đã thấy ưng chỉ cần Save Settings là xong.
Analytics

Tiếp theo sẽ là phần Analytics trong plugin này. Nó giúp ta cài đặt nhanh Google analytics và một số công cụ khác vào trang AMP và Instant articles của chúng ta. Bạn chỉ cần liên kết và cấp quyền cho plugin là xong.
ADS

Các bạn đang lo lắng về phần quảng cáo sẽ không hiển thị trên trang AMP của mình? Phần này sẽ giúp bạn.

Tại đây bạn có thể cài đặt quảng cáo của facebook cũng như là mã quảng cáo Google Adsense lên trang web của mình nhanh chóng mà không lo lắng về mức độ thích ứng.
Settings

Đây là phần quan trọng nhất, giúp bạn khắc phục một số lỗi tồn tại khi sử dụng plugin AMP.

Trong đó:
Pages chưa được plugin AMP của Automattic hỗ trợ nên tạm thời các bạn vô hiệu hóa (disabled) nó đi.
Force AMP compliance by removing other plugins/functions from AMP pages: tùy chọn này giúp loại bỏ hoàn toàn chức năng, code của các plugin khác. Khi chọn nó, bạn sẽ không bị lỗi trang AMP vì code của các plugin khác nữa.
Display Featured Image: hiển thị ảnh đại diện (nổi bật) ở đầu mỗi bài viết.

Ngoài ra, để trang AMP không bị Google Webmasters báo lỗi, các bạn cần lưu ý thêm một vài vấn đề sau:
Bổ sung featured image cho các bài viết. Trong mỗi bài viết phải có ít nhất 1 hình ảnh.
Không dùng các thẻ như embed, rel… trong bài viết. Nên bạn nào đã và đang sử dụng thẻ rel=”nofollow” và rel=”follow” trong bài viết thì hãy xóa ngay đi nhé.
Không dùng các thẻ property, xmlns:v, typeof… trong mã nguồn HTML.



Click chuột phải vào màn hình, chọn Inspect (đối với trình duyệt Google Chrome) hoặc F12. Chọn tiếp tab “Console“. Nếu bạn nhận được thông báo như thế này thì có nghĩa là giao diện AMP đã hoàn toàn sạch lỗi.


Chúc các bạn thành công!