THE THORでTwitterカードを設定する方法とは?PV数が増加する!

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

TwitterやFacebookに自分のブログのURLを貼るときに、ブログのアイキャッチ画像が表示されるように設定していますか?

この記事では、Word Pressテーマ「THE THOR」で、ブログURLのTwitterカードを設定する方法や、ブログ内にSNSのアイコンを設置する方法をご紹介していきます。

関連記事

ページ表示速度が国内最高水準で、抜群に上位表示されやすい WP テーマ 【ザ・トール】をご存知ですか? この記事では、ブログテーマ【THE THOR(ザ・トール)】のメリットデメリットや口コミ・評判についてご説明していきます。 […]

THE THOR(ザ・トール)の口コミや評判をご紹介!最先端のSEO対策が可能に!

THE THORのSNS設定について

THE THORのSNS設定について、「OGP設定」と「Follow設定」の2つに分けてご紹介します。

THE THORのOGP設定について

OGP」とは「Open Graph Protocol」の略称で、TwitterやFacebook上にブログのURLを貼るとアイキャッチ画像が表示されるようになる機能のことです。アイキャッチ画像が表示されるだけで、人の目に留まりやすくなるので、PV数の増加につながります。

以下で、OGP設定の手順についてご紹介します。

画像の設定をする

まずは、「外観」>「カスタマイズ」>「SNS設定」>「OGP設定」へ移動します。

OGP設定へ移動したら、一番上に「画像の設定」があるので、「画像を選択」をクリックしてファイルからアイキャッチ画像にしたい画像を選びましょう。この時に選択する画像のサイズは「縦600×横1200px以上」がおすすめです。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

Twitter Cardの種類を選択する

次に、一番下にある「Twitter Cardの種類を選択」に移動してください。ここでは、Twitterで記事がシェアされたときのカードデザインを選択できます。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

カードデザインには以下の2種類があります。

  • Summary Card(default)

Summary Cardでは、表示されるアイキャッチ画像の両端が切り取られ、画像全体がよく見えません。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

  • Summary Card with Large Image

Summary Card with Large Imageでは、アイキャッチ 画像全体が表示されるので、ブログの内容がわかりやすいです。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

THE THORのFollow設定について

THE THORのFollow設定では、Facebook・Instagram・Twitter・Google+・Youtubeチャンネル・LinkedIn・Pinterest・RSSのフォロー設定ができ、ブログ内に各SNSのフォローアイコンを表示することができます。

以下でFollow設定の手順についてご紹介します。

ページのURL設定

各SNSページのURL設定を行いましょう。

例えばFacebookの場合、以下の画像のように「http://www.facebook.com/examples/」の「examples」のみを入力してください。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

フォローアイコンの表示設定

上記の画像のようにページのURL設定にはフォローアイコン表示するかどうかも設定できます。

Headerでフォローアイコンを表示するにチェックを入れた場合、アイコンの表示位置はヘッダーエリアの表示内容によって変わりますが、ヘッダーエリア設定のサブメニュー設定で「メニューパネル内に表示」を選択している場合は、以下のようになります(Facebook・Twitter・Instagramを表示した場合)。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

Footerでフォローアイコンを表示する場合は、アイコンはフッターCTAエリアの下に表示され、以下のようになります(Facebook・Twitter・Instagramを表示した場合)。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

アイキャッチ画像が表示されないときの対処法

THE THORのSNS設定で画像を設定しても表示されない場合は、「Twitter Card Validator」でTwitter内のキャッシュを削除して、情報を更新する必要があります。

Twitter Card Validatorへ移動したら、更新したいブログのURLを貼り、「Preview Card」をクリックしてください。

以下のように、画像が正常に表示されていれば、更新が完了している状態になります。

THE THORでTwitterカードを設定する方法とは?PV数が増加する!

最後に

ここでは、Word Pressテーマ「THE THOR」で、ブログURLのTwitterカードを設定する方法や、ブログ内にSNSのアイコンを設置する方法を詳しくご紹介しました。

Twitterカードを正しく設定して、PV数アップへつなげましょう!

関連記事

ページ表示速度が国内最高水準で、抜群に上位表示されやすい WP テーマ 【ザ・トール】をご存知ですか? この記事では、ブログテーマ【THE THOR(ザ・トール)】のメリットデメリットや口コミ・評判についてご説明していきます。 […]

THE THOR(ザ・トール)の口コミや評判をご紹介!最先端のSEO対策が可能に!


THE THORでTwitterカードを設定する方法とは?PV数が増加する!

当サイトで利用中のWordPress テーマ

【THE THOR(ザ・トール)】

国内最高水準のページ表示速度を実現し、最先端のSEO対策が施されたテーマです。

デザイン性やカスタマイズ性も高く、自分だけのオリジナルサイトが作成できます。

↓ご購入はこちらからどうぞ!↓

【THE THOR(ザ・トール)】

THE THORでTwitterカードを設定する方法とは?PV数が増加する!
最新情報をチェックしよう!