「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

テーマ共通:meta thumbnailを出力する方法

Q.<meta name=”thumbnail” content=”アイキャッチ画像”>を追加したいです。

このカスタマイズ内容は、テーマ「GENSEN(TCD050)」の場合は通常投稿(ブログ)・カスタム投稿「紹介ページ」「お知らせ」・固定ページに適用されます。
 
固定ページの編集画面にアイキャッチ画像の設定項目がない場合は、下記のカスタマイズ事例記事をご参照ください。
TCDテーマSKIN:固定ページでアイキャッチ画像を設定する方法

「テーマ共通」としていますが、すべてのテーマでの動作検証は行っておりません。
動作の保証ができず、万が一不具合が生じました場合も、弊社では責任を負う事ができかねます。何卒ご了承下さいませ。
カスタマイズに関しましては必ずバックアップをご用意の上、恐縮ながらお客様の責任において実施して頂きますようお願い申し上げます。

A.下記の方法でカスタマイズしてください。

編集するファイル: functions/ogp.php
編集する箇所: 62行目

<meta property="og:image:height" content="<?php og_image(2); ?>" />

 ↓ 一行追加

<meta property="og:image:height" content="<?php og_image(2); ?>" />
<meta name="thumbnail" content="<?php og_image(0); ?>">

 
※補足
meta thumbnailはスマホのブラウザでGoogle検索した際に表示されるサムネイル画像などに使用されますが、<meta name=”thumbnail”…を設定すれば必ずその画像が表示されるというわけではなく、表示させるかどうかはGoogleのアルゴリズムが判断するようです。
キーワードによっても表示したりしなかったりしますのでご注意ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事