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

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

【2024年7月】ソースネクストの割引クーポンまとめ – 現在配布中の最新クーポンやキャンペーンを製品別にまとめてみた

ショッピング

ソースネクストの割引クーポンを総まとめ!公式から一覧情報を頂いているので全てのクーポンがチェックできます。Dropboxや1Password、ZEROセキュリティetc...と多数配布中!

ペイペイジャンボとは?開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない?当選の確認手順や本人確認などの参加条件など

キャンペーン

最大1,000%還元や全額還元などが当たる「ペイペイジャンボ」開催!対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…

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

Dropbox

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

【2024年7月】ahamoのキャンペーンまとめ – ドコモ経由で10,000dポイント還元、ポイ活、ahaクエストなど

携帯電話

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


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

AEON Payが現金チャージの対応を発表。リリース記念でチャージでWAON POINTを10%還元するキャンペーンも開催

ニュース

進化を続けるAEON Payがついに現金チャージにも対応すると発表。チャージ金額の10%分のWAON POINTがポイントバックされるリリース記念キャンペーンを8月に開催

【ヒロアカ】「僕のヒーローアカデミア」のVポイントカードを予約・ゲットする方法

ポイントカード

劇場版『僕のヒーローアカデミア THE MOVIE ユアネクスト』の公開を記念して、緑谷出久・爆豪勝己・轟焦凍のVポイントカードが登場!スライドカードケースやアクスタ付きカードスタンドなどのグッズも販売。

Amazonがプライムを騙る不正なメッセージに対する注意喚起を案内。不正メールの見分け方や不正行為を報告する手順も公開

ニュース

Amazonがプライム会員資格の期限切れなどを語る不正なメッセージに対して注意喚起のメールを送信。みなさん、マジでお気をつけて!

抽選販売!アキバ☆ソフマップ『プレミアムCLUB会員限定セール』開催。登場中の人気商品&参加手順などまとめ

セール

アキバ☆ソフマップは不定期でX100VIやPlayStation Portalリモートプレーヤーなど人気のゲームやガンプラ、フィギュアなどの抽選販売を行う限定セールを開催!


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【激アツ!!】2回線目以降もOK!楽天モバイル回線契約で14,000ポイントがもらえる三木谷氏の紹介キャンペーン開催。超おトクに契約できるけど注意点あり

楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンが激アツ。2回線目以降の契約でも14,000ポイントがもらえる。ただし併用できないキャンペーンもあり


【神対応すぎる】バルミューダのトースターが壊れた時の申請方法 – 修理依頼を出したらまさかの新品しかも新型への交換に。逆に申し訳なさすぎる…

バルミューダ ザ・トースターが壊れたので修理見積依頼を出したらまさかの新型新品への無償交換に。。こちらが申し訳ないと感じるレベルの神対応…


楽天ポイントでGoogle Playギフトコードを購入・交換する方法 – 楽天市場認定店は期間限定ポイントの消化にも最適!

楽天ポイントでGoogle Play残高(ギフトカード)が買える!期間限定の楽天スーパーポイントでもOK!セール時は安く購入することもできておトク


【17%オフ】「AirPods Pro」をおトクに購入する方法 – 予約開始日や発売日、価格、第1世代/第2世代のスペックの違い・比較、販売店などまとめ

USB-C充電機能を搭載した新モデル「AirPods Pro(第2世代)」が2023年9月22日に発売!価格は39,800円(税込)。第1世代と第2世代の違い・比較も



注目の記事をぜんぶ見る


最新記事&ニュース

AEON Payが現金チャージの対応を発表。リリース記念でチャージでWAON POINTを10%還元するキャンペーンも開催

進化を続けるAEON Payがついに現金チャージにも対応すると発表。チャージ金額の10%分のWAON POINTがポイントバックされるリリース記念キャンペーンを8月に開催


【ヒロアカ】「僕のヒーローアカデミア」のVポイントカードを予約・ゲットする方法

劇場版『僕のヒーローアカデミア THE MOVIE ユアネクスト』の公開を記念して、緑谷出久・爆豪勝己・轟焦凍のVポイントカードが登場!スライドカードケースやアクスタ付きカードスタンドなどのグッズも販売。


Amazonがプライムを騙る不正なメッセージに対する注意喚起を案内。不正メールの見分け方や不正行為を報告する手順も公開

Amazonがプライム会員資格の期限切れなどを語る不正なメッセージに対して注意喚起のメールを送信。みなさん、マジでお気をつけて!


抽選販売!アキバ☆ソフマップ『プレミアムCLUB会員限定セール』開催。登場中の人気商品&参加手順などまとめ

アキバ☆ソフマップは不定期でX100VIやPlayStation Portalリモートプレーヤーなど人気のゲームやガンプラ、フィギュアなどの抽選販売を行う限定セールを開催!



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


usedoorをフォロー


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

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

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


メルカリ/メルペイに招待コードを適用しポイントをゲットする方法 – 紹介キャンペーン利用で開始時に500ポイントがもらえる【2024年7月】

メルカリ・メルペイを始めるなら最初に招待コードの登録がおトク!今なら必ずメルカリやメルペイの買い物時に利用できるポイントがもらえる


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

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


【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン(2024年7月)」でPayPayポイント500円相当をゲットする方法

Yahoo!フリマ(旧PayPayフリマ)を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2024年7月31日まで


【2024年7月】ahamoのキャンペーンまとめ – ドコモ経由で10,000dポイント還元、ポイ活、ahaクエストなど

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



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