【現金5,000円がもらえる!!】U-NEXT×三井住友銀行『Olive』コラボキャンペーンが開催

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ページよりご連絡ください。

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

ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!

キャンペーン

ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる!

【一括1円】楽天モバイル『Rakuten WiFi Pocket Platinum』を激安で購入する方法 – プラチナバンドに対応した新型モバイルルーターが登場!

携帯電話

楽天モバイルのプラチナバンドに対応した新型Wi-FIルーター「Rakuten WiFi Platinum」が登場。1人1点まで&条件を満たす場合はいきなり一括1円で買える!

【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など

キャンペーン

Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう

【業界最安値!!】月額290円~!HISモバイルの『自由自在プラン』で毎月の携帯電話料金をおトクにする方法 – eSIMにも対応!

MVNO・格安SIM

HISモバイルが2022年5月より新プラン『自由自在プラン』を提供開始!ドコモ回線で格安SIMの中でも最安値クラスの音声通話付きで月額290円~!

【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

Youtube

楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

【最大+20%!!】dポイント交換増量キャンペーンが2025年3月も開催。今回はもれなく10%増量+抽選で+10%増量!エントリーはお忘れなく

キャンペーン

恒例のdポイント増量キャンペーンが2025年3月にも開催。今回は必ず10%+抽選で10%=最大20%増量という内容。おトクに他社ポイントからdポイントへ交換できる

【何が当たった?】povoガチャを引いてみた。再び登場!今回は2月20日まで1回100円or999円で引けるガチャが登場。特典などまとめ

携帯電話

1回100円で参加できてデータ追加0.1GB(24時間)が必ずもらえる&抽選に応じた特典がもらえる「povoガチャ」を引いてみた。1回999円のpovoガチャスーパーも登場

AppleがAndroid向けの「Apple TVアプリ」を提供開始!Google Playから無料でダウロードできる。Apple TV+の7日間無料トライアルもあり

ニュース

ついにAndroidスマホ/タブレットやGoogle TVでApple TVアプリが利用可能に。Apple公式アプリとしてGoogle Playで配信開始!

ソフトバンクが「AQUOS R9」にAndroid 15のアップデートの提供を開始(2025年2月12日)

ニュース

2025年2月12日にソフトバンクがAQUOS R9に対してAndroid 15の配信を開始

楽天モバイルがXperia 5 V / 10 VにAndroid 15のアップデートの提供を開始

ニュース

楽天モバイルが2025年2月12日にXperia2機種に対してAndroid 15のOSアップデートを配信。Xperia 5 VとXperia 10 VのOSが進化!


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

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

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


【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる

メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう


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

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


【LYPプレミアム】LINEスタンププレミアム(使い放題)を無料で利用する方法 – 追加料金なしで有料スタンプが使い放題に!条件や使い方は?

LYPプレミアム(旧:Yahoo!プレミアム)特典の有料LINEスタンプが無料で使い放題となるスタンププレミアムを使ってみた。スタンプ欲しい人はコレで十分かも!


【LINE】無料スタンプ&隠しスタンプまとめ(2025年2月13日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など



注目の記事をぜんぶ見る


最新記事&ニュース

【最大+20%!!】dポイント交換増量キャンペーンが2025年3月も開催。今回はもれなく10%増量+抽選で+10%増量!エントリーはお忘れなく

恒例のdポイント増量キャンペーンが2025年3月にも開催。今回は必ず10%+抽選で10%=最大20%増量という内容。おトクに他社ポイントからdポイントへ交換できる


【何が当たった?】povoガチャを引いてみた。再び登場!今回は2月20日まで1回100円or999円で引けるガチャが登場。特典などまとめ

1回100円で参加できてデータ追加0.1GB(24時間)が必ずもらえる&抽選に応じた特典がもらえる「povoガチャ」を引いてみた。1回999円のpovoガチャスーパーも登場


AppleがAndroid向けの「Apple TVアプリ」を提供開始!Google Playから無料でダウロードできる。Apple TV+の7日間無料トライアルもあり

ついにAndroidスマホ/タブレットやGoogle TVでApple TVアプリが利用可能に。Apple公式アプリとしてGoogle Playで配信開始!


ソフトバンクが「AQUOS R9」にAndroid 15のアップデートの提供を開始(2025年2月12日)

2025年2月12日にソフトバンクがAQUOS R9に対してAndroid 15の配信を開始


楽天モバイルがXperia 5 V / 10 VにAndroid 15のアップデートの提供を開始

楽天モバイルが2025年2月12日にXperia2機種に対してAndroid 15のOSアップデートを配信。Xperia 5 VとXperia 10 VのOSが進化!



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


usedoorをフォロー


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

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

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


【一括1円】楽天モバイル『Rakuten WiFi Pocket Platinum』を激安で購入する方法 – プラチナバンドに対応した新型モバイルルーターが登場!

楽天モバイルのプラチナバンドに対応した新型Wi-FIルーター「Rakuten WiFi Platinum」が登場。1人1点まで&条件を満たす場合はいきなり一括1円で買える!


【割引増額中】au「5G機種変更おトク割」でiPhone・Androidをおトクに購入する方法 – 適用条件と対象機種、割引金額まとめ。キャッシュバックも

5G対応端末への機種変更が割引されるauの『5G機種変更おトク割』条件を満たすことでiPhoneやAndroidスマホにおトクに機種変更できる。対象機種まとめ


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

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


Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!



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