Tạo Twitter Cards cho WordPress – Website

Social Media

{ 5 comments }

Bạn đã từng nghe tới Twitter Cards và đã bao giờ tự hỏi Twitter Cards là cái quái gì? Nó được sử dụng để làm gì? Tác dụng của nó ra sao?Tại sao phải sử dụng nó… bla bla

Thật tình cờ khi search thêm thông tin về Twitter Cards tôi đã mừng như bắt được vàng khi giờ đây mọi thứ đều có thể làm tự động và không tốn quá nhiều thời gian. Đồng thời lại có thể hiển thị được nhiều thông tin và Brands tốt hơn.

Tuy rằng Twitter được sử dụng sai mục đích ở Việt Nam là khá nhiều nhưng không thể phủ nhận lợi ích mà nó mang lại.

Twitter Cards là gì?

Twitter Card là cách bạn hiển thị thông tin lên Twitter một cách tự động thông qua các liên kết có trong Website bao gồm hình ảnh, đoạn trích dẫn, tiêu đề, thông tin về sản phẩm, ứng dụng… mà không phải tự upload hình ảnh, viết text quá nhiều. Các thông tin bao gồm link, hình ảnh sẽ được lưu trữ trên chính Website của bạn, các link sẽ được rút gọn với tên miền t.co theo chính sách bảo mật của Twitter.

Twitter Card cho blog

Twitter Card cho blog

Các loại Twitter Cards hiện có

Hiện tại Twitter Card hỗ trợ 7 loại Card:

Các loại Twitter Cards

Các loại Twitter Cards

  1. Summary: Hiển thị thông tin bao gồm Tiêu đề, đoạn trích dẫn và hình ảnh thu nhỏ.
  2. Product: Hiển thị thông tin về sản phẩm gồm Tên sản phẩm, Hình ảnh sản phẩm, 2 trường tùy biến (giá, kích cỡ…) về sản phẩm, đoạn miêu tả ngắn về sản phẩm.
  3. Photo: Hiển thị hình ảnh gồm tiêu đề của ảnh, ảnh ở chế độ xem trước mặc định của Twitter
  4. Summary Large Image: Hiển thị thông tin giống Summary tuy nhiên kích cỡ ảnh hiển thị sẽ lớn hơn hình ảnh hiển thị trong Summary rất nhiều.
  5. Player: Cho phép play video trực tiếp từ Twitter
  6. App: Hiển thị thông tin tóm lược về các ứng dụng dành cho điện thoại di động.
  7. Galery: Sử dụng để hiển thị ảnh dưới dạng album trong chế độ xem trước của Twitter.

Twitter Card hoạt động như thế nào?

Để các thông tin cho Twitter Cards hoạt động đúng bạn cần phải thêm các thẻ Meta vào trước thẻ </head> trên Website như hình bên dưới:

Twitter Cards Meta Tags

Twitter Cards Meta Tags

Đó là cách làm chung cho mọi Website và tôi sẽ giới thiệu cho bạn cách tạo Twitter Cards cho WordPress ở phần sau.
Sau khi đã thêm thẻ meta, hãy copy đường link trên Website và Tweet lên Twitter các bạn sẽ thấy một dòng là View Summary:

Xem thêm  Pinterest cơ bản: Hướng dẫn tạo tài khoản Pinterest Business

View Summary

Click vào View Summary các bạn sẽ thấy hiển thị các thông tin tùy vào loại Card mà bạn sử dụng cho Website.

Lợi ích của Twitter Cards với Blogger

Với Twitter Card bạn có thể hiển thị được nhiều thông tin hơn. Cụ thể:

  1. Phần tiêu đề bài viết sẽ có thể hiển thị tối đa 70 ký tự
  2. Phần miêu tả cho bài viết sẽ được hiển thị tới 200 ký tự thay vì chỉ hiển thị 140 ký tự cho Tweet.
  3. Hình ảnh cho bài viết sẽ được hiển thị kích thước tối đa 480x580px.
  4. Với sản phẩm bạn sẽ hiện thị được 2 trường tùy biến bất kỳ. VD: Giá hoặc chất liệu…
  5. Với hình ảnh có thể hiện ảnh đơn hoặc thư viện ảnh với đầy đủ chi tiết.

Nếu tận dụng tốt các loại Card: Summary Card, Summary Card with large image và Photo Card sẽ là một lợi thế lớn và là một phương tiện truyền thông hữu hiệu trên Twitter.

Thiết lập và tạo Twitter Cards cho WordPress

Để tạo Twitter Card cho WordPress bạn có thể sử dụng tính năng Add Twitter Card có sẵn nếu sử dụng Plugn WordPress SEO by YOAST tuy nhiên hiện tại YOAST mới chỉ hỗ trợ hai loại Card là Summary card và Summary card with large image

Nếu bạn sử dụng WordPress SEO by YOAST rồi có thể tạo Twitter Card cho WordPress bằng cách Đăng nhập vào bảng quản trị, ở mục SEO chọn Social. Tiếp theo chọn Twitter Tab

Xem thêm  Xóa ứng dụng spam Facebook - Auto Tag bạn bè

Wordpress SEO by Yoast - Twitter Card

Tại mục này bạn Check vào ô Add Twitter Card Meta data, điền tên sử dụng Twitter, chọn loại Card và nhấn Save Change

Tuy nhiên chức năng này của YOAST chưa thực sự tối ưu khi sử dụng Twitter Card cho WordPress.

