examindexへ戻る

20230324


画像とOGP基本設定

img要素テスト。※OGPのサムネイル画像としても指定済
写真が表示できない場合のテキスト。

picture要素の中にsource要素(とimg要素)を配置して画像を切り替えるテスト。
※画面幅が601px以上の場合は縦長の元の画像。画面幅が600px以下の場合は縦長の上下逆の画像。それ以外の場合は正方形の画像。
写真が表示できない場合のテキスト。

embed要素テスト。(src属性のみ指定)


課題

本ページ作成を受けての課題は割愛。


参考文献


参考サイト

OGPとは?設定すべき理由や適切な設定方法など徹底解説!はこちら

The Open Graph protocolはこちら