psne https://blog.hatena.ne.jp/psne/ すなばいじり https://psn.hatenablog.jp/ sandbox JavaScript 大はてな実験 Search Consoleに何か増えていますね。リッチカード という項目です。 リッチカードって何？ 元々、リッチスニペットと呼ばれていたものを検索結果のカード表示として表示できるやつ。くらいの認識で良いと思います。よくある表示が、買い物サイトのレビュー数と、☆等で表示されているレーティングの、アレです。 サクッと作ってみましょう。 コードのサンプル ササっと出します。今回は「みかん」の作り方です。 <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Recipe", "name"… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpsn.hatenablog.jp%2Fentry%2F2016%2F05%2F19%2F000001" title="Googleの検索結果に使われる「リッチカード」を用意する - すなばいじり" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/p/psne/20160518/20160518192105.jpg Hatena Blog https://hatena.blog 2016-05-19 00:00:01 rich https://psn.hatenablog.jp/entry/2016/05/19/000001 1.0 100%