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/9/26

【制作実績】愛知県岡崎市 ピアノ教室・ピアノガーデン様

この度、愛知県岡崎市 ピアノ教室・ピアノガーデンのホームページを制作いたしました。 ピアノ教室・ピアノガーデンでは、音楽を楽しみながら脳のトレーニングができる、「脳トレピアノ®」をレッスンに取り入れています。 この度ご依頼くださった、ピアノガーデン代表・相馬和子先生は、その「脳トレピアノ®」のエグゼクティブ認定講師としても活動されています。   「脳トレピアノ®」とは、ピアノ演奏を楽しみながら「脳がいきいき若返る」という新しいピアノ術とのこと。 ピアノ初心者でも、1本指から音楽を楽しみながら脳の ...

ReadMore

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

2022/9/17

【制作実績】経営コンサルティング 未来光房様

この度、経営コンサルティング 未来光房様のホームページを制作いたしました。   この度ご依頼くださりました、未来光房・代表、越阪部修一様は、新規開業を目指している方、事業拡大を目指している経営者様に、経営コンサルティングを提供しています。   越阪部様は医療系大学を卒業し、理学療法士資格を取得後、病院・老人保健施設に約10年間勤務して臨床を学んだ経験の持ち主。 リハビリテーション課の管理や、病棟開設・運営責任者として経営に関わり、グロービス経営大学院に入学、MBA(経営学修士)を取得す ...

ReadMore

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

2022/9/16

【制作実績】生前整理・遺品整理サポート Bright Smile 小林早苗様

この度、生前整理・遺品整理サポート Bright Smile(ブライトスマイル) 小林早苗様のホームページを制作いたしました。   この度ご依頼くださった、Bright Smile(ブライトスマイル)代表、小林早苗さんは、神奈川県・湘南地区を中心に、整理収納アドバイザー・生前整理アドバイザーとして活動されています。 7年という長い期間の介護、遺品整理の経験を元に、サービスを提供されています。   個人事業主が企業に対抗する策は多々ありますが、その中の一つに「事業主の体験を語る」というも ...

ReadMore

お知らせ

2022/7/28

夏季休業のお知らせ

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

ReadMore

ブログ 無料ホームページ相談

2022/8/2

60分から90分に時間延長 9月6日(火)・7日(水)・8日(木) 札幌・無料ホームページ相談会

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

ReadMore

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

三浦 猛

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

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

© 2022 三浦企画・MIU PROJECT