# studioに別サイトのOGP画像を出す方法、またはそれに類似したやり方

**URL:** <https://www.nocode-faq.com/t/topic/1327>\
**Category:** STUDIO\
**Tags:** ツールの操作方法\
**Created:** [2021 年 4 月 8 日午後 12:40 UTC](https://www.nocode-faq.com/t/topic/1327 "2021-04-08T12:40:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 4 月 8 日午後 12:40 UTC](https://www.nocode-faq.com/t/topic/1327/1 "2021-04-08T12:40:04Z")

</div>

studioに別サイトのOGP画像を出力したいのですがそのやり方がわかりません。  
もし、仕様でそういったことができないなら、別サイトのどこかのURLを引っ張ってくるといいよなどの別案をいただきたいです🙇‍♂️‍♂

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 4 月 8 日午後 12:40 UTC](https://www.nocode-faq.com/t/topic/1327/2 "2021-04-08T12:40:05Z")

</div>

回答者  
STUDIOって外部サイトのサムネ/OGP って仕様上できなかったように思います。  
なので、表示したい場合には手動で  
そのサイトのOGPを取得して、外部リンク設定、OGP画像貼り付けするしかないかと思います。

> **[OGP確認：facebook、twitter、LINE、はてなのシェア時の画像・文章を表示 | ラッコツールズ🔧](https://rakko.tools/tools/9/)**
>
> URLを入力すると各SNS（facebook・twitter・はてなブックマーク・LINE）でページをシェアした際のOGP画像・タイトル・説明文を確認できるOGPデバッガー・シミュレーター。PC版・スマートフォン版・アプリ版で表示サイズ・表示文字数が異なるものも全て確認できます。画像をアップしての確認も可能で、画像は50枚まで選択可能です。

DIV の中にリンクや画像を入れる感じですね。

> **[Gyazo](https://gyazo.com/ecae11152cc78abeb6c29f325e550d35)**
>
> スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。

STUDIO 外部サイトリンク  
[https://help.studio.design/ja/articles/4055397-リンクの設定方法](https://help.studio.design/ja/articles/4055397-%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95)  
もし、まとめサイトをSTUDIOで作ろうとしているなら、結構仕様的に難しいかと思うので、STUDIOよりはWordPressなどを利用された方が向いている気はします。

質問者  
ありがとうございます😭  
助かりました！

## 参考URL

> **[OGP確認：facebook、twitter、LINE、はてなのシェア時の画像・文章を表示 | ラッコツールズ🔧](https://rakko.tools/tools/9/)**
>
> URLを入力すると各SNS（facebook・twitter・はてなブックマーク・LINE）でページをシェアした際のOGP画像・タイトル・説明文を確認できるOGPデバッガー・シミュレーター。PC版・スマートフォン版・アプリ版で表示サイズ・表示文字数が異なるものも全て確認できます。画像をアップしての確認も可能で、画像は50枚まで選択可能です。

> **[Gyazo](https://gyazo.com/ecae11152cc78abeb6c29f325e550d35)**
>
> スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。

[https://help.studio.design/ja/articles/4055397-リンクの設定方法](https://help.studio.design/ja/articles/4055397-%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95)
