- LinkPreview là một dự án tạo bản xem trước cho các liên kết website
- Có thể xem nhanh một URL cụ thể sẽ hiển thị như thế nào trên Google/X/Facebook/Discord/WhatsApp
- Cung cấp giao diện đơn giản và dễ sử dụng hơn so với các sản phẩm khác hoặc các dự án mã nguồn mở hiện có
1 bình luận
Ý kiến trên Hacker News
Tuy vậy có vẻ bộ thu thập metadata của mỗi nền tảng hoạt động khác nhau, và với hai nơi mình biết rõ là WhatsApp và Discord thì phần xem trước đều không khớp với thực tế
Sẽ tốt hơn nếu hiển thị cả redirect phát sinh khi lần theo liên kết, và nên cho phép đưa URL đích vào bằng query parameter hoặc fragment
https://linkpreview.xyz/#example.com
https://linkpreview.xyz/#url=https://example.com
https://linkpreview.xyz/?url=https://example.com
Nếu không thể chỉ định dữ liệu trong URL thì nó chỉ là một công cụ web dễ thương, nhưng nếu điều khiển được bằng URL thì nó trở thành một tiện ích web native có thể chia sẻ. Cũng như URL đẹp không đổi, trên web thì URL chính là API
Nói thêm sau khi xem tweet https://x.com/fayazara/status/1830272619637047359: hiện đang vừa được đẩy lên đầu HN vừa nhận đủ mọi lời chỉ trích
type="url"cũng là một cách. Có vẻ như trên bàn phím di động nó sẽ tắt tự động viết hoa chữ cái đầu và tự sửaVí dụ Twitter/X lấy meta tag bằng chuỗi user-agent
Twitterbot/1.0. Một số trang có thể trả về nội dung khác nhau theo từng dịch vụ để tối ưu hình ảnh cho cách hiển thị của dịch vụ đóNgoài ra có vẻ API không xem các meta tag dành riêng cho Twitter [0]. Nó chỉ trả về một bộ metadata dùng cho mọi preview. Chẳng hạn ở https://govukvue.org có dùng kiểu thẻ
summary, nơi một ảnh nhỏ xuất hiện cạnh tên và mô tả, nhưng công cụ này lại render nhưsummary_large_image[0] https://developer.x.com/en/docs/x-for-websites/cards/overvie...
og:imagetrong thẻhead, nó lại phóng to favicon bị vỡ hạt cho vừa khung chứahttps://getoutofmyhead.dev/link-preview-tester/
Thế mà giờ lại có công cụ để kiểm tra thủ công cách vô số công cụ chat độc quyền render phần preview trang của tôi
Và mọi người đều hào hứng như thể đó là thứ tuyệt nhất kể từ khi giấy được phát minh. Thật thú vị khi thấy xu hướng này trên HN chứ không phải một diễn đàn ngành media vui vẻ nào đó
Nếu góp ý thì việc thất bại với URL không có HTTPS là khá kỳ. Nó nên đủ thông minh để bạn nhập bất kỳ site nào, tự điều hướng theo URL và quét dựa trên URL cuối cùng đã được phân giải. Ví dụ nhập
"blizzard.com"thì nó nên tải "https://www.blizzard.com/en-us/"Việc có Discord và WhatsApp là tốt, nhưng còn LinkedIn, Pinterest thì sao, và Slack thì sẽ thế nào. Có lẽ Slack nên giống Discord
Nó cũng không cho biết cần sửa gì. Có thể tham khảo cách socialsharepreview.com làm
https://socialsharepreview.com/?url=https%3A%2F%2Fnews.ycomb...
https://i.imgur.com/LDXNYYR.png
Cung cấp khá nhiều mẹo hữu ích về việc cần sửa gì để nội dung hiển thị bung ra đúng cách. Điều này thực sự hữu ích với những người làm marketing thích mấy thứ như thế này. Mỗi trang có định dạng và giới hạn số ký tự khác nhau, nên sẽ tốt hơn nếu chia sẻ những thông tin cần chỉnh sửa. Ví dụ như sự khác biệt giữa Twitter Cards và metadata Open Graph. Tôi chưa kiểm tra, nhưng sẽ tốt hơn nếu còn đảm bảo rằng metadata phù hợp cho từng trang được đọc đúng cách.
Cách giải thích duy nhất là đây chỉ là mồi công cụ miễn phí để bán bộ giải pháp full-stack.
Một trong những nhược điểm của các công cụ kiểu này là URL phải có thể truy cập được trên internet, nên nếu có vấn đề thì chu kỳ lặp cải tiến sẽ khá dài.
Polypane [1] đã tạo phần xem trước mạng xã hội hoạt động cả với URL cục bộ, và cũng cho phép ghi đè URL mà mạng xã hội đó sẽ hiển thị. Họ đã làm phần xem trước cho X/Twitter, Facebook, Slack, LinkedIn, Discord, Mastodon, Discord, Google Search, Bluesky, Mastodon, Threads và thường xuyên bảo trì. Mỗi cái còn có cả giao diện sáng và tối, nên bạn thực sự có thể kiểm tra tất cả. Nó cũng cho biết những gì còn thiếu và những gì không tương thích. Có thể xem tại đây: https://polypane.app/social-media-previews/
[1] https://polypane.app/
Nếu ai tìm ra được thì mong hãy cho tôi biết. Chỉ cần lấy bất kỳ bài blog nào trên trang godotengine.org rồi dán vào LinkedIn, bạn sẽ thấy nó kéo ảnh tác giả lên thay vì ảnh thumbnail của bài viết. Tôi vẫn chưa giải quyết được.