【すすメルペイキャンペーン】メルペイで使える1,000円分のポイントをゲットする方法(10/3まで)

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



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



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


< この記事をシェア >






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

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

【9/12まで!】ソフトバンクのスペシャルフェアでiPhoneやXperiaをおトクに購入する方法 – アウトレット品が登場中

携帯電話

機種変更も対象に!ひっそりとソフトバンクオンラインショップ限定のアウトレットキャンペーンが開催中!

【12月15日まで】激アツ!全員20%キャッシュバック!! JCBカードでApple Pay、Google Payを使って超おトクに買い物する方法

クレジットカード

これは激アツ!既存のJCBユーザーもApple Pay、Google Pay設定済の人も全員20%キャッシュバックの対象!

【誰でも貰える!】楽天市場アプリでミスドのドーナツを1個無料でGETする方法 – 9月2日まで

キャンペーン

楽天市場アプリをダウンロードすればもれなくプレゼント!もちろん、既に楽天市場アプリを利用中の方も対象です。

dファッションのクーポンをゲットする方法

ショッピング

ドコモが運営するd fashionにもクーポン多数!キャンペーンとクーポンを組み合わせるとめちゃくちゃ安くアイテムが買えることも多々!

【現金9.2万円もらえる】ソフトバンクのiPhone 8を購入して高額キャッシュバックをGETする方法

携帯電話

MNPでソフトバンクのiPhone 8買うならここがいいかも!高額キャッシュバックがもらえるぞ!


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

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

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


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




新着記事

【iOS 13からApp Storeのアップデートタブが消滅!!】App Storeでアップデート(更新)可能なアプリがあるか確認する方法

iPhone / iPad

iOS13からApp Storeのアップデートタブが無くなったのでアップデート確認方法が少しかわりました。この仕様変更微妙だな。。。

【iOS 13 新機能】iPhoneを『ダークモード』にする方法&解除する方法

iPhone / iPad

ついにiOS 13からダークモードが搭載!設定の背景色なども黒色に。目に優しい&電池持ちもアップ!!

【Twitter】ツイートへの特定のリプライ(@返信)を非表示にする方法 – 嫌がらせやスパムを隠すことができる。再表示もOK

Twitter

ツイートへのリプライを隠すことができる機能が登場!嫌がらせやスパム返信を非表示にすれば他のユーザーからも見えなくなる

【iOS 13 新機能】iPhoneとPS4用コントローラ(DUALSHOCK 4)を接続する方法

iPhone / iPad

iPhoneのゲームアプリがPS4用コントローラ「DUALSHOCK 4」で操作できるぞ!

【iPhone 8が一括0円!】ソフトバンクのiPhone 8を一括0円でGETする方法

携帯電話

のりかえならソフトバンクのiPhone 8が一括0円!のりかえで買うならここがおすすめ!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【楽天ポイント】期間限定ポイントのオススメの使い方 – 楽天系のサービス以外でも使える!有効期限確認、少額でも使い切る方法

    いつの間にか貯まる『期間限定の楽天ポイント』楽天市場で無理やり使うのではなく街のお店などで効率的に使うのがいいかも!


    【オススメ返礼品紹介】おトクに『ふるさと納税』する方法まとめ – 自分がいくら寄付できるかの計算方法

    まだやってない人向けに「ふるさと納税」をできるだけわかりやすく書いてみた(つもり)


    Xperia XZ3実機レビュー – ドコモ版SO-01Lにガッツリ触れてみた。丸みと厚みが抑えられてディスプレイは超キレイ!au、ソフトバンクからも発売中

    XZ2で不評だった部分がガッツリ改善されてスマートに!さらにシリーズ初の有機ELディスプレイ搭載。画面がめちゃくちゃキレイ!


    Xperia 1(ドコモ版:SO-03L)実機レビュー – 2019夏モデルのハイスペック縦長Xperiaはヤバい!au版のSOV40やソフトバンク版を検討している人も是非

    2019年夏モデルのハイスペックで縦長なXperia 1を実機レビュー!初のトリプルカメラ搭載&6.5インチだけどスマートな1台は必見


    【LINE】『ニュース』タブを『通話』に変更する方法 – 非表示はできないけど切り替えはできる

    LINEのニュース上に天気や株価まで。。不要な人は通話タブに変更しておきましょー


    注目の記事をぜんぶ見る

  • 最新記事

    【iOS 13からApp Storeのアップデートタブが消滅!!】App Storeでアップデート(更新)可能なアプリがあるか確認する方法

    iOS13からApp Storeのアップデートタブが無くなったのでアップデート確認方法が少しかわりました。この仕様変更微妙だな。。。


    【iOS 13 新機能】iPhoneを『ダークモード』にする方法&解除する方法

    ついにiOS 13からダークモードが搭載!設定の背景色なども黒色に。目に優しい&電池持ちもアップ!!


    【Twitter】ツイートへの特定のリプライ(@返信)を非表示にする方法 – 嫌がらせやスパムを隠すことができる。再表示もOK

    ツイートへのリプライを隠すことができる機能が登場!嫌がらせやスパム返信を非表示にすれば他のユーザーからも見えなくなる


    【iOS 13 新機能】iPhoneとPS4用コントローラ(DUALSHOCK 4)を接続する方法

    iPhoneのゲームアプリがPS4用コントローラ「DUALSHOCK 4」で操作できるぞ!


    【iPhone 8が一括0円!】ソフトバンクのiPhone 8を一括0円でGETする方法

    のりかえならソフトバンクのiPhone 8が一括0円!のりかえで買うならここがおすすめ!


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

  • usedoorをフォロー


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

    【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは?

    超簡単に参加できるクジ。当たればラッキー!dアカウント+ポイントカード持っている人は是非


    【12月15日まで】激アツ!全員20%キャッシュバック!! JCBカードでApple Pay、Google Payを使って超おトクに買い物する方法

    これは激アツ!既存のJCBユーザーもApple Pay、Google Pay設定済の人も全員20%キャッシュバックの対象!


    【最大+7%還元】『dポイント スーパー還元プログラム』でおトクにd払い&iDで支払いする方法 – ドコモユーザー以外もOK!

    6月10日から始まる「dポイント スーパー還元プログラム」参加しておいて損はなし。要エントリーなのでご注意を


    【誰でも貰える!】楽天市場アプリでミスドのドーナツを1個無料でGETする方法 – 9月2日まで

    楽天市場アプリをダウンロードすればもれなくプレゼント!もちろん、既に楽天市場アプリを利用中の方も対象です。


    【9月版】dカード&dカード GOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数!おトクな入会キャンペーン開催中

    10%還元で噂のdカード GOLDと通常dカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


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

  • あわせて読みたい記事