オドフラン　～いつもどこかに「なるほど」を～

誰かのためになるようなことを、書き込んだり、書き込まなかったり

【ワードプレス】日本一（多分）簡単な「twitterでURLを記載した際、画像やページ情報を表示させる」方法

2017-09-22 15:58:14 | 日記

twitterのタイムラインを見ていると
たまにリンク先のサイト情報（サムネイルや文章など）が表示されてるやつありますよね。
こういうやつ

「Twitter Cards」の設定というやつです。
設定の仕方は実は結構ありまして、色んなサイトが色んな紹介をしていますが
ここではおそらく日本一簡単な手順をご紹介。

 

【１】All in One SEO で「ソーシャルメディア」をアクティブにする
ワードプレスを使っているなら「All in One SEO」プラグインは基本中の基本、ということで進めます。
（インストールしてない方は今すぐインストールしてください。もはや標準のプラグインです）

1-1)
左ブロック「All in One SEO」の中から「機能管理」をクリック

1-2)
「ソーシャルメディア」という項目があるので「Active」をクリック

 

 

【２】All in One SEO で「ソーシャルメディア」を設定する

All in One SEO内に「 ソーシャルメディア」が追加されたのでクリック

2-1)「AIOSEO の Title と Description を使用する」にチェック
2-2)「ホーム画像」を設定（URLがトップページの時に表示される画像です）
2-3)「OG:Image ソースを選択」で「Featured Image（アイキャッチ画像のこと）」を選択
2-4)設定を保存

 


【３】接続確認
自分のtwitterにログインした状態で
↓にアクセス
Card validator
https://cards-dev.twitter.com/validator

 

「Card URL」に先ほど設定のホームページアドレスを入力して
をクリック

サイト情報が表示されていれば修了です。
（画像が表示されるようになるには少し時間がかかります。）

 

 

 

こんな写真も無料でダウンロード
商用可能なフリー素材、フリー素材ドットコム
http://free-materials.com/