【激アツ!!】楽天モバイル回線契約で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ページよりご連絡ください。

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

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

キャンペーン

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

【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

キャンペーン

毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…

ahamoのキャンペーンまとめ – SIMのみ契約で20,000dポイント還元、ポイ活、ahaクエストなど

携帯電話

ahamoと新規契約でdポイントがもらえたり、既存ユーザーでも対象の開催中のキャンペーンをまとめてみました。ドコモSIM経由のちょっと裏技っぽいおトクな契約方法も

【毎日5%~7%還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ

キャンペーン

Yahoo!ショッピングで毎日5%還元となるキャンペーンが開催!プレミアム会員などは常時7%還元も。対象となる買い物の条件などまとめ

【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品&条件まとめ

Apple Watch

楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催!セルラー版をお試ししたい人に最適


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

ニュース

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。

【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ニュース

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。

【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

ショッピング

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる

ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

ニュース

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!

povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

ニュース

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

AmazonでPayPayで支払いする方法 – 初期セットアップと利用条件、使用できる残高/ポイント、キャンペーンなどまとめ

ついにAmazonでPayPayで支払いができるようになった!PayPay残高とポイントのみ利用可能で最初のみ初期設定が必要


【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに


LYPプレミアムにおトクに登録できるキャンペーン&会員向け特典、利用できるLINEの機能まとめ – 3ヵ月無料&PayPayポイント&クーポンなど

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


【iPhone】マスクを装着したままでFace IDでロックを解除する方法まとめ – iOS 15.4以降、iOS 15.3以前、Apple Watch着用など

iOS 15.4から正式機能になった「マスクをしたまま顔認証でiPhoneのロックを解除」を設定してみた!その他、iPhone 12未満のモデルで使える小ワザも


【楽天モバイル】初めて20GB超過利用して1,500ポイントをゲットする方法 – 毎月開催&必ずもらえる!最強プランにピッタリのキャンペーン。特典増額中!

楽天モバイル契約者限定で過去に一度も20GBを超過したことがなく20GBを超過しそうな人は必見!エントリーと利用だけで1,500ポイントがもらえちゃう



注目の記事をぜんぶ見る


最新記事&ニュース

UQ mobile オンラインショップおトク割対象機種にiPhone 15が追加

UQ mobileでiPhone 15 128GBがUQ mobile オンラインショップおトク割対象機種に追加!最大44,000円割引!スマホトクするプログラム適用した場合は実質47円。


【一括9,824円~】ソフトバンクがXperia 10 VIを大幅値下げ、定価の半額以下に!

ソフトバンクのXperia 10 VIが77,760円⇒31,824円に値下げ!機種変更でも一括31,824円で購入できる。


【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる


ワイモバイルオンラインストアで認定中古品「iPhone SE(第3世代)」の販売開始、一括9,720円〜

2025年7月にワイモバイルのソフトバンク認定中古品のラインアップに「iPhone SE(第3世代)」が追加!他社からのりかえ(MNP)なら一括9,720円で買えるぞ!


povo×Hulu!1ヵ月分のチケットとデータ追加0.5GB、データ使い放題2時間×2回がセットで1,300円の期間限定トッピングが登場

Huluとpovoがコラボしたトッピングが登場!Hulu1ヵ月分のチケットにpovoのデータ追加/使い放題がセットで1,300円とおトク。8月31日まで期間限定で提供



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


usedoorをフォロー


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

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

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


【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?


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

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


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

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


【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中!「新規口座開設限定!サービス体験プログラム」にも参加して合計1,000円ゲット!



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