ブログ運営

ブログ投稿をPinterestに自動でピンさせるとアイキャッチではない画像がピンされてしまう時の対処法

ピンタレスト対策用画像

ブログ記事を更新したら、そのアイキャッチ画像をPinterest(ピンタレスト)にも投稿することで、被リンクを得ると同時にブログ記事へのアクセス増も狙いたいなと思って、それを実現する方法を以前まとめて記事にしていました。

ところが、当サイトでこれを実施してみたところ、うまくアイキャッチ画像がピンされず、代わりにブログ記事の最初に出てくる画像をピンしてしまう現象が発生しました。下の画像の青枠で囲ったピンがそれらです。

本文最初の画像をピンしてしまう場合がある。

やっかいなのは常に記事の最初に入れた画像がピンされるのではなく、ちゃんとアイキャッチ画像をピンしてくれる場合もあるというところです。おそらくPinterest側のアルゴリズムに起因する問題だと思われるので、こういうことが起こることを前提としてブログ側で対応を検討する必要がありそうです。

いくつか対応策を考えたのですが、これが一番シンプルかなと思える方法を思いついたので、紹介します。

この記事で伝えたいこと

  • Pinterestにフィードを使ってピンの一括作成を行う際、アイキャチ画像がピンされない場合がある。
  • WordPress側でアイキャッチ画像の設定を変えず、うまくPinterestにアイキャッチ画像がピンされるようにしたい。

そんな悩みを解決します。

解決策

いきなり結論ですが。

「アイキャッチ画像と同じ画像を記事の一番最初に入れる。
ただし、表示位置をCSSでいじって画面表示されないようにする。」

少し説明をします。

WordPress上でのアイキャッチ画像は今まで通り設定します。Pinterestもアイキャッチ画像をちゃんとピンしてくれる時がありますし、他のSNSへの自動投稿でもアイキャッチ画像を参照させているので、アイキャッチ画像自体の設定を変えるような打ち手はとれません。

一方、問題は「Pinterestへの自動投稿で、ブログ本文中、一番最初に出てくる画像をピンしてしまう時がある」ことなので、そうであれば、もういっそのことブログ記事の一番最初にもアイキャッチ画像と同じ画像を挿入しておけばいいじゃないか、ということです。

これであればPinterestへの自動投稿においても、意図した通りアイキャッチ画像に設定した画像が必ずピンされるようになるはず。

しかし単にアイキャッチ画像と同じ画像を本文の一番最初に差し込んだだけだと、記事をブラウザで見た時に同じ画像が2枚縦に並んで表示されてしまうことになります。ちょっと格好悪いですよね。

そこで、画像の表示位置をブラウザで表示されない場所へ移動させてしまいます。具体的には画像の表示開始位置の座標を(0, -1000)のようにします。この設定の場合、本文エリアの開始位置を起点にして、上へ1000px移動させることになりますから、画像は本文エリアの外に出てしまいブラウザ上では表示されなくなります。

CSS記述はこんな感じ。記事の一番最初に差し込んだ画像に対して、class=”img-hidden”を設定してあげればOKです。

.img-hidden {
  position: absolute;
  top: -1000px;
  left: 0px;
}

ただし、ブラウザ上で表示されないというだけで、画像は以前としてブログ記事の冒頭に入っています。ですから、Pinterestがフィードからピンする画像を取得する際、記事の本文最初に登場する画像を拾ったとしても、この「表示されていないアイキャッチ画像と同じ画像」を参照してくれる、というわけです。

当サイトと同じように、フィードを使ってピンを一括作成させている方で、同じような問題にぶつかっている方がおられましたら、この方法をお試しください。

誰でもできる!ブログ開設からわずか14日でドメインパワーを0から2.4に上げた簡単な方法前のページ

買った後どうなるのか? 不動産投資会社営業が話さない、本当のキャッシュフロー次のページ

関連記事

  1. ブログ運営

    FacebookとInstagramを接続する方法

    インスタグラムのビジネスアカウントへ投稿を行うには、そのアカウントの有…

  2. ブログ運営

    誰でもできる!ブログ開設からわずか14日でドメインパワーを0から2.4に上げた簡単な方法

    どんな対策をとったらドメインパワーが上がるのか?対策を継続したらドメイ…

  3. ブログ記事を投稿するたびに自動でTwitterに投稿されるようにする方法

    ブログ運営

    ブログ記事を投稿するたびに自動でTwitterに投稿されるようにする方法

    ブログに記事を投稿するたびに自動でTwitterにもつぶやきとして投稿…

  4. ブログ運営

    ブログ記事を投稿するたびに自動でMastodonに投稿されるようにする方法

    ブログに記事を投稿するたびに自動でMastodonにも投稿されるによう…

  5. ブログ運営

    BufferとInstagramを接続する方法

    WordPressからInstagramへ記事投稿するためのツールとし…

  6. ブログ運営

    ブログ記事を投稿するたびに自動でPinterestにピンされるようにする方法

    ブログに記事を投稿するたびに自動でアイキャッチ画像をPinterest…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


特集記事

最近の記事

  1. ブログ記事を投稿するたびに自動でTwitterに投稿されるようにする方法

    ブログ運営

    ブログ記事を投稿するたびに自動でTwitterに投稿されるようにする方法
  2. ブログ記事中の画像にPinterestの保存ボタンが表示されるようにする方法

    ブログ運営

    ブログ記事中の画像にPinterestの保存ボタンが表示されるようにする方法
  3. ガジェット/家電

    Windows PCのバッテリー状態を確認する方法
  4. 不動産投資

    買った後どうなるのか? 不動産投資会社営業が話さない、本当のキャッシュフロー
  5. ブログ運営

    FacebookとInstagramを接続する方法
PAGE TOP