Trang Chủ Marketing Online Share link website lên Facebook hiển thị như thế nào?

Share link website lên Facebook hiển thị như thế nào?

8 phút đọc
0
0
10

Khi chúng ta có website thì thường
chia sẻ lên các mạng xã hội để tăng traffic
và quảng bá đến nhiều người hơn. Mình cũng vậy, nhưng trong
quá trình
share link website lên
Facebook thì gặp phải một số vấn đề.

  • Ảnh Thumbnail hiển thị không chuẩn
  • Tiêu đề bài viết hoặc mô tả hiển thị không chuẩn (nhiều
    trường hợp không hiển thị)

Nên mình viết bài viết này để tìm hiểu sơ sơ xem nguyên
tắc hoạt động của nó là như thế nào. Và cách tối ưu làm sao để
cho website của bạn hiển thị
link đẹp mắt khi chia sẻ lên Facebook nhé.

Tìm hiểu về Facebook Open Graph Meta Tags

Facebook Open Graph Meta Tags là một giao thức mà Facebook tạo
ra giúp những web developer có thể tùy biến hiển thị thông tin
website mỗi khi bạn chia sẻ link website lên mạng xã hội
này.
Nó thực chất là các thẻ mô tả với cấu trúc chung như sau

<meta property=”og:{tagName}” content=”{tagValue}”/>

Từ đây bạn có thể điền thông tin mà bạn muốn hiển
thị mỗi khi chia sẻ link website lên Facebook
Cũng có khá nhiều các thẻ trong bộ Open Graph Meta Tags của
Facebook. Nhưng trong bài viết này mình sẽ chỉ liệt kê ra vài
thẻ quan trọng nhất để bạn có thể hiển thị link đẹp trên
Facebook

Thẻ tiêu đề

<meta content=’Hiệp B – Advertising on
Facebook
‘ property=’og:title’/>

Thẻ mô tả

<meta content=’Cập nhật những kiến thức mới nhất
về marketing trên Facebook. Cách chạy quảng cáo Facebook hiệu
quả.
‘ property=’og:description’/>

Thẻ hình ảnh

<meta
content=’http://lh4.googleusercontent.com/-Z82hUjJ1ugY/VbpPGzLLCeI/AAAAAAAAFYI/OV2rI9eyHvY/s1600/author-image.png
property=’og:image’/>

Bạn có thể chọn 1 ảnh vuông hoặc 1 ảnh hình chữ
nhật với kích thước 470×246 là đẹp.

Các bạn có thể tùy chỉnh cho phù hợp với website của mình. Để
tìm hiểu sâu hơn về các thẻ này thì bạn hãy vào trang
Facebook Open Graph. Còn để kiểm tra
trước xem link của bạn sẽ hiển thị như thế nào thì bạn có thể
sử dụng công cụ Debugger.
Chúc các bạn thành công!

Riêng những bạn dùng Blogspot thì các bạn có thể
sử dụng đoạn code sau và chèn vào header là được, chỉ cần
thay phần mình đánh dấu màu đỏ thành nội dung của bạn là
được.

<b:if cond=’data:blog.url ==
data:blog.homepageUrl’>
<meta content=’Hiệp B – Advertising on
Facebook’ property=’og:title’/>
<meta content=’Cập nhật những kiến thức mới nhất về
marketing trên Facebook. Cách chạy quảng cáo Facebook hiệu
quả.’ property=’og:description’/>
<meta
content=’http://lh4.googleusercontent.com/-Z82hUjJ1ugY/VbpPGzLLCeI/AAAAAAAAFYI/OV2rI9eyHvY/s1600/author-image.png’
property=’og:image’/>
</b:if>

Tải thêm bài liên quan
Tải thêm bằng Tuấn Hợp
Tải nhiều hơn Marketing Online

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Xem Thêm

Bài 2 : Hướng dẫn Mở cửa hàng shopify – cách tăng tỷ lệ conversion cho cửa hàng shopify

Đầu tiên các bạn truy cập địa chỉ sau để nhận 14 ngày dùng thử trên Shopify tại đây, hãy đ…