Cách dễ nhất để đưa AMP vào WordPress

Thảo luận trong 'SEO Onpage - Tối Ưu Website' bắt đầu bởi MozSeo, 23/8/16.

  1. MozSeo

    MozSeo Administrator

    Bài viết:
    1,255
    Đã thích:
    1,433
    Với thông tin cho rằng Google sẽ đưa kết quả của các trang AMP nằm trên top của kết quả organic search vào cuối năm nay, bạn có thể cảm thấy một chút lo lắng. Nhưng đừng hoảng sợ, dưới đây là 5 lý do giúp bạn bình tĩnh:

    1. Bạn vẫn còn thời gian từ đây tới cuối năm

    2. Google AMP không phải một yếu tố xếp hạng

    3. Đưa AMP vào trang khá dễ

    4. Những tin đồn đã được khẳng định là Google sẽ triển khai xong tất cả các trang sau khoảng một năm.

    5. Có những thứ khác còn quan trọng hơn phải lo

    Lúc này có lẽ chúng ta nên tập trung vào 3 điểm đầu tiên, bởi vì đưa AMP vào trang giúp cho website của bạn nhanh hơn, thân thiện với người dùng mobile hơn và nó cũng khá dễ làm.

    Dù cho bạn không có AMP thì cũng nên cung cấp kết quả nhanh nhất, thân thiện nhất với trải nghiệm trên mobile. Và chắc chắn là mọi chuyện tốt hơn nếu như Google cung cấp kiến thức cho các webmaster về cách làm sao để trang load nhanh hơn, có giao diện thân thiện hơn, hơn là bắt mọi người sử dụng cấu trúc của mình lồng ghép vào website.

    https://seomxh.com/threads/nhung-website-su-dung-amp-som-se-co-co-hoi-lon-hon.407206/

    Những website sử dụng AMP sớm sẽ có cơ hội lớn hơn

    Một nghiên cứu của SEO Powersuite cho chúng ta thấy cái nhìn tổng quan về phản ứng của các website về tính năng mới của Google là Google AMP. Mục tiêu...
    seomxh.com


    Nhưng hiện tại thì Google đang bắt đầu đẩy AMP rồi, và đây là cách mà tôi đã thành công đưa nó lên site của mình (sau nhiều vất vả và đau đầu với các laptop của mình).

    1. Đầu tiên bạn cần…

    Đây là kinh nghiệm cá nhân của tôi, cho nên có thể bạn sẽ có những hướng đi khác cho mình. Tuy nhiên, tất cả những gì bạn cần đó là một site WordPress, vài plug-in và vào được Search Console của website. Bạn sẽ cần phải vào được host nếu nhưng mọi thứ không được trơn tru.

    2. Download plug-in tên Automattic AMP

    Đầu tiên tôi sử dụng plug-in PageFrog, được giới thiệu là sẽ đem cả AMP và Facebook Instant Article lên website nhưng nó thật sự không làm được. Sau đó, chúng tôi sử dụng Automattic AMP, được khuyến nghị bởi Yoast.

    AMP-by-Automattic.

    Sau khi tôi enable plug-in này, nó thêm một số thẻ meta tag cơ bản vào trong phần head của site giúp Google nhận ra đó là một trong AMP. Bạn có thể tự kiểm tra bằng cách thêm /amp/ và sau URL hiện tại của trang.

    Đây là một trang desktop bình thường:

    methods-unsound-webpage.

    Còn đây là trang AMP với link URL chứa /amp/

    methods-unsound-AMP-page.

    Bạn có thể thấy, đây chỉ là dạng tối thiểu nhất, nhưng không sao, chúng ta sẽ sửa nó lại.

    3. Download plug-in Yoast Glue

    Yoast đã phát triển một plug-in rất dễ sử dụng tên là Glue, giúp cho bạn thêm các định dạng CSS đi kèm theo plug-in Automattic.

    Khi bạn đã enable Glue, bạn có thể thấy thẻ settings trong phần SEO>AMP>Design. Tại đây bạn có thể chỉnh lại màu và font chữ để gần giống với trang desktop nhất có thể, cũng như đưa lên tùy chỉnh về logo và CSS.

    Đây là trang AMP sau một số phút chỉnh sửa…

    methods-unsound-AMP-page-with-styling.

    Nó vẫn chưa hoàn hảo đâu. Tiếp theo, bạn sẽ cần phải kiểm tra xem Google có index trang này được không.

    4. Vào Search Console

    Nếu không có Search Console thì hãy đăng ký ngay đi nhé. Khi bạn đã vào trong, bạn có thể vào Search Appearance>Accelerated Mobile Pages. Đáng buồn thay, chúng tôi có tới 258 lỗi với trang AMP và càng ngày càng tăng theo số lượng trang chúng tôi tạo ra.

    Search-Console-Accelerated-Mobile-Pages-report.

    Nhưng cũng may mắn thay, Google cho chúng ta công cụ để kiểm tra tại sao lại có lỗi.

    5. Chạy tool AMP validator

    Nhưng bạn có thể thấy, chúng tôi có lỗi với “user authored Java script”, làm nó chặn Google index trang AMP. Click vào lỗi của bạn.

    map-errors.

    Nó sẽ dẫn bạn tới các trang bị lỗi. Kiểm tra trang đầu tiên

    amop-pages-failing.

    Bạn có thể thấy có 2 bước để tìm hiểu vấn đề gì đã xảy ra.

    validator-tool.

    1. Nó sẽ đưa bạn tới trang help để hướng dẫn cấu trúc HTML cho AMP

    2. Nó sẽ chạy tool giúp bạn tìm lỗi

    Click vào số 2. Trang này đưa ra cho bạn đoạn HTML có lỗi.

    AMP-fail.

    Với chúng tôi đó là do file Javascript trong HTML đã block AMP. Chúng tôi sau đó đã khắc phục lỗi này trên host. Và sau đó khoảng 6 ngày, chúng tôi có 328 trang AMP được index thành công.

    amp-page-checker.

    67 bạn thấy không được index, khi tôi chạy validation tool nó cũng đưa ra lỗi rõ ràng.

    Cuối cùng, tất cả những gì cần phải làm là ngồi chờ đợi cho trang AMP lên top organic search.

    Bài viết có tham khảo tư liệu từ SEW và được chia sẻ lên SEOMxh.com
    Mọi sao chép để nguồn Cách dễ nhất để đưa AMP vào WordPress
     
    Đang tải...
  2. VNPC

    VNPC Well-Known Member

    Bài viết:
    228
    Đã thích:
    20
    • Mình cài vô mà nó báo tùm lum lỗi, chả index được cái nào thành công cả. Nào là file .js chặn hiển thị, mà là js facebook share và comment đó, chả lẻ bỏ theo ý nó à? Còn thẻ div mà cũng báo là sai chỗ, tào lao thật. Người ta đặt tên thẻ div miễn là không dính dáng tới dữ liệu có cấu trúc thì tên gì mà chả được. Cứ thế rồi lỗi từa lưa ra, nhưng chỉ khi nào mạng GPRS hoặc tốc độ load quá chậm mới xài AMP mà cũng chỉ cho bài viết chứ sản phẩm vẫn phải xài theo giao diện.
    • Mình đang dựng một theme mới phát hành gần đây để thay nên chắc thời gian gian tới khi hoàn thành thì mới xem xét tiếp được. Nhưng cái gì cũng chạy theo google thì thật phi lý. Chẳng hạn cái vụ HTTPS và chứng chỉ SSL.
     
  3. quanghnn

    quanghnn Well-Known Member

    Bài viết:
    424
    Đã thích:
    30
    lần đầu tiên nghe nói đến AMP trên wordpress đấy
     
  4. thuongnv

    thuongnv Well-Known Member

    Bài viết:
    242
    Đã thích:
    39
    Mình đã được index nhưng có những lỗi này mà không biết sửa như nào và sửa ở chỗ nào
    Bài này của bạn nêu được lỗi không index mà không tập chung vào cách sửa lỗi nhỉ

    upload_2016-8-23_10-52-17.
     
  5. quanghvneu

    quanghvneu Well-Known Member

    Bài viết:
    66
    Đã thích:
    3
    Các bạn lưu ý nhé, nếu cài AMP thì bài viết nào cũng phải chèn hình ảnh. Vì không có hình ảnh nó không nhận đâu, nó sẽ báo link lỗi.
     
    thuongnv thích bài này.
  6. shopnuiluavn

    shopnuiluavn Member

    Bài viết:
    7
    Đã thích:
    0
    cái này nó hỗ trợ web bán hàng phải không vậy , sao mình cài xong thì vài link /amp sản phẩm lại không được, còn tin tức thì lại được vậy
     
Đang tải...
Đang tải...