【激アツ!!】楽天モバイル回線契約で14,000ポイントがもらえる

WordPressでTwitterカードを設定する方法

Twitterカードでツイートをアピールしちゃおう!


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

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


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

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


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

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

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


WordPressのTwitterカード設定手順

OGP・Twitterカードの設定

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

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

<meta property=”og:type” content=”website” />
<meta property=”og:title” content=”<?php echo trim(wp_title( ”, false)); ?>” />
<meta property=”og:description” content=”<?php echo strip_tags( get_the_excerpt() ); ?>” />
<meta property=”og:url” content=”<?php echo(“http://” . $_SERVER[“HTTP_HOST”] . $_SERVER[“REQUEST_URI”]); ?>” />
<meta property=”og:site_name” content=”自分のサイト名に変更して下さい” />
<meta property=”og:image” content=”<?php echo wp_get_attachment_url( get_post_thumbnail_id() , ‘full’ ); ?>” />



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

<meta name=”twitter:site” content=”自分のサイトのTwitterアカウント「@〇〇〇」” />
<meta name=”twitter:card” content=”summary” />



この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

<meta name=”twitter:card” content=”summary_large_image” />



Photo Card

<meta name=”twitter:card” content=”Photo Card” />



Gallery Card

<meta name=”twitter:card” content=”gallery” />



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

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



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

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

【LYPプレミアム】特典、利用できるLINEの機能まとめ&おトクに登録できるキャンペーンを紹介。3ヵ月無料&PayPayポイント&クーポンなど

キャンペーン

LYPプレミアムに新規登録で基本料金3ヵ月無料&1,000円分のPayPayポイント&Yahoo!ショッピングの2,000円割引クーポン×2枚がもらえるキャンペーン開催中

LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ

携帯電話

LINEMO契約でPayPayポイント還元!他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。

【割引クーポンあり】Dropbox Plus(有料版)をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし!最安値保証&返金あり

Dropbox

公式は値上げ…Dropbox Plus(有料版)を安く利用したいならソースネクストの3年版が超お買い得!期間限定割引や限定割引クーポンなどまとめ

【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

携帯電話

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。

【IIJmio】一括110円!ハッピーオータムキャンペーン スマホ大特価セールまとめ – 対象機種や割引条件など。iPhone・Androidが激安で購入できる!

セール

スマホ安売りでお馴染みのIIJmio恒例の『スマホ大特価セール』がハッピーオータムキャンペーンとして開催!今回も特にAndroidスマホが大幅割引で一括110円~と激安に


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

【激アツ4ヵ月無料!!】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – プライム感謝祭キャンペーンが激アツ!

キャンペーン

Amazonの音楽聞き放題サービス「Music Unlimited」が4ヵ月無料で利用できる激アツのプライム感謝祭連動キャンペーン開催中!10月10日(金)まで

「メルペイ」のクーポン&キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり

キャンペーン

メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催&クーポンを配布!人によって違うクーポンを徹底的にまとめてみた

『iOS 26』アップデートの内容や新機能、対象端末とみなさんのつぶやき、口コミ、評判、不具合報告などモデル別まとめ – iOSをアップデートする方法

iPhone / iPad

iPhone 17シリーズ発売前の2025年9月16日未明よりナンバリングが統一されたiOS 26の配信がスタート!メジャーアップデートは適用する前にみんなの反応をチェックした方がいいかも。新機能などまとめ

Amazonがプライム会員限定の「プライム感謝祭」を10月7日より開催、4日間の開催は初

ニュース

プライム会員限定セール「プライム感謝祭」が2025年も開催!期間は2025年10月7日(火)0:00~10月10日(金)23:59まで。初の4日間開催!先行セールもあり。

三井住友カード、モバイルオーダーでも7~20%還元に!マクドナルド、モスカードなどが対象

ニュース

三井住友カード ナンバーレス(NL)・Olive、ついにマクドナルド・モスバーガー・ケンタッキーフライドチキン・吉野家・すき家・スターバックスのモバイルオーダーでも7~20%還元に!2025年9月16日~


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【機種変更でも一括1,430円!!】ドコモのガラケー「arrows ケータイ ベーシック(F-41C)」を超激安で購入する方法

ドコモのarrowsブランドのパカパカガラケーが機種変更orのりかえで一括1,430円という爆安で販売中!通話用にガラケーはいかが?


【完全版】Amazonで『クレジットカードなし』で買い物する方法 – クレカ不要の支払い手段を徹底まとめ!他社のポイント利用も

クレジットカード不要でAmazonでの買い物の支払いができる手段をがっつりまとめました!クレカがない人や未成年の人もどうぞ


【iPhone】かかってきた電話に自動的に出る方法 – 通話ボタンを押さなくても自動で通話開始!運転中の着信などにマジ便利

Bluetoothヘッドセットを装着してクルマの運転中にiPhoneで通話をするという人にマジでオススメな自動的に電話を取る設定


【Android】モバイルPASMOの発行方法&注意点 – ついにおサイフケータイに対応。定期券も買える。Suicaと共存できる?

やっとモバイルPASMOが使えるようになった!定期券も発行できる。モバイルSuicaとの同時発行もできるけど注意が必要


【激アツ4ヵ月無料!!】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – プライム感謝祭キャンペーンが激アツ!

Amazonの音楽聞き放題サービス「Music Unlimited」が4ヵ月無料で利用できる激アツのプライム感謝祭連動キャンペーン開催中!10月10日(金)まで



注目の記事をぜんぶ見る


最新記事&ニュース

【激アツ4ヵ月無料!!】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – プライム感謝祭キャンペーンが激アツ!

Amazonの音楽聞き放題サービス「Music Unlimited」が4ヵ月無料で利用できる激アツのプライム感謝祭連動キャンペーン開催中!10月10日(金)まで


「メルペイ」のクーポン&キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり

メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催&クーポンを配布!人によって違うクーポンを徹底的にまとめてみた


『iOS 26』アップデートの内容や新機能、対象端末とみなさんのつぶやき、口コミ、評判、不具合報告などモデル別まとめ – iOSをアップデートする方法

iPhone 17シリーズ発売前の2025年9月16日未明よりナンバリングが統一されたiOS 26の配信がスタート!メジャーアップデートは適用する前にみんなの反応をチェックした方がいいかも。新機能などまとめ


Amazonがプライム会員限定の「プライム感謝祭」を10月7日より開催、4日間の開催は初

プライム会員限定セール「プライム感謝祭」が2025年も開催!期間は2025年10月7日(火)0:00~10月10日(金)23:59まで。初の4日間開催!先行セールもあり。


三井住友カード、モバイルオーダーでも7~20%還元に!マクドナルド、モスカードなどが対象

三井住友カード ナンバーレス(NL)・Olive、ついにマクドナルド・モスバーガー・ケンタッキーフライドチキン・吉野家・すき家・スターバックスのモバイルオーダーでも7~20%還元に!2025年9月16日~



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


usedoorをフォロー


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

【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり

楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイント、新規契約は11,000ポイントがもらえる!ただし、現在は特典付与は1人1回まで。


DAZN(ダゾーン)をお得に契約する方法

DAZNをおトクに利用する方法をご紹介!サッカーW杯アジア最終予選のアウェーはDAZN独占配信。2025年6月にアメリカで開催される「FIFAクラブワールドカップ2025」全63試合を無料で独占配信。


【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ

ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える!


「メルペイ」のクーポン&キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり

メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催&クーポンを配布!人によって違うクーポンを徹底的にまとめてみた


【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう!

Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション(旧:ヤフオク)の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ



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