【ピンタレスト】リッチピンの設定方法を3分で解決｜アフィンガー対応

ピンタレストのリッチピンの設定方法が良くわからない。

すぐに出来るリッチピンのやり方が知りたい。

こんな疑問にお答えします。

ピンタレストのリッチピンは正しく設定すれば3分程度で解決できるので、ぜひ読んでみて下さい。

ピンタレストのリッチピンとは？

まずは簡単にピンタレストのリッチピンを紹介します。

リッチピンとは「コンテンツの詳細な内容を表示させることができるピン」です。

リッチピンには以下の4種類があります。

ブロガーに最適なのはリーディングピンです。

記事タイトルや、概要を表示させることができます。

ピンタレストのリッチピンを設定する方法

ここで紹介するピンタレストのリッチピン設定方法は以下の2パターンです。

ご自分に合ったものを選択して下さい。

それぞれリッチピンの設定の方法が異なりますが、①の方も②でリッチピンを設定することは可能です。

では、順にご説明します。

①リッチピンの設定方法（AFFINGER5を利用している方）

ピンタレストのリッチピンの設定は以下の3ステップです。

以上です。

step
1OGPタグのコピー

リーディングピンで主に必要なタグは以下です。

まずはこちらをコピーしましょう。

 html
<meta property="og:title" content="記事のタイトル"/>
<meta property="og:description" content="記事の説明" />
<meta property="og:type" content="article" />

step
2"AFFINGER5管理＞その他＞コードの出力"へ貼り付け

メニューの”AFFINGER5管理”をクリック

”その他”をクリックします。

”コードの出力”にコピーしたOGPタグを貼り付けます。

このように表示されていたら、下の方にある”保存”をクリック

以上でこのステップは完了です。

step
3Rich Pins Validatorで確認

こちらをクリック

https://developers.pinterest.com/tools/url-debugger/

”Enter a Valid URL”にブログのURLを入力

”Validate”を押して確認

以下のように全て緑で表示されればリッチピンの設定は完了です。

②リッチピンの設定方法（WordPressで子テーマを利用している方）

ピンタレストのリッチピンの設定は以下の3ステップです。

以上です。

step
1functions.phpにコードをコピペ

まずWordPressメニューバーの"外観”＞”テーマエディター”をクリック

テーマのための関数（functions.php）をクリック

以下のコードをコピペ

 html
// head内にカスタム用のコードを追加する
function meta_headcustomtags() {
$headcustomtag = <<<EOM
<!-- headに表示させたいコードをここに！（この行は消してね）-->
EOM;
echo $headcustomtag;
}
add_action( 'wp_head', 'meta_headcustomtags', 99);

以下のようになればOKです。

step
2OGPタグのコピペ

この部分にOGPタグをコピペします。

こちらをコピペしましょう。

 html
<meta property="og:title" content="記事のタイトル"/>
<meta property="og:description" content="記事の説明" />
<meta property="og:type" content="article" />

以下のように表示されたら、”ファイルを更新”

step
3Rich Pins Validatorで確認

こちらをクリック

https://developers.pinterest.com/tools/url-debugger/

”Enter a Valid URL”にブログのURLを入力

”Validate”を押して確認

以下のように全て緑で表示されればリッチピンの設定は完了です。

【ピンタレスト】リッチピンの設定方法｜まとめ

いかがでしょうか？

リッチピンを設定することでブログへのアクセスも増えます。

ピンタレストはまだ参入者も少ないので、先行者利益を獲得できるチャンスですね。

早めに設定してどんどん運用していきましょう。