格安SIM(MVNO)料金徹底比較・まとめ! - 最安の格安SIMを調べる方法

新着を見る



最終更新 [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公式アプリのキャッシュをクリアして動作を軽くする&ストレージ容量を空ける方法【iPhone・Android対応】

twitter

Twitterが重い…という人は絶対やっといてくださいな。動作改善しますよー

【Twitter】2段階認証(ログイン認証)を設定する方法 – PC、iPhone、Android対応

twitter

IDとパスワード+ログインコードを使うことでTwitterアカウントのセキュリティがガッツリ上がります!

Twitterでgifアニメを動かす方法【公式対応】

twitter

外部サービスを使わなくてよくなりました


新着記事

Xperia XZs実機レビュー – ドコモ版『SO-03J』を使ってちょっと辛口めに… 他キャリア版との比較&使い方

Androidスマホ

ドコモ版のXZsでのレビューだけどスペックやベンチマーク結果などは他のキャリアも同じだと思います!

【新Xperia超スゲー!】新カメラ機能「スーパースローモーション」で撮影する方法

Androidスマホ

スーパースローモーションで撮影できるのは「Xperia XZs」と「Xperia XZ Preium」だけ!

【5/25~販売再開!】「ニンテンドースイッチ」を予約・購入する方法

ゲーム

マイニンテンドーストアで5/25(木)~注文再開!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【4月6日発売!!】新型『Fire TV Stick 2』を予約する方法 – 価格、スペック、発売日、現行モデルとの比較などまとめ

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


    【Twitterが消えた人へ】iPhone・iPadのアプリの年齢制限を解除(変更)する方法

    Twitterの年齢制限が変更されてiOS端末で使えなくなる現象が発生。これで解決


    【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ&クラウドストレージみたいになって超便利

    「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料


    注目の記事をぜんぶ見る

  • 最新記事

    Xperia XZs実機レビュー – ドコモ版『SO-03J』を使ってちょっと辛口めに… 他キャリア版との比較&使い方

    ドコモ版のXZsでのレビューだけどスペックやベンチマーク結果などは他のキャリアも同じだと思います!


    【新Xperia超スゲー!】新カメラ機能「スーパースローモーション」で撮影する方法

    スーパースローモーションで撮影できるのは「Xperia XZs」と「Xperia XZ Preium」だけ!


    【5/25~販売再開!】「ニンテンドースイッチ」を予約・購入する方法

    マイニンテンドーストアで5/25(木)~注文再開!


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

  • 人気記事ランキング

    【5/25~販売再開!】「ニンテンドースイッチ」を予約・購入する方法

    【5/25~販売再開!】「ニンテンドースイッチ」を予約・購入する方法

    マイニンテンドーストアで5/25(木)~注文再開!


    【5/27抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    【5/27抽選販売!】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    ソニーストア各店舗で「特別体験会&販売」が実施中!5/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をフォロー


  • twitterの他の記事

    【Twitter】ニュース⇒もっと探すへ。タブ消滅後も公式アプリでニュースやモーメントを見る方法

    アプリ内からニュースのタブがなくなってもTwitterで話題のニュースやモーメントはチェックできる


    twitterの記事一覧