Linkpreview、ソーシャルメディアおよびチャットアプリでのサイトURLプレビュー

• LinkPreviewは、Webサイトのリンクのプレビューを生成するプロジェクト
• 特定のURLが Google / X / Facebook / Discord / WhatsApp でどのように表示されるかを一目で確認可能
• 他の製品や既存のオープンソースプロジェクトと比べて、シンプルで使いやすいインターフェースを提供

[GN⁺]

Hacker Newsの意見

• 各プラットフォームの標準インターフェースでツールを使えるようにしたほうがよい

  • メタクローラーは各プラットフォームで異なる動作をする可能性がある
  • リンクをたどる際に発生するリダイレクトを表示したほうがよい
  • ターゲットURLはURLクエリパラメータまたはフラグメントで指定できる必要がある
  • URLでデータが指定されていないと、Webページ上の気の利いたツールにすぎない
  • URLで制御されるデータがあれば、ネイティブで共有可能なWebユーティリティになる

• ツールはよいが、https:// を自動で追加してほしい

• いくつか提案:

  • ユーザーエージェント文字列を使ってメタタグと画像を取得するようにする
  • APIはTwitter専用のメタタグを確認していないように見える
  • たとえば、summary カード形式を使うサイトが summary_large_image としてレンダリングされる

• 普段はsocialsharepreview.comを使っているが、このツールがどう違うのか気になる

• Open Graphを正しく処理していないように見える

  • たとえば、ピクセル化したファビコンがコンテナに合わせてリサイズされる

• 逆のツールを作った

  • メタタグが特定のプラットフォームでプレビューを生成するか確認するページを作成した

• Slackプレビューのサンプルを見てみたい

  • Slackでプレビューが予測しにくい理由を完全には理解していない

• このツールが正確かどうかをどう判断できるのか気になる

  • ソーシャルメディアサイトが提供するツール/APIを使っているのか、それともHTMLを再実装しているのか気になる

• ツールはすばらしいが、最新状態を保つ必要がある

  • URLがオンラインである必要があるため、問題が起きると反復ループが長くなる

• Polypaneでソーシャルメディアプレビューを構築した

  • ローカルURLでも動作し、ソーシャルメディア向けにURLを上書きできる
  • さまざまなソーシャルメディアプラットフォーム向けのプレビューを頻繁にメンテナンスしている

• サービスyasl.atを構築した

  • シンプルなAPIを通じてカスタムメタデータ付きの短縮URLを生成する
  • Webゲームや共有する価値のある結果へのリンクを生成する