Câu trả lời ngắn gọn: để kiểm tra Open Graph trực tuyến, hãy dán địa chỉ trang vào công cụ gỡ lỗi Open Graph miễn phí PromoPilot. Công cụ này sẽ đọc tất cả các thẻ og:* và Twitter Card, kiểm tra sự hiện diện và kích thước của hình ảnh, đánh giá tính đầy đủ của mã đánh dấu và hiển thị bản xem trước liên kết cho Facebook, X (Twitter) và LinkedIn—cùng với các đề xuất về những gì cần thêm vào. Không cần đăng ký. Bên dưới bạn sẽ tìm thấy các thẻ cần thiết, kích thước og:image cần thiết và cách cập nhật bản xem trước bị "kẹt".
Tôi đã làm thiết kế website được 12 năm, và tôi thường xuyên nhận được câu hỏi "Tại sao liên kết Telegram lại không có hình ảnh?" từ khách hàng hơn là các câu hỏi về thứ hạng tìm kiếm. Thường thì chỉ mất năm phút để khắc phục – nếu bạn biết tìm ở đâu.
Open Graph Debugger kiểm tra những gì?
Khi bạn chèn một liên kết vào bài đăng hoặc tin nhắn, nền tảng sẽ truy cập trang đó và tìm kiếm các thẻ Open Graph. Nếu tìm thấy, nó sẽ vẽ một thẻ đẹp mắt. Nếu không, nó sẽ lấy bất cứ thứ gì tìm thấy hoặc hiển thị URL đơn thuần. Công cụ này chỉ kiểm tra những gì mà các mạng xã hội sẽ đọc được.
| Nó kiểm tra những gì? | Anh ấy đang nhìn gì vậy? | Tại sao doanh nghiệp lại cần điều này? |
|---|---|---|
| Tất cả các thẻ og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Từ đó, các trang web thu thập tiêu đề, mô tả và hình ảnh của tấm thiệp. |
| Thẻ Twitter | twitter:card, twitter:title, twitter:description, twitter:image | X (Twitter) đọc các thẻ của nó, và nếu chúng không có, nó sẽ đọc một phần nội dung. |
| Ảnh gốc | Có hình ảnh không và kích thước của nó là bao nhiêu? | Hình ảnh nhỏ biến tấm thẻ thành một biểu tượng tí hon ở bên cạnh. |
| Đánh giá tính đầy đủ | Đã có bao nhiêu thẻ đề xuất được điền đầy đủ? | Tham khảo nhanh: Mọi thứ đã sẵn sàng chưa? |
| Xem trước mạng | Thẻ dành cho Facebook, X và LinkedIn | Bạn có thể xem trước bài viết sẽ trông như thế nào trước khi được đăng tải. |
| Các khuyến nghị | Tôi cần bổ sung hoặc sửa đổi điều gì? | Một danh sách công việc có sẵn dành cho nhà phát triển hoặc cho chính bạn. |
Làm thế nào để kiểm tra các trang Open Graph trực tuyến?
- Mở trình gỡ lỗi Open Graph.
- Nhập URL của trang bạn muốn chia sẻ: một bài viết, một sản phẩm hoặc một trang đích quảng cáo. Nhấp vào "Kiểm tra".
- Kiểm tra danh sách các thẻ: thẻ nào đã được thiết lập, thẻ nào trống và liệu có địa chỉ nước ngoài hoặc địa chỉ thử nghiệm nào trong og:url hay không.
- Hãy kiểm tra bản xem trước cho từng kênh: tiêu đề có bị cắt mất không, hình ảnh có hiển thị rõ không và có văn bản quan trọng nào xung quanh các cạnh không.
- Vui lòng thêm các thẻ còn thiếu theo hướng dẫn và kiểm tra lại trang.
Trang công cụ: ô địa chỉ, nút "Kiểm tra", danh sách các mục kiểm tra và Câu hỏi thường gặp.
Công cụ này khá nhẹ: giới hạn mỗi ngày đủ để khách truy cập xem tất cả các mẫu của trang web — trang chủ, danh mục, sản phẩm và bài viết. Sau khi đăng ký miễn phí, giới hạn này sẽ được tăng gấp ba lần.
Những lỗi thường gặp nhất trong Open Graph là gì?
Đây là những gì tôi thấy ở hầu hết các trang web khác, và thứ tự khắc phục chúng.
- Nếu không có thẻ og:image hoặc URL được chỉ định là URL tương đối, các mạng xã hội sẽ không hiểu
content="/img/cover.jpg"— URL đầy đủ bắt đầu bằnghttps://là bắt buộc. Nếu không có hình ảnh, phạm vi tiếp cận của bài đăng sẽ giảm đáng kể. - Hình ảnh quá nhỏ. Logo 200x200 làm cho tấm thiệp bị thu nhỏ thành một hình vuông nhỏ ở cạnh bên. Cần hình ảnh có kích thước 1200x630.
- Chỉ sử dụng một hình ảnh duy nhất cho toàn bộ trang web. Mọi bài viết và sản phẩm trên mạng xã hội đều phải có cùng một hình ảnh – kèm theo logo. Đối với blog và danh mục sản phẩm, hình ảnh nên được lấy từ ảnh chính của trang.
- og:url dẫn đến một địa chỉ khác — trang chủ, một tên miền thử nghiệm hoặc phiên bản
http://. Nền tảng này có thể hợp nhất tất cả các liên kết vào một trang duy nhất. - Không có thẻ twitter:card. Nếu không có nó, X thường hiển thị một thẻ nhỏ. Để có hình ảnh lớn hơn, bạn cần
summary_large_image. - og:title lặp lại tiêu đề với từ "buy" và tên thương hiệu. Trên mạng xã hội, điều này trông giống như một quảng cáo; một tiêu đề sinh động, như cho một bài đăng, sẽ tốt hơn.
Tập hợp tối thiểu đúng trông như thế này:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Làm thế nào để chuẩn bị ảnh cho og:image?
Hình ảnh là phần dễ nhận thấy nhất trên tấm thiệp, và đó cũng là nơi mọi người thường tiết kiệm chi phí. Dưới đây là một vài nguyên tắc tôi tuân theo:
- Kích thước ảnh là 1200×630 và hướng ngang. Mạng xã hội sẽ cắt bớt phần trên và dưới của ảnh sản phẩm hình vuông, dẫn đến việc sản phẩm có thể bị thiếu phần đầu hoặc đế.
- Điều quan trọng nằm ở trung tâm. Các nền tảng khác nhau sẽ cắt xén các cạnh khác nhau, và trên bảng tin di động, thẻ thậm chí còn nhỏ hơn. Hãy giữ văn bản lớn và tránh để tràn ra các cạnh.
- Văn bản tối thiểu. Tiêu đề đã nằm ngay bên dưới hình ảnh; chỉ cần 3-6 từ hoặc không cần chú thích nào trên chính hình ảnh là đủ.
- Tệp tin nhẹ. Tệp JPG hoặc PNG có kích thước hợp lý sẽ tải nhanh và nền tảng sẽ không bị lỗi thời gian chờ.
- Mỗi trang quan trọng cần một hình ảnh riêng biệt. Đối với bài viết và sản phẩm, việc tạo ảnh tự động rất tiện lợi: ảnh bìa bài viết hoặc ảnh chính của sản phẩm.
Một cách kiểm tra tốt là mở bản xem trước trong trình gỡ lỗi trên điện thoại của bạn. Nếu liên kết không rõ ràng mà không cần phóng to, hình ảnh cần được chỉnh sửa lại.
Làm thế nào để cập nhật bản xem trước cũ sau khi đã sửa lỗi?
Một tình huống thường gặp: bạn đã sửa các thẻ, nhưng mạng xã hội vẫn hiển thị hình ảnh cũ. Nguyên nhân là do bộ nhớ đệm: nền tảng đã ghi nhớ bản xem trước từ lần chia sẻ đầu tiên. Trên Facebook việc thu thập lại dữ liệu trong Sharing Debugger có thể hữu ích, trên LinkedIn thì dùng Post Inspector, và trên Telegram thì dùng bot @WebpageBot mà bạn gửi liên kết đến. Nếu tất cả các cách trên đều không hiệu quả, hãy thêm một tham số vô hại vào địa chỉ, chẳng hạn như ?v=2: đối với nền tảng, đây là một liên kết mới.
So sánh: Trình gỡ lỗi Open Graph và các lựa chọn thay thế
| Dụng cụ | Cái gì là miễn phí? | Hạn chế | Sản phẩm này phù hợp với đối tượng nào? |
|---|---|---|---|
| PromoPilot - Trình gỡ lỗi Open Graph | Tất cả các thẻ og và Twitter, kích thước ảnh og:image, bản xem trước cho Facebook, X và LinkedIn, đề xuất | Không xóa bộ nhớ đệm mạng xã hội | Hãy kiểm tra trang của bạn ngay lập tức trước khi đăng tải lên bất kỳ mạng xã hội nào. |
| Chia sẻ trình gỡ lỗi (Meta) | Xem trước Facebook và thu thập lại dữ liệu | Chỉ dành cho Facebook, yêu cầu đăng nhập tài khoản. | Khôi phục cài đặt xem trước cũ trên Facebook |
| Kiểm tra bài đăng trên LinkedIn | Xem trước LinkedIn và làm mới bộ nhớ đệm | Chỉ dành cho LinkedIn, cần đăng nhập. | Dành cho những người đang quảng bá sản phẩm trên LinkedIn. |
| @WebpageBot trên Telegram | Đang cập nhật bản xem trước liên kết trong Telegram | Chỉ có Telegram là không phân tích cú pháp thẻ. | Dành cho chủ sở hữu kênh Telegram |
Kết luận: cần có trình gỡ lỗi nền tảng chính thức để xóa bộ nhớ cache, nhưng mỗi nền tảng chỉ hiển thị mạng của riêng nó. Để xem tất cả các bản xem trước và danh sách các thẻ bị thiếu cùng một lúc, trình gỡ lỗi đa năng sẽ tiện lợi hơn.
Nhân tiện, PromoPilot có 87 công cụ SEO miễn phí. Nếu bạn chưa viết thẻ meta, chúng tôi có một bài viết trong loạt bài của mình về công cụ tạo thẻ meta sẽ tạo ra khối Open Graph với bản xem trước.
Open Graph Debugger khác với phân tích thẻ meta như thế nào?
Phân tích thẻ meta xem xét một trang web dưới góc nhìn của công cụ tìm kiếm: tiêu đề, mô tả, canonical, hreflang và Open Graph chỉ là một nhóm trong số đó. Trình gỡ lỗi tập trung vào mạng xã hội: nó tạo thẻ cho các nền tảng khác nhau, kiểm tra kích thước hình ảnh và đưa ra các đề xuất cụ thể dựa trên bản xem trước. Nếu các liên kết đến trang web của bạn được chia sẻ tích cực trên mạng xã hội và ứng dụng nhắn tin, trình gỡ lỗi sẽ hữu ích hơn.
Cả hai đều có một hạn chế: chúng đọc mã HTML được máy chủ trả về. Nếu các thẻ được chèn bởi một tập lệnh trình duyệt, nhiều mạng xã hội sẽ không nhận ra chúng — điều này cần được khắc phục ở phía trang web. Một chi tiết khác: trình gỡ lỗi kiểm tra các thẻ, nhưng không kiểm tra việc chia sẻ. Nếu trang được bảo vệ bằng mật khẩu, bị chặn theo vị trí địa lý hoặc được bảo vệ khỏi bot, mạng xã hội có thể không truy cập được trang đó ngay cả khi tất cả các thẻ đều có mặt.
Khi nào thì một công cụ miễn phí không còn đủ?
Trình gỡ lỗi sẽ cho thấy trang không có thuộc tính og:image. Nhưng nếu có hàng nghìn trang, việc chèn hình ảnh thủ công là không khả thi. Cần đến chuyên gia khi:
- Mỗi sản phẩm hoặc bài viết nên có hình ảnh xem trước riêng, được thu thập tự động;
- Trang web trả về các thẻ bằng cách sử dụng một đoạn mã script, và các mạng xã hội không nhìn thấy chúng;
- Bạn chạy quảng cáo và gửi thư điện tử, trong đó mỗi lần xem trước đều ảnh hưởng đến chi phí mỗi lần nhấp chuột;
- Chúng ta cần sự kết hợp giữa "trang web + kênh Telegram + tự động đăng bài" với những thẻ bài phù hợp.
Tôi có thể làm gì cho trang web của bạn?
Tôi là Valeriy Danyuk, một nhà phát triển phần mềm và chuyên gia SEO với 12 năm kinh nghiệm và hơn 200 khách hàng. Một bản xem trước liên kết đẹp mắt là cách tiếp cận miễn phí, và tôi tùy chỉnh nó cho từng dự án.
SEO và quảng bá
- Dịch vụ kiểm tra SEO website trọn gói: Tôi kiểm tra tất cả các thẻ mẫu, thiết lập hình ảnh xem trước tự động và sửa lỗi mã.
Trang web và cửa hàng trực tuyến
- Chuyển cửa hàng của bạn từ Instagram sang trang web — sản phẩm có hình ảnh xem trước rõ nét để dễ dàng chia sẻ.
- Trang đích cho một sản phẩm mới được tạo chỉ trong một buổi tối – một nghiên cứu điển hình của NordHarvest với thẻ готовый để đăng lên mạng xã hội.
- Website của một phòng khám phẫu thuật thẩm mỹ tích hợp trí tuệ nhân tạo và ứng dụng thông qua Telegram.
- Trang web trên 1001site: tính năng xem trước cho mạng xã hội và tự động đăng bài trên Telegram được cấu hình tự động.
Robot và tự động hóa
- Bot Telegram tích hợp trí tuệ nhân tạo dành cho cửa hàng bán nước sốt trực tuyến.
- QuestFlow là một công cụ dạng SaaS Telegram tích hợp trí tuệ nhân tạo.
- Thay thế chatbot bằng các nhân viên thương mại điện tử.
Hãy gửi cho tôi một đường dẫn trông không ổn trong ứng dụng nhắn tin trên Telegram và tôi sẽ cho bạn biết thẻ nào bị thiếu.
Kết quả
- Công cụ kiểm tra Open Graph trực tuyến cho thấy liên kết trông như thế nào trên Facebook, X và LinkedIn, và những thẻ nào bị thiếu.
- Yêu cầu tối thiểu là og:title, og:type, og:image (1200×630, địa chỉ đầy đủ) và og:url, cộng với twitter:card.
- Sau khi sửa lỗi, hãy đặt lại bộ nhớ cache của các trang web: Sharing Debugger, Post Inspector, @WebpageBot.
- Đối với danh mục sản phẩm và blog, hình ảnh xem trước nên được thu thập tự động, giống như trên 1001site.
Hãy kiểm tra trang bạn sắp chia sẻ bằng công cụ gỡ lỗi Open Graph miễn phí trước khi người theo dõi bạn nhìn thấy bài đăng.
Nguồn
- Trang công cụ Open Graph Debugger của PromoPilot — danh sách các bước kiểm tra và Câu hỏi thường gặp.
- Giao thức Open Graph (ogp.me) - các thuộc tính bắt buộc và tùy chọn.
- Công cụ Sharing Debugger và LinkedIn Post Inspector của Meta là các công cụ chính thức của nền tảng này.
