【当サイト限定 ドコモクーポン配布中!】iPhone Xが5,400円割引になる『限定割引クーポン』をusedoor読者にプレゼント!

新着を見る

最終更新 [2014年9月12日]



キーワード:twitter, Twitterカード, WordPress,



Twitterカードを設定すればツイートに画像や動画などを付けてツイートをアピールできます!

WordPressでも簡単に設定する事ができるので設定方法をご紹介したいと思います
WordPressでの設定方法が分からないという人は参考にしてみて下さい

この記事を見た人はこんな記事も見ています
Twitterアナリティクスの使い方 ? 自分のツイートの反応・影響力を確認する方法
iPhone、AndroidからTwitterのツイートを非公開にする方法【鍵】


WordPressのTwitterカード設定手順

OGP・Twitterカードの設定

WordPressで上記画像の様に記事毎にTwitterカードを表示したいのであれば、OGPの設定をしてください
簡単に設定できるのでコチラの記事を参考にして設定してください
Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】

OGPの設定とかわからないし、読むのがめんどうという人は、とりあえず下記コードをヘッダーの中にある<head>~</head>の間にコピーして下さい!


OGPの設定が終わったら次に下記Twitterカードmetaタグを設定します
こちらもOGP同様<head>~</head>の間に記載してください


この2行で大丈夫なのですが、Twitterカードのプロパティは沢山あるので自分の好みでカスタマイズしちゃって下さい

Twitterカードmetaタグの設定が終わったらどの様に表示されるのかプレビューしてみましょう!


プレビュー

OGP・Twitterカードを設定したら下記URLにアクセスしてください
URL:https://dev.twitter.com/docs/cards/validation/validator

アクセスしたら、Twitterのアカウントでログインできるので、「Username」と「Password」を入力してログインして下さい


ここではどの様に表示されるかプレビューする事ができます
どのように表示されるか試してみましょう

自分のサイトの記事のURLをコピーして下さい
コピーしたら「Card URL」のフォームに貼り付けてください

URLを入力したら青いボタンの「Preview card」をクリックしてください


こんな感じでプレビューが表示されていると思います
表示されなかったらOGPかTwitterカードの設定が間違っているので確認してください


Twitterカードの申請

Twitterカードの申請が完了していないと「Request Approval」と表示されるのでクリックして申請します


「Request Approval」をクリックすると申請のフォームが表示されます
「Description」以外デフォルトで入力されているので、サイトの概要を「Description」に入力し他も問題が無いかチェックしてください

「Mark my cards as containing sensitive content」にはチェックは不要です
自分のサイトに暴力的表現などのコンテンツが含まれている場合のみチェックを入れて下さい

全て入力が完了したら「Request Approval」をクリックしてください




クリックするとこの様に表示されれば申請は完了です

先程設定したメールアドレスに申請完了のメールが届きます
私はメールすぐに届きましたよ!


申請が完了したらどんな感じで表示されるか確認してみて下さい!
Twitterカードがあると無いとでは、見え方が全然違いますよね


Twitterカードの種類

表示方法の違う様々なデザインのTwitterカードがあるので自分のサイトにあったTwitterカードを設定してみて下さい

Summary Card with Large Image



Photo Card



Gallery Card



他にもまだまだあるのでコチラを参考にしてみて下さい
URL:https://dev.twitter.com/cards/types


< この記事をシェア >




usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


このWordPressでTwitterカードを設定する方法の最終更新日は2014年9月12日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

キーワード:twitter , Twitterカード , WordPress ,




同じカテゴリの記事

Twitterでgifアニメを動かす方法【GIFMAGAZINE】

twitter

このサービスを使えばTwitter上で画像が動かせる!

【Twitter】電話番号やメールアドレスから自分のアカウントを検索されないようにする設定方法

twitter

TELやメアドからアカウントがバレちゃうかも。基本的にOFFでいいんじゃない?

【最新版】Twitterスマホアプリから即ブロックする方法 – iPhone・Android対応

twitter

Twitterがまた仕様変更!アプリから即ブロックできるように

【Twitter】アプリの文字サイズを変更する方法 – 4段階で設定できる。タイムラインが見づらい人はどうぞ

twitter

