*

絶対に設定しておこう!Twitter Cards 設定

   

こんなの見たことありますかね?
SS 2014-07-11 20.29.51

URLのリンク先の情報が表示されるようにブログの設定ができるようになってるんですよ。

今まではURLが貼ってあっても、その先がどんなホームページだか全然わからなかったじゃないですか。
だからなかなかクリックしづらい。(笑)
しかも目立たない。(笑)

目立たそうと思ったら今までは写真ぐらいだったんですねー。

それがこれね。
Twitter Cardsっていうシステムです。
オシャンティな上に目立つ!
なんかかっこいい!
URL先の情報が出てくるからクリックしやすい!

というわけで設定してみました。
んで若干仕様がよくわからなかったので、わかりやすくまとめます。

 

まずTwitter Cards作成のための開発者登録

開発者登録といってもアプリ作って申請するわけでもないんでカンタンです。
まだへんなアレルギー起こさないでくださいね。(笑)

まずはここにアクセス。
https://dev.twitter.com/user/login
そして自分のTwitterアカウントでサインインしてください。
SS 2014-07-11 1.09.35

そしたらDocumantationの中にある Twitter Cards をクルック。
SS 2014-07-11 20.39.12

英語になってると思うので日本語にしましょう。
SS_2014-07-11_20_40_32

そして下にスクロールすると検証ツールのリンクがあります。
ここから行ってもおk。
https://dev.twitter.com/docs/cards/validation/validator

SS_2014-07-11_20_42_02

開くと、どのタイプのTwitter Cardsがいいか聞いてきます。
とりあえずSummeryでいいかと。
もちろんあとから作りたい物を再度作ってもOKです。
SS 2014-07-11 20.44.19

ここからはTwitter Cardsを作ります。

ここに必要な情報をぶっこんでいきます。
作り終わったら一番下のUpdate Previewをクリック。
SS_2014-07-11_20_48_51

そうするとこんな感じにプレビューが確認できます。
そしたらメタタグも生成されてるので、設定したホームページのheadに加えてください。

headとかメタタグとかわからないひとは、別の設定方法も後で書きます。
これでホームページの設定は終わりました。

SS_2014-07-11_20_49_34

こんどはホームページを承認申請する。

Validate & Apply をクリックして、Twitter Cardsの設定をしたいホームページのアドレスを入れます。
SS_2014-07-11_20_49_59

ここで正しくプレビュー表示されてれば、ホームページの設定は大丈夫です!

そしたら「Request Approval」というボタンを押して、出てくるポップアップの中の必須情報を入力してください。
(たぶんサイトの詳細とTwitterアカウントの入力求められる)

この入力が終わると、登録メールアドレス宛にメールが届きます。
承認できたよ!みたいな。
SS_2014-07-11_1_26_22

おつかれさまでした!
これで完了です!

あとはTwitterでホームページのURLをつぶやいて検証してみてください!
すぐに反映されるページと、しばらくしたら反映されるページとありますから注意です。

 

メタタグとかheadとかわからないかたへ

WordPressをお使いの方であれば、プラグインで解決できます。
オススメは All in one SEO pack ですね。
そろそろMacBookの電池がないので、また別記事にしたあとにリンクします。
すいません。(笑)

 -時事的なニュース, 絶対に活用するべきライフハック術,

  • このエントリーをはてなブックマークに追加




  • LINEで送る

  関連記事

スクリーンショット 2013-08-21 23.21.14

「連続起業家」が実践している8つのセオリー

こんばんは。 一週間ほど口の中の同じ場所を噛み続けていました。 ぱんちゃんです。 痛いです。 ガッツ

applecal

5秒でApple標準カレンダーに祝日登録!

ユーザーに朗報!! 5秒で標準カレンダーに祝日登録できます((*´ω`*))

2014-04-09_21_16_25 3

LINEの友達一覧をかわいい名前で整理する方法ヾ(・∀・`*)

人が追加されていくたびにごちゃごちゃになっていくLINEの友達一覧… 大事なひとはお気に入りに入れる

tcbp217_alt4_sized_450x300

Mac専用バックパック Thule 32L Crossover Backpack(再レビュー)

Appleストアでも販売されている Mac用バックパック Thule 32L Crossover B

スクリーンショット 2013-10-10 17.33.03

コンテンツイズキング!?Google検索アルゴリズム – ハミングバード

Googleの検索アルゴリズムが変わっていたようです。 詳しくはこちらを見てみてくださいな! htt

スクリーンショット 2013-10-21 21.50.30

ガチやべー!!な2つのWi-Fi新技術 – 100Gbpsの史上最速WiFi と Project Loon

100Gbpsってとんでもない早さですよ。奥さん。 ドイツで開発されたそうです。 ちまたでは5GHz

2014-03-08 21.31.51

通話オプションなんて要らない。便利でお得すぎる050plus

留守番メッセージがメールで送られてきたり…(個人的ツボ) めっちゃくちゃ便利な上に格安で使えます。

SS 2014-02-19 19.10.14

Evernoteに写真を自動保存!高速起動多機能カメラ FastEver Snap

どうも@ぱんちゃんです。 写真を高速起動してEvernoteに保存できちゃうカメラアプリ FastE

e0bf1c0042f428f1a428aa70bd8d7f42

Evernoteに自動メール送信して、本格的に第2の脳としてみよう!

いわずもがな便利すぎるEvernoteさん。ヾ(ω` )/ 実はEvernoteにはメールでのノート

SS 2013-11-03 19.50.17

AppleIDの共有や、Googleアカウントの共有は絶対にやめましょう。

たまにいるんですが… iPhoneやスマートフォンのIDを共有してるひとがいます。 プライバシーを守

SS 2015-04-03 18.14.28
Apple Watchって何ができるの?と思って調べたら、少子高齢化を救うマッチングデバイスだった!

AppleWatchで何ができるのか? ここの公式ビデオみればとりあえず概要はわかります。 http

2014-08-06 16.45.17
渋谷公園通りの楽天カフェに行ってきたのでまとめ

実は結構前なんですが、渋谷の楽天カフェに行ってきました。 まずはひとことで言うならめっちゃ便利!って

SS 2014-09-07 16.21.59
Mac版LINEで友達の名前に表示できる絵文字を調べました。

なんのことだよって方はまず LINEの友達一覧をかわいい名前で整理する方法ヾ(・∀・`*) を見てく

SS 2014-08-03 20.26.18
Kindle夏休みセール!本田直之著書もあるぞ!

8月7日までKindleで夏休みセールがやってるよ! 本なのに1000円以上OFFになってたりとかス

file2661280453375
WordPressでステップメールも無料配信!BFT Autoresponder

結構多いんじゃないですかね? メールマガジン配信したいんだけど、初期費用高くて踏み出せないなーってい

  • 多方面から頂くiPhoneやEvernote等の質問に対してメールでお答えしまーす!個々にお答えするのも手間がかかるし、共有したほうがいいような質問もあるので。 メールでしかお伝えできないようなグレーなお得情報(笑)とかも答えたりするので、知らず知らずに損したくない人は登録を推奨しますよ。
    ※英語のページに飛びますが安心してください。登録後に送られてくるメールのリンクをクリックするとメールが送られるようになります。