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

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ị)

Share link website lên Facebook

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ả <meta> 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'/>

Xem thêm Hiển thị link Fanpage khi share bài viết lên Facebook

Thẻ hình ảnh

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0YPibQ8O-sryFJiCWs6VXVaq5gVX9627QpG5ZFH63rvEYBuMNB-khFH-eBxdEtlwQsELJWr2xuCZyZRLHAKznN8qOifHCt_RjodzCJ5ZnqWfxz9XZoIrDxBjw6SZKO0Kbye3UmwKc70WJ/s1600/author-image.png' property='og:image'/>

Xem thêm Kích thước hình ảnh chuẩn trên Facebook

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0YPibQ8O-sryFJiCWs6VXVaq5gVX9627QpG5ZFH63rvEYBuMNB-khFH-eBxdEtlwQsELJWr2xuCZyZRLHAKznN8qOifHCt_RjodzCJ5ZnqWfxz9XZoIrDxBjw6SZKO0Kbye3UmwKc70WJ/s1600/author-image.png' property='og:image'/>
</b:if>

Biểu tượng cảm xúc emoticons cho Facebook

Biểu tượng cảm xúc emoticons cho Facebook chính là những icon nho nhỏ mà bạn thường thấy trên những status của bạn bè. Thông thường thì bạn có thể thấy vài biểu tượng cảm xúc khá phổ biển thôi. Nhưng thực tế thì Facebook có một bộ những biểu tượng cảm xúc emoticons như vậy. Bài viết này mình sẽ giới thiệu đến các bạn một bộ code để cho các bạn dùng

Biểu tượng cảm xúc emoticons cho Facebook

Có bao nhiêu biểu tượng cảm xúc emoticons cho Facebook

Facebook cung cấp cho chúng ta hơn 400 emotion icons để chúng ta thoải mái trong việc làm đẹp status của mình. Tuy nhiên hiện nay mình chỉ sưu tập một bộ cơ bản thôi, khoảng hơn 200 biểu tượng. Nhưng chừng đó là các bạn dùng tóe loe không hết rồi :))

Tại sao phải dùng biểu tượng cảm xúc emoticons cho Facebook

Đơn giản vì nó giúp bạn thể hiện trạng thái cảm xúc tốt hơn so với văn bản. Nhưng ngoài ra đối với một số Fanpage thì nó còn giúp cho status trở nên nổi bật và hấp dẫn hơn. Mình cũng thích nhìn những status có vài biểu tượng cảm xúc trong đó hơn là một đoạn status toàn chữ.

Nguồn emoticons ở đâu

Ở đây, trên chính blog này chứ đâu. Mình đã làm một bộ code để các bạn có thể sử dụng một cách nhanh chóng và tiện lợi nhất. Các bạn chỉ cần copy nó rồi dán vào status của Facebook là ok mà dùng.
Các bạn vào click VÀO ĐÂY để sử dụng nhé. Xin cảm ơn

Tìm kiếm: Facebook Emoticons

Cách tạo đánh giá 5 sao trên Fanpage Facebook

Nhiều người thấy Fanpge Facebook có đánh giá 5 sao thì nhìn đẹp, chuyên nghiệp và có vẻ uy tín cho nên cũng muốn tạo đánh giá 5 sao cho trang của mình. Nhưng loay hoay cài đặt mà chẳng thấy nó ở đâu. Bài này là tip nhỏ cho những bạn muốn hiển thị Rate 5 sao cho Fanpge nhé.

Bạn vào phần giới thiệu của Fanpge và bạn muốn đánh giá 5 sao

Ở đây bạn chú ý là phải sửa Fanpage của bạn thành dạng Doanh nghiệp địa phương > Dịch vụ kinh doanh

Tiếp theo là bạn cần điền thông tin về địa chỉ của Fanpage. Nếu không cập nhật địa chỉ thì trang của bạn sẽ không hiển thị nút đánh giá 5 sao được

Ví dụ đây là cách mình cài cho trang Fanpge của mình

Cách tạo đánh giá 5 sao trên Fanpage Facebook

Sau khi cài đặt và điền đầy đủ thông tin thì bạn đã có thể tạo đánh giá cho trang của mình rồi. Mình cũng chụp ảnh màn hình lại thành quả đây.

Cách tạo đánh giá 5 sao trên Fanpage Facebook

Như vậy là cách làm cũng khá đơn giản. Bạn có thể thay đổi đánh giá của mình cho một trang nào đó. Tuy nhiên khi người khác đánh giá fanpage của bạn thì bạn lại không thể xóa được review đó của họ. Do vậy hãy cố gắng làm ăn uy tín để nhận được nhiều đánh giá tích cực nhé.