アプリ内に表示されている文字サイズは変更できる。7.0アプデで見づらくなった人はやってみて


新着記事

【先着・数量限定】iPhone Xが5,400円割引で買えるドコモオンラインショップ『限定割引クーポン』をusedoor読者にプレゼント!

キャンペーン

iPhoneXに使える当サイト限定の割引クーポンをプレゼント!64GBモデル、256GBモデルどちらにも使えます。

【10月版】今月の最安はこれだ!WiMAX 2+の料金比較まとめ – 最安でWiMAX 2+を契約する方法

WiMAX

「GMOとくとくBB」なら最大33,900円の高額キャッシュバックがもらるぞ!「カシモWiMAX」はギガ放題でも月額3,380円と激安です。

GooglePlayのギフトカード(コード)をおトクに購入する、おトクに課金する方法 – 現在開催中のセールやキャンペーンまとめ

キャンペーン

セブンイレブンでリネージュ2レボリューションキャンペーン実施中!プレイヤーは店舗へGO!

【iPhone X 価格まとめ・比較】お得にiPhone Xを購入する方法 – 各キャリアの予約開始日、発売日まとめ

iPhone / iPad

ドコモ・au・ソフトバンクが価格発表!キャリアの最安はソフトバンクの新規・MNPで実質54,000円!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    GooglePlayの残高&有効期限(失効日)を確認する方法(スマホ、PC対応)

    クレジット?チャージ?呼び方がイマイチわかりませんが、失効する前に使っておくといいかも


    LINEモバイルを契約して「LINEポイント」をゲットする方法 – 本格販売開始キャンペーン

    契約するプランに応じてゲットできるポイントが変動。最高で2,000LINEポイントをゲットできる!


    【話題】息を吹きかけると火がつく&USB充電ライター『KURUI』の使い方、レビュー – 返品交換になっちゃったけど。

    品薄が続くちょっと話題のKURUIライターがやっと届いたのでレビューしてみた。


    新型『Fire TV Stick 2』を予約・購入する方法 – 価格、スペック、旧モデルとの比較などまとめ

    やっと発売日が近づいてきたぞー。お急ぎ便を利用すれば発売日到着っぽい!


    注目の記事をぜんぶ見る

  • 最新記事

    【先着・数量限定】iPhone Xが5,400円割引で買えるドコモオンラインショップ『限定割引クーポン』をusedoor読者にプレゼント!

    iPhoneXに使える当サイト限定の割引クーポンをプレゼント!64GBモデル、256GBモデルどちらにも使えます。


    【10月版】今月の最安はこれだ!WiMAX 2+の料金比較まとめ – 最安でWiMAX 2+を契約する方法

    「GMOとくとくBB」なら最大33,900円の高額キャッシュバックがもらるぞ!「カシモWiMAX」はギガ放題でも月額3,380円と激安です。


    GooglePlayのギフトカード(コード)をおトクに購入する、おトクに課金する方法 – 現在開催中のセールやキャンペーンまとめ

    セブンイレブンでリネージュ2レボリューションキャンペーン実施中!プレイヤーは店舗へGO!


    【iPhone X 価格まとめ・比較】お得にiPhone Xを購入する方法 – 各キャリアの予約開始日、発売日まとめ

    ドコモ・au・ソフトバンクが価格発表!キャリアの最安はソフトバンクの新規・MNPで実質54,000円!


    最新記事をもっとチェック

  • 人気記事ランキング

    【ミニスーファミ販売情報】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    【ミニスーファミ販売情報】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    抽選販売開催中!ミニスーファミの発売日は10月5日で、価格は7,980円!


    【10月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    【10月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    10月にiPhone7買うなら3キャリアどこが一番安い?MNPで購入した場合の料金を比較...


    【抽選販売受付中!】「ニンテンドースイッチ」を予約・購入する方法

    【抽選販売受付中!】「ニンテンドースイッチ」を予約・購入する方法

    エディオンアプリで抽選販売受付中!ビックカメラ店舗で10月27日(金)に店頭販売!...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アップデート オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 新規契約 機種変更 注目・ピックアップ 無料 登録 非表示
  • usedoorをフォロー


  • あわせて読みたい記事