Tóm tắt
Công cụ xem trước Open Graph miễn phí cho thấy một liên kết sẽ trông ra sao khi được chia sẻ trên Facebook, X, LinkedIn và WhatsApp, trước khi bạn đăng. Nhập tiêu đề, mô tả, URL hình ảnh, tên website và URL trang, chuyển qua lại giữa bốn mạng xã hội, rồi đọc danh sách kiểm tra: tiêu đề dài từ 15 đến 70 ký tự, mô tả dài từ 55 đến 200 ký tự và hình ảnh 1200 × 630 pixel. Sau đó, sao chép các giá trị đó vào thẻ og: của bạn.
Muốn tìm hiểu sâu hơn? Hãy hỏi
Một bản xem trước Open Graph trả lời một câu hỏi: người ta sẽ thấy gì khi ai đó dán liên kết của bạn vào một bài đăng hay một cuộc trò chuyện? Câu trả lời đến từ vài thẻ meta trong phần head của trang. Giao thức Open Graph, được công bố tại ogp.me, liệt kê bốn thuộc tính bắt buộc cho mọi trang: og:title, og:type, og:image và og:url. Khi thiếu chúng, mỗi nền tảng sẽ tự đoán, và phỏng đoán đó thường là sai hình ảnh hoặc một nhãn menu làm tiêu đề.
Công cụ xem trước Open Graph hiển thị những gì?
Công cụ vẽ một thẻ chia sẻ mỗi lần, với một tab cho mỗi mạng, và cập nhật khi bạn gõ. Mỗi nền tảng bố cục các thẻ giống nhau theo cách khác nhau, đó là lý do một thẻ trông ổn trên mạng này có thể bị cắt trên mạng khác.
| Mạng | Thẻ hiển thị trong công cụ | Cần lưu ý |
|---|---|---|
| Hình ảnh, tên miền, tiêu đề và mô tả | Toàn bộ thẻ: mọi trường đều quan trọng | |
| X | Hình ảnh với tiêu đề phủ lên, tên miền ở dưới | Một hình ảnh yếu sẽ che mất một tiêu đề hay |
| Hình ảnh, tiêu đề và tên miền | Mô tả không được hiển thị, nên tiêu đề phải mang thông điệp | |
| Bong bóng trò chuyện với hình ảnh, tiêu đề, mô tả và tên miền | Thẻ khá nhỏ: những chữ đầu của tiêu đề quan trọng nhất |
Bên dưới thẻ, một danh sách kiểm tra ba dòng chuyển sang màu xanh hoặc đỏ: độ dài tiêu đề, độ dài mô tả và việc đã đặt hình ảnh hay chưa. Nếu URL hình ảnh không tải được, thẻ sẽ hiện một ô trống thay thế, đúng là hình dạng của một og:image bị hỏng trên một luồng tin thực tế.
Bạn sử dụng công cụ như thế nào, từng bước?
- Điền tiêu đề mà bạn dự định dùng trong og:title. Nó có thể khác với thẻ tiêu đề của trang: hãy viết cho người đang lướt một luồng tin, không phải cho kết quả tìm kiếm.
- Thêm tên website (og:site_name) và mô tả (og:description).
- Dán URL hình ảnh, tức địa chỉ tuyệt đối của tệp bạn sẽ đặt trong og:image, bắt đầu bằng https://.
- Nhập URL trang: công cụ lấy tên miền mà mỗi mạng hiển thị.
- Chuyển tab để kiểm tra lần lượt Facebook, X, LinkedIn và WhatsApp, rồi sửa cho đến khi cả ba dòng của danh sách đều xanh.
Không có gì được gửi đi hay lưu lại: bản xem trước được vẽ trên trình duyệt của bạn, nên bạn có thể thoải mái thử nghiệm các trang chưa đăng và hình ảnh nháp.
Một trang cần những thẻ Open Graph nào?
Giao thức yêu cầu bốn thẻ, và hai thẻ nữa giúp thẻ chia sẻ được đầy đủ. Giao thức Open Graph cũng yêu cầu một trang có og:image phải khai báo og:image:alt, mô tả nội dung của hình ảnh.
| Thẻ | Vai trò | Giá trị ví dụ |
|---|---|---|
| og:title | Tiêu đề của thẻ | Công cụ xem trước Open Graph miễn phí |
| og:type | Loại đối tượng: website, article, product… | article |
| og:image | URL tuyệt đối của hình xem trước | https://example.com/og/cover.jpg |
| og:url | Địa chỉ chuẩn của trang | https://example.com/guide |
| og:description | Một hoặc hai câu dưới tiêu đề | Xem liên kết của bạn trông ra sao trước khi chia sẻ. |
| og:site_name | Tên của toàn bộ website | Example |
| og:image:alt | Mô tả hình ảnh cho những người không xem được | Một máy tính xách tay hiển thị biểu đồ doanh số |
og:url nên khớp với URL chuẩn của trang, để các lượt chia sẻ những phiên bản khác nhau của cùng một địa chỉ được cộng dồn vào một đối tượng. Để viết tất cả các thẻ này cùng lúc, hãy dùng trình tạo thẻ meta, và đọc mục từ điển của chúng tôi về thẻ meta để hiểu sự khác nhau giữa thẻ SEO và thẻ mạng xã hội.
Kích thước ảnh nào hoạt động trên mọi mạng?
1200 × 630 pixel, tỷ lệ 1,91:1, hoạt động trên các mạng chính. Meta yêu cầu ảnh ít nhất 1200 × 630 pixel để hiển thị đẹp trên màn hình độ phân giải cao, và tỷ lệ càng gần 1,91:1 càng tốt để tránh bị cắt; LinkedIn yêu cầu ít nhất 1200 × 627 pixel với cùng tỷ lệ.
| Nền tảng | Kích thước khuyến nghị | Tối thiểu | Dung lượng tệp tối đa |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, tỷ lệ 1,91:1 | 200 × 200 px; 600 × 315 px cho bài liên kết lớn | 8 MB |
| LinkedIn (Trợ giúp LinkedIn) | Tỷ lệ 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, rộng ít nhất 1200 px | Tổng cộng hơn 300.000 pixel | Không nêu rõ |
Giữ chủ thể và mọi chữ trong phần giữa của hình ảnh, vì một số bố cục sẽ cắt các cạnh. Hãy nén tệp trước khi đăng bằng trình nén ảnh: một tệp nhẹ hơn sẽ được mọi mạng tải nhanh hơn.
og:title và og:description nên dài bao nhiêu?
Hãy nhắm tới tiêu đề từ 15 đến 70 ký tự và mô tả từ 55 đến 200 ký tự. Đây là các khoảng mà danh sách kiểm tra sử dụng: dưới mức đó thẻ trông trống trải, trên mức đó hầu hết bố cục sẽ cắt chữ bằng dấu ba chấm, nhất là trên điện thoại và trong bong bóng WhatsApp nhỏ.
- Đặt từ khóa lên đầu. Trên LinkedIn mô tả bị ẩn, còn trên X tiêu đề nằm phủ lên hình ảnh: phần đầu của tiêu đề phải tự đứng vững.
- Đừng sao chép nguyên văn mô tả meta. Đoạn trích tìm kiếm trả lời một truy vấn; thẻ chia sẻ phải khiến người ta dừng cuộn. Hãy soạn đoạn trích tìm kiếm bằng trình tạo mô tả meta và xem trước kết quả tìm kiếm, rồi điều chỉnh cho mạng xã hội.
- Tránh giật tít. Một thẻ hứa hẹn nhiều hơn những gì trang mang lại sẽ đưa đến những lượt truy cập rời đi ngay lập tức.
Thẻ Open Graph có giúp SEO không?
Không phải là yếu tố xếp hạng, nhưng Google có đọc một số thẻ trong đó. Google liệt kê nội dung của og:title trong số các nguồn hãng dùng để tạo liên kết tiêu đề trong kết quả tìm kiếm (Google, liên kết tiêu đề). Hệ thống tên website của hãng cũng xem xét og:site_name, sau dữ liệu có cấu trúc WebSite (Google, tên website). Còn với Discover, Google khuyến nghị khai báo một hình ảnh lớn, đại diện cho nội dung bằng đánh dấu schema.org hoặc thẻ og:image, và tránh các hình ảnh chung chung như logo.
Các tác động gián tiếp cũng quan trọng. Một thẻ rõ ràng sẽ mang về nhiều lượt nhấp hơn khi trang của bạn được chia sẻ, và mỗi lần chia sẻ là một cơ hội được đọc, được trích dẫn và được liên kết. Mục từ điển của chúng tôi về tín hiệu xã hội giải thích Google lấy gì và không lấy gì từ hoạt động trên mạng xã hội.
Vì sao một mạng vẫn hiển thị bản xem trước cũ?
Vì các nền tảng lưu bộ nhớ đệm những gì chúng đọc được lần đầu tiên. Meta giải thích rằng trình thu thập của hãng quét và lưu bộ nhớ đệm metadata của một URL khi nó được chia sẻ lần đầu, rằng hình ảnh được lưu theo URL của chúng, và việc cập nhật hình ảnh không làm thay đổi bản xem trước của các lần chia sẻ cũ. Để làm mới một trang, hãy chạy nó qua Sharing Debugger, và đặt tên tệp mới cho hình ảnh mới thay vì ghi đè lên ảnh cũ. LinkedIn cung cấp cùng cách làm mới bằng Post Inspector của họ.
Nếu hình ảnh không bao giờ xuất hiện, hãy kiểm tra xem tệp có công khai không: LinkedIn lưu ý rằng một website chặn trình thu thập của họ, hoặc một hình ảnh nằm trong thư mục được bảo vệ, sẽ khiến bản xem trước không hiển thị.
Những lỗi nào làm hỏng thẻ chia sẻ?
- URL hình ảnh tương đối như /img/cover.jpg. Các mạng lấy hình ảnh từ bên ngoài website của bạn và cần địa chỉ https:// đầy đủ.
- Hoàn toàn không có og:image. Mạng sẽ tự chọn một hình ảnh bất kỳ trên trang, thường là logo hoặc biểu tượng.
- Hai thẻ og:title hoặc og:image do giao diện và một plugin cùng thêm vào. Chỉ giữ lại một thẻ mỗi loại.
- Cùng một hình ảnh trên mọi trang. Một logo dùng chung cho cả website khiến mọi lượt chia sẻ trông giống hệt nhau; Google cũng khuyên không dùng hình ảnh chung chung cho Discover.
- Thẻ được JavaScript thêm vào sau khi tải. Các trình thu thập chia sẻ đọc HTML mà máy chủ trả về; thẻ được chèn sau có thể không bao giờ được nhìn thấy.
Thẻ chia sẻ phù hợp với kế hoạch nội dung như thế nào?
Mỗi bài viết bạn đăng sẽ được chia sẻ ở đâu đó: trong bản tin, một bài đăng LinkedIn, một cuộc trò chuyện nhóm hoặc một câu trả lời trên diễn đàn. Lên kế hoạch thẻ cùng lúc với bài viết sẽ giúp bạn tiết kiệm một vòng sửa lỗi sau khi ra mắt. Trình tạo bài viết blog của Sorank viết các bài có nguồn trích dẫn kèm ảnh bìa và đăng chúng lên website của bạn, còn Bảng điều khiển GEO và SEO sau đó theo dõi lượng truy cập và các lượt nhắc đến mà những trang đó đạt được trên Google và trong câu trả lời của AI.
Một thẻ chia sẻ tốt gồm một hình ảnh 1200 × 630, một tiêu đề rõ ràng và một mô tả trung thực, được kiểm tra trên mọi mạng trước khi bạn đăng. Xem trước thẻ của bạn ngay bây giờ, rồi xem các gói của Sorank để đăng nội dung sẵn sàng chia sẻ, trên autopilot.
