t_wの輪郭

あれ

OGP

2022/5/8 6:30:00
OGP自動生成【解決済み】OGPのog:descriptionに輪郭の本文を記載して欲しい輪郭のOGPあれあれあれあれ手書きデータの画像化『t_wの輪郭』のOGP表示を改善『t_wの輪郭』をOGPに対応させる

動機

SNSに輪郭のリンクを投稿した際に、よりクリックされて欲しいため、リンク先の内容が表示されてほしい。

期待動作

SNS(Misskey.io)に輪郭のリンクを投稿した場合、以下のように表示される。

実際の動作

SNS(Misskey.io)に輪郭のリンクを投稿した場合、以下のように表示される。

あれ

2023/9/24 16:13:00

OGPがうごいてはるわ

あれ

2023/9/24 14:33:00

RSSとOGPでけたら乗り換えやな

「はよやれ」になったのでやるか

あれ

2023/9/24 7:30:00

ノリと勢いで『t_wの輪郭』をReactで作り直しだウェーイってしてるけど、SEO死ぬんじゃねこれ

あとOGP対応無理くねコレ

何ならRSSも無理っぽい

AWS AmplifyでSSRする方法探すか


使用できますAWS Amplifyサーバー側レンダリング (SSR) を使用する Web アプリをデプロイしてホストします。現在、Amplify ホスティングは Next.js フレームワークを使用して作成されたアプリをサポートしています。

公式の日本語が怪しいけど、AWS AmplifyはNext.jsでSSR出来るらしい。


React+DataStoreからNext.jsに切り替えるぞッ!!!!

ここまで作ったフロントエンドを捨てることになるけど、メリットはあるし、やるしかねぇ。

  • フロントエンドの実装はまだほとんど進んでない
  • AmplifyでNext.jsで動かす勉強になる