技術ブログ
OGPとは？ 設定方法
2021.09.07
HTML
Open Graph protocol定義
Facebook、TwitterなどのSNS上でシェアされた時やシェアされたい時に、ページのタイトル、URL、概要、画像を正しく伝える手法(protocol)
<meta property="og:site_name" content="サイト名" /> <meta property="og:title" content="タイトル" /> <meta property="og:type" content="トップページはwebsite、個別（下層）ページはarticle" /> <meta property="og:url" content="記事のURL" /> <meta property="og:image" content="サムネイル画像のURL" /> <meta property="og:description" content="記事のdescription（記事概要）"/> <meta property="fb:app_id" content="FacebookのアプリID" /> <meta property="og:locale" content="ja_JP" />