ツイッターカード設定のしかた(アメブロ用) | おもち日記
2016-02-24 01:40:37

ツイッターカード設定のしかた(アメブロ用)

テーマ:ブログ

ツイッターカード設定のしかた




みかさやま






(PC使用の場合です) 画像なくてわかりづらいかも知れませんが・・・


Amebaにログイン

マイページトップから
画面右上のメニューボタン(歯車マークの右隣、三本線マーク)をクリック

一番左上の「ブログ管理トップ」をクリック

画面左側に並んでるメニュー(「管理面トップ」、「ブログを書く」、・・・)の一番下の「設定・管理」をクリック

「設定・管理」画面に行くとアイコンとともに色々なメニューが並んでいるが、その中から、下のほうにある「プラグインの追加」をクリック

「プラグインの追加」画面にて、「フリープラグイン」ていうタブ(インデックスみたいな)があるので、そこをクリック

下記「@●●●●●●●」には自分のツイッターアカウント、

「http://ameblo.jp/●●●●●●●」には自分のブログトップURL

を、入れてからすべてコピーし、入力スペース(四角い枠のなか)にペースト
※コピーする際、半角スペース1個とかでも余計に入るとダメかも知れないので注意してください

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@●●●●●●●">
<meta name="twitter:title" content="<?php if (is_front_page()) { bloginfo('name');} else { wp_title('');}?>">
<meta name="twitter:description" content="<?php echo $_description;?>">
<meta name="twitter:image:src" content="<?php echo $_thumbnail;?>">
<meta name="twitter:domain" content="http://ameblo.jp/●●●●●●●">
<!--//Twitter Cards-->


「保存」をクリック

Amebaの設定はこれで終わりです。

次に、Twitter Cards の検証ページで承認・確認をします。(ツイッターのID、パスワードでログインが必要)
https://cards-dev.twitter.com/validator

上記ページ(英語)を開いたら、四角い枠の中に投稿したいページのURLを貼ります
(たとえば、最新記事のURLを貼る)


「Preview card 」をクリックします。認証されるまで2~3回、クリックを繰り返してみてください。
認証されると右側にプレビューが表示されます。

プレビューで大丈夫だったら、Twitterにいつものように投稿します。


以上













おこめさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントする]

Ameba人気のブログ

Amebaトピックス