コンテンツにスキップ

01

gatsby-imageで画像を表示する方法

https://www.atnr.net/how-to-display-image-file-with-gatsby-image/

アイキャッチ画像

https://moneyforward.com/engineers_blog/2015/11/27/eye-catch-images/

OGP画像を設定してみよう!(Open Graph Protocol)

https://qiita.com/marietty123/items/532b11315fa10f4f23a7

OGP

<!-- OGP -->
<meta property="og:type" content="website">
<meta property="og:description" content="福岡の物流エンジニアが、七転び八起きしたあと九回転び、寝っ転がったまま何かやってる事を垂れ流しているブログ">
<meta property="og:title" content="かきフロー">
<meta property="og:url" content="https://kakiflow.com">
<meta property="og:image" content="https://kakiflow.com/wp-content/themes/cocoon-master/screenshot.jpg">
<meta property="og:site_name" content="かきフロー">
<meta property="og:locale" content="ja_JP">
<meta property="article:published_time" content="2019-06-06T23:27:03+09:00" />
<meta property="article:modified_time" content="2019-06-06T23:27:03+09:00" />
<meta property="article:section" content="SEO">
<meta property="article:tag" content="SEO">



<meta itemprop="image" content="https://kohkira.com/wp-content/uploads/2018/01/bloglogonewFB.png"/>