Để khi share bài viết lên facebook có hình ảnh đại diện thì bạn cần tạo thẻ og:image cho bài viết. Điều này sẽ rất tốt cho SEO web. Mặc dù thẻ này không ảnh hưởng trực tiếp đến xếp hạng của công cụ tìm kiếm, nhưng lại tác động gián tiếp đến SEO website, thông qua việc tương tác của người dùng khi chia sẻ trên các trang mạng xã hội, điển hình như Facebook, Twitter, Pinterest, và ở Việt Nam là Zalo.
Thông tin chia sẻ sẽ ảnh hưởng đến lượng truy cập đến trang mà bạn chia sẻ. Nếu thông tin đó đầy đủ, hấp dẫn, ảnh đại diện bắt mắt, thì sẽ thu hút người dùng trên Facebook nhấp vào xem trang của bạn nhiều hơn. Và ngược lại. Số lượng người dùng đến trang đương nhiên sẽ ảnh hưởng đến kết quả SEO, một cách gián tiếp.
Dưới đây, mình sẽ hướng dẫn các bạn cách tạo thẻ og:image thông minh bằng cách tìm tập tin đính kèm trong bài viết và tự động lựa chọn tập tin hình ảnh có kích thước lớn nhất làm thẻ og:image.
Đầu tiên, mở template thread_view, tìm code sau:
Thay thế toàn bộ code trên thành:
Lưu ý: Trang web của bạn phải có thẻ fb:app_id: Để bổ sung thẻ này, bạn cần thêm code dưới đây vào trước thẻ <head> của HTML
Trong đó, 1234567890 là id ứng dụng facebook của bạn.
Chúc các bạn thành công.
Thông tin chia sẻ sẽ ảnh hưởng đến lượng truy cập đến trang mà bạn chia sẻ. Nếu thông tin đó đầy đủ, hấp dẫn, ảnh đại diện bắt mắt, thì sẽ thu hút người dùng trên Facebook nhấp vào xem trang của bạn nhiều hơn. Và ngược lại. Số lượng người dùng đến trang đương nhiên sẽ ảnh hưởng đến kết quả SEO, một cách gián tiếp.
Dưới đây, mình sẽ hướng dẫn các bạn cách tạo thẻ og:image thông minh bằng cách tìm tập tin đính kèm trong bài viết và tự động lựa chọn tập tin hình ảnh có kích thước lớn nhất làm thẻ og:image.
Đầu tiên, mở template thread_view, tìm code sau:
XML:
<xf:macro template="metadata_macros" name="metadata"
arg-description="{$fpSnippet}"
arg-shareUrl="{{ link('canonical:threads', $thread) }}"
arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />Lưu ý: Trang web của bạn phải có thẻ fb:app_id: Để bổ sung thẻ này, bạn cần thêm code dưới đây vào trước thẻ <head> của HTML
Mã:
<meta property="fb:app_id" content="1234567890" />Chúc các bạn thành công.
