【激熱キャンペーン復活!!】『すすメルペイキャンペーン』でメルペイで使える1,000円分のポイントをゲットする方法

最終更新 [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


< この記事をシェア >






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

現在開催中の「おトク」なキャンペーン、セール

【一括15,120円~】ワイモバイルのiPhone 6sとiPhone 7が安いぞ! – おトクにワイモバイルのiPhoneを購入する方法

携帯電話

ワイモバイルのiPhone 6sが一括15,120円~、iPhone 7は一括25,200円~と激安で販売しています。

【最大3万円還元】ソフトバンクのiPhone XRを購入してキャッシュバックをGETする方法

携帯電話

ソフトバンクのPhone XRを購入でキャッシュバックがもらえるぞ!MNPはもちろん機種変更も対象です。

LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!ついにセブンイレブンでも使える

LINE

〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた

【1月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法 – さらにYahooショッピングのクーポンも!

キャンペーン

Yahooプレミアムが対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて

【値上げ…】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーンまとめ

webサービス

5月17日から4,900円/年に値上げ。でもこれだけのサービスが使えれば年会費は惜しくない!プライム会員の人は使えるサービスをフルに使い倒してみて!


≫ 開催中のキャンペーンをもっと見る

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

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


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




同じカテゴリの記事

【Netflix】Chrome、FirefoxでフルHD画質でネットフリックスの動画を視聴する方法

webサービス

通常だとHD画質(1280×720)で再生されるChromeとFirefoxもプラグインをインストールすればフルHD画質(1920×1080)で再生できちゃう

【AbemaTV】画面を『縦』or『横』向きに固定して動画を視聴する方法

webサービス

AbemaTVの動画再生中に画面が回転するのがウザい…これまで通り横固定で見たい…という人へ

ノートPCの画面サイズ・価格を比較する方法

webサービス

ノートPCの購入を考えている人は必見!


新着記事

【アメックス】H&Mで20%キャッシュバック! – H&Mでおトクにお買い物する方法

キャンペーン

先着50,000名限定!アメックスがH&Mで20%キャッシュバックキャンペーンをスタート!

【数量限定 35%OFF】「Surface Pro 6」をおトクに予約・ゲットする方法 – 予約/発売日・スペック・価格・販売ショップまとめ

Surface

数量限定で「Surface Pro 6 256GB / Intel Core i7 / 8GB RAM /ブラック」が69,520円割引の特価で販売。価格は129,360円(税込)です。

【実質44,401円】「Surface Go」をおトク購入する方法 – 価格・発売日は?

Surface

ビックカメラなどで「Surface Go 64GB / Intel Pentium / 4GB RAM / シルバー(型番:MHN-00017)」が実質44,401円で買えるぞ!

【Windows10】アプリやOSのバックグラウンドデータ通信を制限する方法 – データ通信量の節約にどうぞ

パソコン

Windows10にもスマホのようにアプリやOSがバックグラウンドでデータ通信を行うことを制限する機能がある


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    Xperia Ace(SO-02L)実機レビュー – ドコモ専売の低価格でコンパクトな2019夏モデルのXperiaを使ってみた。この価格でこのスペックはアリ!

    ドコモの2019年夏モデルの低価格版Xperia「Ace(SO-02L)」をレビュー!この価格でXperiaの2019年モデルが買えちゃう


    【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど

    夜間モードからダークモードへ名称が変更!Twitterがよりスタイリッシュなブラックテーマ風になるぞー


    【LINE】スタンプ使い放題の『LINEスタンプ プレミアム』の入会&支払い方法 – 使えるスタンプの種類と月額料金、注意点など

    300万以上のLINEスタンプが使い放題になる『LINEスタンププレミアム』が正式リリース!ただわりと制約や使えないスタンプも多いので注意


    Google Pixel 3a実機レビュー – Pixel 3とのスペックやサイズ、違いを徹底比較!5万円以下で買えるGoogle謹製スマホの実力は?

    48,600円~購入できるGoogle謹製「Pixel 3a」の実機を使ってみた!この価格で素のAndroidが楽しめる嬉しい1台


    注目の記事をぜんぶ見る

  • 最新記事

    【アメックス】H&Mで20%キャッシュバック! – H&Mでおトクにお買い物する方法

    先着50,000名限定!アメックスがH&Mで20%キャッシュバックキャンペーンをスタート!


    【数量限定 35%OFF】「Surface Pro 6」をおトクに予約・ゲットする方法 – 予約/発売日・スペック・価格・販売ショップまとめ

    数量限定で「Surface Pro 6 256GB / Intel Core i7 / 8GB RAM /ブラック」が69,520円割引の特価で販売。価格は129,360円(税込)です。


    【実質44,401円】「Surface Go」をおトク購入する方法 – 価格・発売日は?

    ビックカメラなどで「Surface Go 64GB / Intel Pentium / 4GB RAM / シルバー(型番:MHN-00017)」が実質44,401円で買えるぞ!


    【Windows10】アプリやOSのバックグラウンドデータ通信を制限する方法 – データ通信量の節約にどうぞ

    Windows10にもスマホのようにアプリやOSがバックグラウンドでデータ通信を行うことを制限する機能がある


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

  • usedoorをフォロー


  • 現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

    【ドコモ】「ギガホ」「ギガライト」「ケータイプラン」にプラン変更して最大1,000dポイントをゲットする方法

    Amazonプライム年会費1年無料も対象のドコモの新プランにプラン変更するとdポイントがもらえるキャンペーンがスタート!要エントリー


    【1月版】dカード&dカード GOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数!おトクな入会キャンペーン開催中

    10%還元で噂のdカード GOLDと通常dカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


    【50%還元!!】「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法

    メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう


    【一括15,120円~】ワイモバイルのiPhone 6sとiPhone 7が安いぞ! – おトクにワイモバイルのiPhoneを購入する方法

    ワイモバイルのiPhone 6sが一括15,120円~、iPhone 7は一括25,200円~と激安で販売しています。


    【最大3万円還元!!】ソフトバンクのiPhone 11 / 11 Pro / 11 Pro Maxを購入して高額キャッシュバックをGETする方法

    ソフトバンクの「iPhone 11 / 11 Pro / 11 Pro Max」にMNPすると3万円還元!機種変更でも1.5万円還元!


    開催中のキャンペーンをぜんぶ見る

  • あわせて読みたい記事