search

bookbok / old-bookbok

「BookBok」web service
0 stars 0 forks source link

I want to setting OGP #614

Open NAKKA-K opened 4 years ago

NAKKA-K commented 4 years ago

and set title for each page

NAKKA-K commented 4 years ago

SPAでOGPするの無理ゲーじゃね？ react-helmetというライブラリを使えば動的にhead内を変更できるみたいだけど、twitterカードとかだとjsが解釈されないから意味なさそうだし。

kento-oka commented 4 years ago

最初のレンダリングの時に適切に設定しておいてあげると、OGPとして解釈してくる

追記

<!DOCTYPE html>
<head>
</head>
<body>
  <div id="root"></div>
</body>

レスポンスとして上のような簡単なやつをPHPで出力していると思うけど、 ここで適切なmeta情報を設定してあげるとよい感じなる

NAKKA-K commented 4 years ago

componentDidMountならOKってこと？

kento-oka commented 4 years ago

PHPの出力から

kento-oka commented 4 years ago

最初のレンダリング

ブラウザがサーバーからもらったレスポンスをもとに一番最初にするレンダリング

NAKKA-K commented 4 years ago

どのページにしっかりとしたOGPが必要かと考えれば本の画像とかを表示するときだけで良さそう。後は基本のBookBok画像とか出しとけばいいか。 SEOをやるならそもそもSSRした方がいいしそこはある程度無視で良さそう。