Kiến thức thiết kế website

23 Tháng 2

Khắc phục lỗi chia sẻ bài viết lên Twitter, Facebook, Zalo không hiện hoặc sai ảnh

Nếu bạn là người mới làm website, hoặc quản trị website có thể bạn sẽ gặp trường hợp chia sẽ bài viết của mình lên các mạng xã hội như Facebook, Zalo, Twitter … sẽ không hiển thị ảnh đại diện cho bài đăng, việc không hiển thị ảnh đại diện làm bài chia sẽ khá giống spam nên chắc chắn người dùng sẽ không click vào để xem website của bạn và tất nhiên Tỷ lệ nhấp (CTR – Click Through Rate) sẽ khá tệ.

Để giải quyết vấn đề này bạn có thể tìm hiểu về Open Graph Meta Tag mà các plugin SEO hầu như có hỗ trợ tự động thêm vào phần header của website của bạn nên khi bạn chia sẽ bài viết chắc chắn sẽ có ảnh đại diện đúng với mong muốn của bạn.

Thẻ meta Open Graph là gì?

Thẻ meta Open Graph là các đoạn mã kiểm soát cách URL được hiển thị khi được chia sẻ trên các mạng xã hội (Facebook, Zalo, Twitter, LinkedIn …)

Chúng là một phần của giao thức Open Graph của Facebook và cũng được sử dụng bởi các trang mạng xã hội khác, bao gồm cả LinkedIn và Twitter (nếu không có thẻ Twitter).

Bạn có thể tìm thấy chúng trong phần của trang web. Bất kỳ thẻ nào có og: trước tên thuộc tính đều là thẻ Open Graph.

open graph meta tags

Dưới đây là một số những thuộc tính cơ bản của Open Graph:

Og:title là gì?

Og:title là nơi bạn đặt tiêu đề cho nội dung bài viết của bạn với số kí tự ít hơn 95.

Og:type là gì?

Og:type là nơi mô tả loại hình nội dung mà bạn chia sẻ như video, ảnh, bài viết blog,…

Og:description là gì?

Og: description: Dùng để mô tả nội dung trong khoảng 297 kí tự mà không đòi hỏi chứa nhiều từ khóa. Thay vào đó, hãy đầu tư nội dung desciption hấp dẫn và chất lượng để tăng lượng tương tác.

Og:image là gì?

Og:image: Đây là cách làm nổi bật status của bạn vì Facebook sẽ đưa ra một hình ảnh thumbnail url của bạn được chia sẻ và một hình ảnh nhỏ sẽ xuất hiện bên cạnh nội dung bạn chia sẻ.

Og:url là gì?

Og:url: Dùng để đặt url chính (canonical url) của trang bạn chia sẻ để đảm bảo tất cả những chia sẻ trên facebook đều đi đến 1 url gốc mà bạn chỉ đinh.

Og:site_name là gì?

Og:site_name: Chỉ cho Facebook tên của website nhưng nó không thực sự cần thiết.

fb:admins là gì?

fb:admins: Thẻ này chỉ cho Facebook bạn là chủ nhân của một fanpage và nó kết nối fanpage đó tới website của bạn, để bạn nhận đuợc nhiều dữ liệu trong Facebook Insights.

Cài đặt plugin SEO để hiển thị ảnh đại diện khi share bài viết

Có nhất thiết phải cài plugin SEO để giải quyết bài toán này?

Plugin SEO chỉ là công cụ giúp bạn cấu hình và đơn giản hóa việc này, bạn có thể không cần cài plugin SEO và chèn meta tag Open Graph theo cách thủ công, humh … thời đại công nghiệp rồi cho nên bạn nên cài plugin SEO để cấu hình mọi thứ cho đơn giản nhé.

Các plugin SEO tốt nhất hiện nay đó là: Rank math, Yoast SEO, SEOPress, All in one SEO …

Ở Việt Nam đa số webmaster cài Rank math hoặc Yoast SEO nên bạn có thể follow theo cộng đồng hoặc bạn có thể thử qua tất cả và chọn 1 plugin mà bạn thấy phù hợp với mình.

