OGP

SPAでSNSカードが壊れる原因とJS実行問題

SPAでSNSシェアカードが壊れるのはなぜか SNSクローラはブラウザではない SPAの初期HTMLの中身 メタタグ書き換え問題 GoogleとSNSの違い なぜSNSはJSを実行しないのか 実務でよくある誤解 解決策 1 SSR(Server Side Rendering) 2 SSG(静的生成) 3 Preren…

SSRでOGPが正しく表示される仕組み

SSRでOGPが表示される本当の理由 OGPとは何を見ているのか クローラが実際にやっている処理 SPAでOGPが壊れる理由 JavaScript実行問題 SSRが解決していること 実装例(Next.js) 実務で起きやすい失敗 キャッシュの罠 SSRが向いているサイト 注意点 まとめ S…