エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
動的なOGPが欲しいけどSSRするほどでもない場合にやったこと
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
動的なOGPが欲しいけどSSRするほどでもない場合にやったこと
SPAのリンクをTwitterやFacebookでシェアした際に、OGPによるプレビューを表示させたいが、 SSRするほど... SPAのリンクをTwitterやFacebookでシェアした際に、OGPによるプレビューを表示させたいが、 SSRするほどでもない場合のやり方を考えてみた。 前提 完全に静的なHTML, JavaScript, CSSだけで構成されたシングルページアプリケーション。 Next.jsのSSRなどを使っていない。 それらの静的なファイルはNginxで配信されている。 Nginxの設定はこんな感じ。(リクエストに該当するファイルが存在しない場合は/index.htmlを返す) server { server_name example.com; root /path-to-static-files; if (!-f $request_filename) { rewrite (.*) /index.html; } } やり方 1. HTMLファイルにOGPのタグを付けて返すアプリケーションをNode