Cài plugin cho WordPress có lẽ khá đơn giản mà mình sẽ không hướng dẫn lại (Nếu bạn gặp khó khăn phần cài đặt và cấu hình plugin SEO vui lòng live chat với chúng tôi để được hỗ trợ cài đặt qua ultraview hoặc teamviewer miễn phí nhé) mà đi thẳng tới phần cài đặt ảnh đại diện cho bài viết bằng plugin SEO luôn nhé.

Sau khi cài đặt và cấu hình Plugin SEO, ở cuối phần soạn thảo của tất cả các bài viết sẽ có 1 meta box để bạn cấu hình SEO (mọi plugin SEO đều có nơi để bạn setup)

Ví dụ: Đây là Plugin Yoast Seo: Bạn click vào Social để chọn ảnh đại diện khi share bài viết lên các mạng xã hội (Xem hình dưới)

Bạn click vào Social để chọn ảnh đại diện khi share bài viết lên các mạng xã hội

Tiếp tục Click để chọn ảnh đại diện (Hình dưới)

click de chon anh dai dien

Bạn có thể xem trước được ảnh đại diện được chọn như ảnh dưới đây

xem truoc anh dai dien duoc chon

Cách trên là áp dụng cho plugin SEO – Rank Math, các plugin SEO khác cũng sẽ có chổ tương tự để bạn chọn ảnh đại diện để khi share lên các mạng xã hội nó sẽ hiển thị nhé. Nếu gặp khó khăn đừng ngần ngại live chat với chúng tôi qua zalo số: 0909333021 nhé.

Công cụ gỡ lỗi hiển thị khi chia sẻ

1 tip nhỏ đó là, nếu bài viết bạn hiển thị sai ảnh mà bạn chọn bạn có thể sử dụng các công cụ gỡ lỗi chia sẻ của mạng xã hội họ hỗ trợ để debug nhé, bạn chỉ cần truy cập vào link, nhập url hiển thị lỗi và nhấn debug để xem tình trạng.

Công cụ gỡ lỗi của Facebook

Công cụ gỡ lỗi của Zalo

Công cụ gỡ lỗi của Twitter

Công cụ gỡ lỗi của Linkedin

Đã có 585 người xem bài viết này
Đánh giá bài viết
(1 Đánh giá)
Thiết kế Website - Monster Design

Monster Design là công ty chuyên thiết kế website theo yêu cầu của doanh nghiệp cũng như cung cấp các dịch vụ liên quan đến thiết kế website. Tất cả các ý tưởng kinh doanh tuyệt vời với sự ra mắt của một trang web được thiết kế chuyên nghiệp phù hợp với xu hướng phát triển thế giới công nghệ và hiệu quả cao. Internet đã định nghĩa lại cách thức kinh doanh và trang web của bạn là cửa ngõ để tiếp cận các cơ hội kinh doanh và biến cơ hội kinh doanh trên website thành lợi nhuận.

Về chúng tôi

Công ty TNHH Monster Design được thành lập từ năm 2012 được quản lý và giám sát bởi Công ty Tin Học Nhật Quang là công ty chuyên viết phần mềm và thiết kế website bởi các chuyên gia, kỹ sư tin học giàu kinh nghiệm và uy tín. Đội ngũ quản lý, nhân sự của Công ty phần lớn được đào tạo từ nước ngoài cũng như được quy tụ từ các Công ty lớn trong và ngoài nước.

Kiến thức Thiết kế Website

  • Bài viết này hướng dẫn bạn cách đăng ký và xác thực tài khoản tick xanh trên twitter cập nhật mới nhất năm 2023. Khi tài khoản lên tích xanh Twitter tức là bạn đã nhận được sự tin cậy từ cộng đồng người dùng Twitter và từ chính nhóm…
  • Bản đồ chỉ đường trên website của bạn đang bị lỗi và hiển thị câu thông báo “This page didn’t load Google Maps correctly” phải không? Đừng lo lắng về vấn đề này, đây không phải là lỗi mà do Google Maps yêu cầu bạn phải sử dụng API key…
Xem tất cả bài viết về Thiết kế Website

Thông tin liên hệ

Số 137 Thới An 16, P.Thới An

Q.12, HCM, Vietnam

+84 909 333 021

DUNS: 555820121

MST: 0312031388

contact@monsterdesign.vn