SNS WordPressの使い方 ブログ

SNS拡散には必須 WordPressのOGP設定 Twitter編

 

相談者・Hさん

WordPressで書いたブログ記事をTwitterにシェアしたのですが、アイキャッチ画像が表示されなかったり、表示されても小さかったり。

他の方がシェアしているように大きくアイキャッチ画像を表示させる方法を教えてください。

せっかくブログ記事をTwitterにシェアするのですから、アイキャッチが大きく表示されるようにしたいですよね。

分かりました。やり方を解説していきますね。

三浦さん

 

 

WordPressでブログを書いたらアイキャッチの設定を忘れずに

WordPressで書いたブログをTwitterにシェアする際に気を付けたいのが、「アイキャッチ設定」です。

アイキャッチが正しく設定されていれば、以下のように表示されます。

 

アイキャッチを設定しておかないと、OGPを正しく設定してもアイキャッチ画像がツイート内に表示されません。

記事を書き終えたら、忘れずのアイキャッチの設定を行いましょう。

 

アイキャッチ画像の設定方法

ブログを書くための投稿ページの、「投稿を編集」画面の右側下段に、「アイキャッチの設定」箇所があります。

新エディタ・グーテンベルグの場合

クラシックエディタの場合

 

それぞれの場合、「アイキャッチ画像」箇所をクリックして、アイキャッチに使いたい画像を設定してください。

 

ブログ記事をSNSにシェアする際に必須なOGP OGPとは?

記事ごとにアイキャッチ画像を設定したら、次はOGP設定を行います。

OGPとは「Open Graph protocol」を略したもので、twitterやFacebookなど、SNSでシェアされた時にブログ記事など、そのページの

・ページタイトル
・URL
・記事内容(概要)
・アイキャッチ画像(サムネイル)

を表示させるシステムのことです。

WordPressでブログ記事を書いた際、SNSでシェアすることによって多くのユーザーに記事を読んでらうためには必須の設定になります。

ここではSNSの中でも、twitterへのOGPの使い方について書いていきます。

 

TwitterのOGP設定が正しくないとアイキャッチ画像が表示されない

WordPressで書いたブログ記事をTwitterに投稿する際、OGP設定をしない状態でシェア(リンクを貼る)と、WordPressのアイキャッチ画像が表示されません。

 

 

アイキャッチ画像がないと、なんとも味気なく、Twitterのユーザーに「記事を読んでみたい」とは思ってもらえない表示ですよね。

このようにアイキャッチ画像を大きく表示させて、ブログ記事投稿を目立たせることが理想の形です。

 

OGP設定方法はWordPressのテーマによって違う

WordPressのOGP設定は、使用しているWordPressテーマによって変わってきます。

テーマによっては、テーマ販売会社が使い方を説明したページを用意しています。

 

【WordPress TCD製テーマのOGP設定方法】

Twitter Cards(ツイッターカード)を設置する方法

 

【WordPressテーマ EmanonのOGP設定】

Emanon設定 OGP

 

ご自身で使っているWordPressのテーマが分からない方は以下の記事を参照に調べて、テーマ提供元(販売元)の公式サイトでOGP設定方法を確認してみてください。

使用しているWordPressテーマの確認方法

 

WordPressテーマ AFFINGERのOGP設定方法

三浦企画で制作しているホームページは、主に「AFFINGER」というテーマを使用しています。

ここでは、WordPressテーマ、「AFFINGERシリーズ」のtwitterのOGP設定をご説明いたします。

 

1. ダッシュボードから、「AFFINGER管理」をクリックします。

 

2. 「SNS」箇所をクリックします。

 

3. 「SNS設定」ページが開きます。 ページ下部に「Twitter設定」箇所があります。

① Twitterアカウント箇所に、@から始まるTwitterアカウントを入力します。(@から下の部分を入力してください)

 Twitterカードサイズは、「大」を選択します。

 忘れずに「save」をクリックして保存します。

これで、TwitterのOGP設定は完了です。

 

Twitterにどのように表示されているか確認してみる

WordPressで公開したブログをTwitterにシェアした際、どのように表示されているか確認できるサイトがあります。

