▲

GN⁺: Linkpreview, 소셜 미디어 및 채팅 앱에서 사이트 URL 미리보기

 (linkpreview.xyz)
5P by neo 18일전 | favorite | 댓글 1개
  • LinkPreview는 웹사이트 링크의 미리보기를 생성하는 프로젝트임
  • 특정 URL이 구글/X/페이스북/디스코드/왓츠앱 에서 어떻게 보이는지 한눈에 확인
  • 다른 제품이나 기존 오픈 소스 프로젝트에 비해 간단하고 사용하기 쉬운 인터페이스를 제공
▲
neo 18일전  [-]
Hacker News 의견

  • 각 플랫폼의 기본 인터페이스에서 도구를 사용하는 것이 좋음

    • 메타 크롤러가 각 플랫폼에서 다르게 작동할 수 있음
    • 링크를 따를 때 발생하는 리디렉션을 보고하는 것이 좋음
    • URL 쿼리 매개변수 또는 프래그먼트에 대상 URL이 필요함
    • URL에 데이터가 지정되지 않으면 웹 페이지에서 귀여운 도구에 불과함
    • URL로 제어되는 데이터가 있으면 네이티브, 공유 가능한 웹 유틸리티가 됨

  • 도구가 좋지만 "https://"를 자동으로 추가해주길 바람

  • 몇 가지 제안:

    • 사용자 에이전트 문자열을 사용하여 메타 태그와 이미지를 가져오도록 함
    • API가 Twitter 전용 메타 태그를 확인하지 않는 것 같음
    • 예를 들어, 'summary' 카드 형식을 사용하는 사이트가 'summary_large_image'로 렌더링됨

  • 보통 socialsharepreview.com을 사용하지만 이 도구가 어떻게 다른지 궁금함

  • Open Graph를 제대로 처리하지 않는 것 같음

    • 예를 들어, 픽셀화된 파비콘이 컨테이너에 맞게 크기 조정됨

  • 반대 도구를 만들었음

    • 메타 태그가 특정 플랫폼에서 미리보기를 생성하는지 확인하는 페이지를 생성함

  • Slack 미리보기 샘플을 보고 싶음

    • Slack에서 미리보기가 예측 불가능한 이유를 완전히 이해하지 못함

  • 이 도구가 정확한지 어떻게 알 수 있는지 궁금함

    • 소셜 미디어 사이트에서 제공하는 도구/API를 사용하는지 아니면 HTML을 재구현하는지 궁금함

  • 도구가 멋지지만 최신 상태를 유지해야 함

    • URL이 온라인에 있어야 하므로 문제가 발생하면 반복 루프가 길어짐

  • Polypane에서 소셜 미디어 미리보기를 구축했음

    • 로컬 URL과 함께 작동하며 소셜 미디어에 대해 URL을 덮어쓸 수 있음
    • 다양한 소셜 미디어 플랫폼에 대한 미리보기를 자주 유지 관리함

  • 서비스 yasl.at을 구축했음

    • 간단한 API를 통해 맞춤형 메타 데이터를 사용하여 짧은 URL을 생성함
    • 웹 게임 및 공유할 가치가 있는 결과에 대한 링크를 생성함
답변달기