Khuyến cáo các bạn nên sử dụng Plugin JM Twitter Cards.

Plugin này sẽ hỗ trợ các bạn toàn bộ từ A-z trong việc tạo Twitter Card cho trang chủ, các bài viết, các trang tĩnh và các Category…

Ngoài ra JM Twitter Cards còn hỗ trợ thêm các thẻ Open Graph Meta Tags hỗ trợ tối ưu luôn cho Facebook và Google Plus

Tải Plugin JM Twitter Cards tại đây

Sau khi tải thì các bạn cài đặt và kích hoạt Plugin, Để thiết lập cho JM Twitter Cards bạn đăng nhập vào quản trị, sau đó chọn menu JM Twitter Cards. Phần thiết lập cho Plugin khá đơn giản.

  1. General: Điền twitter usename, trong mục Card Types chọn loại Summary below Large Image để có hình ảnh lớn. Open Graph chọn Yes để thêm các thẻ Open Graph Meta Tag tự động.
  2. Images: Hình ảnh đại diện hiển khi bạn Tweet trang chủ, ở đây cho bạn thiết lập luôn kích cỡ chiều rộng và chiều cao của ảnh.
  3. Custom Fields: Hai trường tùy biến dành bạn có thể tự điền hoặc Plugin sẽ tự động lấy thông tin từ tiêu đề và đoạn mô tả là mô tả của trang để hiển thị.
  4. Robots.txt: Cấp phép cho Twitter Bots truy cập và craw trang. Chọn Yes và nhấn Save
  5. Home Settings: Tùy chỉnh đoạn mô tả (dài tối đa 200 ký tự) sẽ hiển thị khi tweet trang chủ.
  6. Metabox: Chọn display sẽ hiển thị thêm một khung thông tin giúp bạn tùy chỉnh Twitter Cards cho từng bài viết hoặc từng trang.
  7. Deep Linking: Hiển thị thông tin thêm về các dịch vụ bạn đang sử dụng như iPhone, Google Play.
Xem thêm  Block "Seen" và "is typing" của Facebook Chat

Các phần sau là hướng dẫn sử dụng và thống kê.

Xác minh Website của bạn với Twitter

Bước 1: Truy cập trang xác minh website trên Twitter tại đây

Bước 2: Chọn tab Validate & Apply

Bước 3: Điền url của Website và nhấn Go

Bước 4: Nếu cấu hình đúng bạn sẽ nhìn thấy bản xem trước của Twitter Cards:

Xác minh Twitter Card cho Website

Xác minh Twitter Card cho Website

Nhấn Request Approval để xác minh

Bước 5: Điền đầy đủ thông tin vào khung Request Domain Approval và nhấn Request Approval

Request Domain Approval Twitter

Request Domain Approval Twitter

Một hộp thoại mới sẽ hiện ra hiển thị thông báo cho bạn biết Twitter sẽ xem xét yêu cầu và duyệt website của bạn ngay

Finish: Đợi khoảng 5 phút và bạn thử check lại Validator nếu thấy dòng giống *.tohaitrieu.net approved thì xin chúc mừng bạn đã xác minh Twitter Cards thành công.

Xác minh website trên Twitter thành công

Xác minh website trên Twitter thành công

Hãy Tạo ngay một Tweet với đường link bạn mới Validator và xem kết quả nhé.

Trên đây là cách tạo Twitter Cards cho WordPress cũng như các thức chung cho mọi website. Hy vọng với thủ thuật nhỏ này bạn sẽ có chiến lược truyền thông tốt hơn dành cho website trên Twitter và sử dụng Twitter đúng mục đích hơn.

Góp ý cho Tô Triều

  • NgocPD@FPT 25/06/2014, 22:30

    Trước em muốn tìm cái này lắmGiá mà em biết sớm hơn chút nữa. Nhưng thui; Cám ơn về bài của anh. Hì. Lưu lại ắt sau này có việc dùng đến nó ạ

    Reply
  • sửa máy giặt tại nhà 23/06/2014, 10:31

    Hải Triều có thể viết 1 bài đánh giá những cái lợi của Twitter ở thị trường VN được không. Vì mình thấy ở VN đa số ng dùng sử dụng FB, G+ thì đa số là dân SEO xài. Còn Twitter thì hầu như những ng bạn của mình không ai sử dụng cả. Vì vậy muốn tạo một cộng đồng Twitter để xây dựng website thì có lẽ rất khó :3

    Reply
    • Hải Triều 25/06/2014, 21:07

      Hiện tại thì Twitter ở Việt Nam mới chỉ là kênh truyền tải thông tin và người sử dụng dùng nó đa phần để Tweet link với mục đích chính là nhanh được index…
      Với những người nổi tiếng họ sử dụng Twitter với mục đích khác hơn chúng ta rất nhiều. Nhưng nếu bạn có 1 website tiếng Anh thì điều đó lại khác. Sẽ rất hữu hiệu nếu sử dụng Twitter để giao tiếp với chính bạn đọc trên Blog

  • Lâm Kiều 17/06/2014, 13:27

    Lâu rồi mới thấy anh đăng bài, Twitter Card cũng hay mà VN mình ít xài Twitter quá nên có tạo mà để đó cũng ngại.

    Reply
    • Hải Triều 17/06/2014, 22:32

      Đúng rồi. Thực ra nếu sử dụng đúng thì Twitter cực kỳ có lợi và cũng là mảnh đất màu mỡ không kém gì Facebook