Card validator」という、Twitter公認の専用サイトです。

 

1. Card validatorにアクセスします。

2. 「Card URL」に、シェアしたいページのURLを入力し、「Preview card」をクリックします。

3. 右側の「Card preview」箇所で、どのように表示されているかが確認できます。

 

OGPが正しく設定されている場合

 

OGPが正しく設定されていない場合

もし正しく設定できていないようでしたら、本記事を参考に再度設定を行ってみてください。

 

 

ブログ ホームページ制作実績

2022/5/7

【制作実績】認可外保育施設 Amica(あみーか)様

この度、埼玉県さいたま市見沼区 託児・一時預かり 認可外保育施設 Amica(あみーか)様のホームページを制作いたしました。   保育施設不足が問題となっている中、多様な保育ニーズに対応する「認可外保育施設」の需要が高まっています。   Amica(あみーか)主催の北村聡美さんは、5歳と1歳の男の子を育てながら、保育施設を運営されています。 また、認可外保育施設事業の他に、「ママのための親子教室」も提供されています。 ●赤ちゃんを抱っこしたり寝かしつけたりするときに使う、「おくるみ」の ...

ReadMore

SNS WordPressの使い方 ブログ

2022/4/29

SNS拡散には必須 WordPressのOGP設定 Twitter編

  相談者・Hさん WordPressで書いたブログ記事をTwitterにシェアしたのですが、アイキャッチ画像が表示されなかったり、表示されても小さかったり。 他の方がシェアしているように大きくアイキャッチ画像を表示させる方法を教えてください。 せっかくブログ記事をTwitterにシェアするのですから、アイキャッチが大きく表示されるようにしたいですよね。 分かりました。やり方を解説していきますね。 三浦さん   目次 WordPressでブログを書いたらアイキャッチの設定を忘れずに ア ...

ReadMore

無料ホームページ相談

2022/4/26

60分から90分に時間延長 5月18日(水)・19日(木) 東京・無料ホームページ相談会

  「5月18日(水)・19日(木)開催 東京・無料ホームページ相談会」を開催いたします。 2018年から開催を続けてきた、この対面による無料相談会。 これまで、実に80名を超える方にご参加いただけました。 実際に、無料相談会にお越しくださり、そこでホームページを作ることを決断され、現在しっかりとそのホームページから集客に結びつけている方もたくさんいらっしゃいます。   2019年11月 東京開催ご来場 行政書士 立花技術法務事務所 立花信一様  https://tachibana-o ...

ReadMore

お知らせ

2022/4/26

ゴールデンウィーク休業のお知らせ

いつも大変お世話になっております。 誠に勝手ながら、三浦企画では下記日程をゴールデンウイーク休業とさせていただきます。 2022年4月29日(金)〜2022年5月5日(木) 期間中はお電話でのお問い合わせは受け付けておりません。 また、メールでのご連絡・お問い合わせ(LINE、messenger等含む)は受信まではできますが、お返事は5月6日(金)以降になります。 何卒、ご理解の程、よろしくお願い申し上げます。    

ReadMore

WordPressの使い方 ブログ

2022/4/25

WordPressのバージョンアップデートはすぐに行うべき?

  相談者・HさんWordPressを使っていると、頻繁に「WordPress ●.● が利用可能です ! 今すぐ更新してください。」というようなメッセージがダッシュボードに出ますよね? あの通知を見たら、やはりすぐ更新した方が良いのでしょうか? WordPressのバージョンのアップデートのことですね。 もちろん、更新した方が良いのですが、すぐには行わないことをお勧めします。 今日はその理由についてお話しますね。三浦さん   目次 WordPressのアップデートを行う重要性 Wor ...

ReadMore

  • この記事を書いた人
  • 最新記事

三浦 猛

三浦企画代表  細部までこだわり、徹底した「お客さま目線」でのWEBサイト作りは、お客さまから「お申し込みが3倍になった」「これまで1件もなかったホームページからの売上件数が月に8件になった」というお声をいただいています。 デザイン制作100作以上。

-SNS, WordPressの使い方, ブログ

© 2022 三浦企画・MIU PROJECT