【2/29まで】第一生命NEOBANKの口座開設して現金1,500円をゲットする方法

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

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

Amazon『Fire TV Stick / 4K / 4K Max』『Fire TV Cube』をおトクに購入する方法、セール/キャンペーンまとめ

キャンペーン

本家AmazonがFire TV Stick 4K Maxの半額セールを開催中!その他、Fire TV Stickシリーズのキャンペーン、割引販売情報まとめ

【抽選販売受付中】AmazonのPlayStation 5の招待販売制に参加する方法 – PS5購入の招待メールをリクエストする手順。モデルごとに登録が必要

ゲーム

AmazonでのPlayStation 5販売が招待制に!抽選形式なので期限内に招待メールをリクエストしておけばPS5が買えるかも!?

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

キャンペーン

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

【2024年2月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

携帯電話

2024年2月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中!対象者限定みたいのでまずは取得できるかをチェック!

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

スマホアプリ

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


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

プレイステーション ストアチケットを購入するとLINE Pay残高最大2,000円分還元

ニュース

プリカストアでエントリー&PSチケットを購入するとLINE Pay残高10%相当分が還元されるキャンペーンが開催!還元上限は最大2,000円相当。

楽天ペイが全国の金融機関に対応。楽天キャッシュに楽天以外の銀行口座からもチャージできるように

ニュース

楽天ペイが全国のみずほ、三菱UFJ、三井住友銀行など全国の銀行に対応。楽天キャッシュに楽天銀行以外の銀行からでもチャージができるようになった

auスマートパスプレミアムでABEMAプレミアムが90日間無料になるクーポンが配布

ニュース

ABEMAプレミアムが90日間無料で利用できるクーポンがauスマートパスプレミアムで配布。クーポンの取得期間は3月31日まで、利用期限は4月30日まで。

【Bluesky】言語を切り替える方法 – 日本語に戻す、英語など他の言語に変更する手順

bluesky

Blueskyアプリで表示言語を日本語から他の言語に変更する方法を紹介。日本語に戻す場合もコレ

【在庫・入荷情報あり】北海道チーズ蒸しケーキFAN BOOKを予約、購入する方法 – あの蒸しケーキのふわふわビッグぬいぐるみ付属!

本・コミック

あの「北海道チーズ蒸しケーキ」のふわふわBIGぬいぐるみがセットになったFAN BOOKが2023年12月6日に発売。価格は3,080円。人気の為、発売前に重版決定!


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

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

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


【2024年2月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

2024年2月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中!対象者限定みたいのでまずは取得できるかをチェック!


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

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


【ポケモンGO】アプリを起動しなくても距離をカウントする『いつでも冒険モード』の設定方法 – Pokemon GO Plusとの違い、比較

ついにアプリ画面を開いていなくてもポケモンGO内の距離がカウントされるモードが登場!ポケモンGOプラスユーザーも設定しておくことをオススメします



注目の記事をぜんぶ見る


最新記事&ニュース

プレイステーション ストアチケットを購入するとLINE Pay残高最大2,000円分還元

プリカストアでエントリー&PSチケットを購入するとLINE Pay残高10%相当分が還元されるキャンペーンが開催!還元上限は最大2,000円相当。


楽天ペイが全国の金融機関に対応。楽天キャッシュに楽天以外の銀行口座からもチャージできるように

楽天ペイが全国のみずほ、三菱UFJ、三井住友銀行など全国の銀行に対応。楽天キャッシュに楽天銀行以外の銀行からでもチャージができるようになった


auスマートパスプレミアムでABEMAプレミアムが90日間無料になるクーポンが配布

ABEMAプレミアムが90日間無料で利用できるクーポンがauスマートパスプレミアムで配布。クーポンの取得期間は3月31日まで、利用期限は4月30日まで。


【Bluesky】言語を切り替える方法 – 日本語に戻す、英語など他の言語に変更する手順

Blueskyアプリで表示言語を日本語から他の言語に変更する方法を紹介。日本語に戻す場合もコレ


【在庫・入荷情報あり】北海道チーズ蒸しケーキFAN BOOKを予約、購入する方法 – あの蒸しケーキのふわふわビッグぬいぐるみ付属!

あの「北海道チーズ蒸しケーキ」のふわふわBIGぬいぐるみがセットになったFAN BOOKが2023年12月6日に発売。価格は3,080円。人気の為、発売前に重版決定!



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


usedoorをフォロー


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

【2024年2月】IIJmioで安くiPhoneやAndroidスマホを買う方法、割引対象機種まとめ – シェアNo.1記念キャンペーン スマホ大特価セールで一括110円~

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


【2024年2月】ふるさと納税で返礼品&Amazonギフトカードなどの特典がもらえるキャンペーンまとめ – 最大20%還元などが開催中

ふるさと納税サイト毎に開催している返礼品とは別に寄付金額に応じたAmazonギフトカードなどがもらえるキャンペーンをまとめてみた


【2024年2月】楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり。適用条件や注意点などまとめ

2023年2月より楽天モバイルが友だち紹介キャンペーンを実施。2024年2月より招待された人の特典が爆増!今なら13,000ポイントがもらえる。今月の条件や注意点などまとめ


【2024年2月】Amazon「Audible」2ヵ月無料キャンペーン開催中!本の朗読サービスにおトクに登録する方法、条件などまとめ

Amazonの朗読サービス「Audible」が2ヵ月無料で利用できるおトクなキャンペーンが2月29日まで開催中!


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

動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる!



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