![見出し画像](https://assets.st-note.com/production/uploads/images/100310921/rectangle_large_type_2_b44ac125bfb999f29c4c3b911b4f0f08.png?width=1200)
OGP設定 ゴモジーサイトの画像が出てこない...
ゴモジーを”もっと”知ってもらいたい。そう思ってnoteを始めてみましたが、早速ハマりました。
当社のサイトのリンクを貼ってみたら、画像が空白のままになっていました。なんで??
![](https://assets.st-note.com/img/1678841737515-JY901LTglW.png?width=1200)
画像がないリンクって、見ないですよね。どうしよう。。
OGP設定
ちょっと調べてみたら、OGP設定しないといけないってことがわかりました。
SNSなどで自社のサイトなどをどう見せたいかを、自分で設定することができるんですね。
OGPとはOpen Graph ptorocolという規格のようです。詳しくは以下ご参照下さい。
htmlにOGP設定を追加
htmlにOGPを入れて画像を絶対パスで指定してみました。
![](https://assets.st-note.com/img/1678842852888-b7Pjvf9Kng.png?width=1200)
白い画像のままです。なぜ。。
note:cardの設定
もうちょっと調べてみたら、OGPの設定でSNSごとに細かく設定ができる項目があったので追加してみました。
<meta name="note:card" content="summary">
![](https://assets.st-note.com/img/1678843032566-KIfBjH8phP.png?width=1200)
やっと画像が出てきてくれました。
以下のnote記事をご確認いただくと、画像が見えるリンクが確認いただけます。
まとめ
サイトの運営やってらっしゃる方なら、「なにを今更」というような記事でしたが、ゴモジーはこんなことも手作りで楽しく対応しています。
こういう情報もちょっとずつ発信していきます。
ゴモジーがどんな会社かを知ってもらえたら、うれしいです。