【誰でもおトク!!】超おトクなdカード、dカードGOLDを徹底完全まとめ!

新着を見る



最終更新 [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】視力が弱い人にも画像の内容を伝える方法【最大420文字の画像の説明を追加】

twitter

この機能が多くの方々に利用され、Twitter上のたくさんの瞬間をより多くの方々と一緒に共有できるようになりますように。

【Twitter】重要な新着ツイートをタイムラインのトップに表示させない・表示させる方法【iPhone/Android対応】

twitter

更新すれば通常のタイムラインに戻るので、重要なツイートを見逃したくない人は設定した方がいいかもしれないですね。


新着記事

Pontaポイントをdポイントに交換する方法

ポイント

手数料なしで交換可能!dポイントを貯めている人はPontaポイントをdポイントに交換しちゃおう!

【1万円キャッシュバック&6カ月1,000円割引】BIGLOBE SIMをお得に契約する方法

MVNO・格安SIM

キャッシュバックキャンペーンは2/28までなのでお申し込みはお早めに!

Chromecastの時間がズレている時の対処方法 – タイムゾーン変更や12時間⇔24時間表示切替など

ガジェット

ディスプレイに表示されている時間がズレてると思ったらチェックしてみて

Chromecastを再起動する方法 – アプリからの再起動が安全なのでオススメ

ガジェット

chromecastの挙動がおかしいな?と思ったら。電源ブチ抜きよりも、まずはアプリから再起動

【10%オフ&ポイント10倍!】nasneを安く、お得に購入する方法

ガジェット

ナスネが欲しい人は必見です。クーポンで10%OFF!dポイント10倍!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【Android版LINE】画面上部に表示される通知のみを非表示(OFF)にする方法

    バージョン6.2.0から画面上部にポップアップ風の通知が。。消すのが難しい。。


    151に電話するだけで最大20,000dポイントがもらえる『ドコモ特別割引クーポン』 – ドコモでお得に機種変更する方法

    ドコモユーザーは必見です!機種変更前に絶対に確認した方がいいドコモ裏サービス!?


    注目の記事をぜんぶ見る

  • 最新記事

    Pontaポイントをdポイントに交換する方法

    手数料なしで交換可能!dポイントを貯めている人はPontaポイントをdポイントに交換しちゃおう!


    【1万円キャッシュバック&6カ月1,000円割引】BIGLOBE SIMをお得に契約する方法

    キャッシュバックキャンペーンは2/28までなのでお申し込みはお早めに!


    Chromecastの時間がズレている時の対処方法 – タイムゾーン変更や12時間⇔24時間表示切替など

    ディスプレイに表示されている時間がズレてると思ったらチェックしてみて


    Chromecastを再起動する方法 – アプリからの再起動が安全なのでオススメ

    chromecastの挙動がおかしいな?と思ったら。電源ブチ抜きよりも、まずはアプリから再起動


    【10%オフ&ポイント10倍!】nasneを安く、お得に購入する方法

    ナスネが欲しい人は必見です。クーポンで10%OFF!dポイント10倍!


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

  • 人気記事ランキング

    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auユーザーは必見!機種変更前に絶対に確認した方がいいauMNP引き止めサービス!お得にiPhone7をGETできるかも!?...


    ランキングを見る

  • 使い方 カテゴリー

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

    Amazon Android apple au Chrome iOS iOS 8 iOS 9 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の記事一覧