【THE THOR】OGPを設定してTwitterなどのSNSでシェアされやすくなる方法を紹介

TwitterやFacebookでシェアされたときに、アイキャッチ画像が表示されるOGPを設定をしていますか?

誰かが記事を拡散してくれたときに設定をしていなかったらクリック率が落ちてしまいます。

いつ自分の記事がバズるかわかりません。

設定していない人はすぐに設定しましょう。

スポンサードリンク

TwitterなどのSNSでシェアされるための「OGP」とは何か

OGPとは正式名称を「Open Graph protocol」と呼び、Twitterのツイートにブログのリンクを貼った時、綺麗に画像が表示されて魅力的に見えるアイキャッチカードの事です。

文字だけでなく画像でブログの内容を正確に伝えることができます。

 

自分のブログのURLを検索することで、OGPが設定できているか確認できるサイトがあります。

https://cards-dev.twitter.com/validator

よしじゅん
Twitterの公式サービスなので安心して利用してください。

 

Card URLの下に自分のブログURLを貼り付けてください。

Twitterカードが表示されていない場合はこんな感じに表示されます。

よしじゅん
何も設定していない場合は「No Image」と表示されるので、ダサいブログに感じてしまいます…

 

誰かが自分のブログを紹介して拡散してくれたときにバズるためにもTwitterカードは設定しておきたいところ。

 

THE THOR(ザ・トール)│公式HPはこちら

今なら限定購入特典付き!

 

 

TwitterなどのSNSでシェアされるための「OGP」 設定方法

THE THOR(ザ・トール)ではカスタマイズ画面から簡単にTwitterカード(OGP)を設定することができます。

スポンサードリンク

Twitterに表示させる画像を選ぶ

 

カスタマイズ画面からSNS設定を選択。

 

SNS設定からOGP設定を選択。

 

OGP用の画像を登録します。

 

FacebookとTwitterの両方に適合するサイズは「縦630px 横1200px」なので、そのサイズの画像を設定しましょう。

よしじゅん
横長の画像にしないと綺麗に反映されません。

FacebookのAPPIDとユーザーIDは入力する必要はありません。

 

Twitterに表示させるレイアウトを選ぶ

Twitterに表示させるレイアウトは2種類あります。

 

1つは画像が小さいパターン。

こちらのレイアウトだと、画像の両端が切り取られます。

よしじゅん
中央部分が正方形になるように画像を表示するので、デザインによっては合いません。

 

もう1つの種類は画像がすべて表示されるパターン。

こちらは画像がすべて表示されるので、デザインが忠実に反映されます。

よしじゅん
よしじゅんの設定した画像はすべて表示されないと変なデザインになるため、こちらを採用しました。

 

注意点ですが、画像やレイアウトを変更した時に1分ほど待たないと反映されません。

いろいろなデザインを試してみたくなりますが、少し時間をおきながら調整してください。

 

THE THOR(ザ・トール)│公式HPはこちら

今なら限定購入特典付き!

 

 

スポンサードリンク

TwitterなどのSNSでシェアされるための「OGP」まとめ これでバズる準備は完璧

これでTwitterカード(OGP)の設定はできました。

後はバズるだけ!

でもそれが難しいんですよね…

地道に人気が出るように書いていこう。そうしよう。

 

THE THOR(ザ・トール)│公式HPはこちら

今なら限定購入特典付き!

 

 

関連記事

WordPressでブログをはじめると、どのテーマを使ったら良いの?って迷ってしまいますよね? ワードプレステーマは無料のものから有料のものまで数多くあり、どれを選べばいいか初心者には分かりにくいんですよね…   […]

【Wordpressテーマ The Thor レビュー】ブログ初心者におすすめの機能が充実!
関連記事

どうも、よしじゅん(@yoshi_jun516)です。 WordPressテーマ、THE THOR(ザ・トール)の特有の機能として「デザイン着せ替え機能」があります。 こちらを全デザイン試してみた結果と、感想をお伝えします。 […]

【画像大量】THE THOR(ザ・トール)のデザイン着せ替え機能を全部試した結果と感想
関連記事

THE THOR(ザ・トール)のデザイン着せ替え機能を利用した時、ブログのデザインが結構崩れます。 徐々に綺麗に整えていけば良いのですが、とりあえずは最低限見れるようにしたいところ。 シンプルなブログになるように、よしじゅんがや[…]

関連記事

THE THOR(ザ・トール)のデザイン着せ替え機能を利用した時、ブログのデザインが結構崩れます。 今回は投稿ページのレイアウトをとりあえず最低限見れるようにしていきましょう。 どんどん見づらい部分を修正していきます。 […]

関連記事

こんにちは!よしじゅんです。 SEO対策のために記事分析を出来るだけ簡単にできたらいいな~と思いますよね。 THE THOR(ザ・トール)では閲覧数やタイトル文字数、本文にキーワードがどれくらいはいっているか などのデータを簡単[…]

関連記事

自分のサイトの顔になるTOPページ。 何も装飾されていないサイトロゴやメインビジュアルだと、ちょっと味気ないですよね? サイトロゴ、メインビジュアルの作成から設置する設定を紹介します。 見栄えの良い、オシャレなサイトになる[…]

【THE THOR】サイトロゴとメインビジュアルの作成、設定方法を紹介
関連記事

アナリティクスを見ていると、TOPページにアクセスする人は増えているのですが、PV数はあまり増えていませんでした… 「まとめ記事を作って、おしゃれに配置したらもっと見てもらえるんじゃないか?」と思って実践しました。 試してみたと[…]

最短で結果を出すなら、Wordpressテーマ「THE THOR」

どうせブログを運営するなら、最短で結果を出したいですよね?

よしじゅんは「THE THOR(ザ・トール)」を使って最短で結果を出すことができました。

the thor 画像

 

・SEOに強く、ページ表示速度も国内最高水準

・プロのデザイナーが設計した「美しく・バランスの取れたサイト」がワンクリックで完成

・便利な機能が豊富で、プラグインを追加する必要がない

・プログラミングの知識(CSS)が全く不要

・「無料・無期限・無制限」のアフターフォローもあり、バージョンアップや機能追加、機能改善もすべて無料

一流の開発スタッフ陣が集まって作られた、おすすめの次世代テーマです。

よしじゅん 喜び
よしじゅん
ブログのPV数が右肩上がりになっていくのは本当に嬉しいです!

ブログ初心者には必ずチェックして欲しいWordpressテーマです。

 

THE THOR(ザ・トール)紹介記事はこちら

THE THOR(ザ・トール)公式HPはこちら

スポンサードリンク