【74日目】Twitterカードを作ってみた

Twitterカードをつくろう！と意気込んだ昨日は別の作業に時間をとられてしまい、完成できませんでした。今日こそはTwitterカードを完成させたいと思います！

Twitterカードの仕様

早速、Twitterカードの作成に取り掛かりたいと思います。昨日調べたところ、twitterのディベロッパーガイドに詳細が載っていました。英語なんですよね…。

必要な項目は以下の通り。これで、小さい横長の素敵なリンクが表示されるはずです。

Twitterカードを入れ込んでみる

では、Twitterカードを入れ込んでみます。index.phpで全て制御しているので、index.phpでPHPを使い、データを引き出してみました。

一応できたのですが…。本番環境に上げないとテストできない…。

ちなみに、亀の子のtwitterはこちら。よければフォローしてやってください。
→ フォロー

勇気を出して、本番環境にあげてみる

ちょっとドキドキするのですが、本番環境にあげてみましょうか。いちおう、いつでも戻せるようにバックアップを取りました。本番用のファイルにテスト環境から設定を移植。さらに、サーバーにアップロード…。

いまのところ問題は発生していません。

Twitter Card validatorというサービスで、カードの試験を行ってみました。左側にリンクを入れると、右側にtwitterでの表示が出てきます。

おっ、うまくできているみたいです！やったね！

時間切れ

今日はここまでで時間が来てしまいました。Twitterカードが完成したので満足です！明日は姉妹サイトの方もtwitterカードを作りたいな。

あと、googleアドセンスの自動広告も気になっています。performanceを見たら、点数が50を切っている時がありました…。どんだけ重いんですか？やっぱり手動で入れた方が良い気がします。あと、本文中に広告が表示されるのも気にくわない…。

いろいろ考えることはありますが、また明日！

おまけのロードマップ

サイト作成がどのくらい進んでいるかロードマップで進捗を確認すると、ここまで進んでいます。

• 準備 - サイトの全体像を決める
• 使用するプログラミング言語を決めて環境を整える
• サイトの基本構造を作って公開する
• 収益化に最適なサイトにアップグレードする
• GoogleアドセンスとAmazonアソシエイトの申し込みをする　←完了！
• ローカルで簡単に入力ができるようにフォームを作る
• フォローアップ - より収益化に向いたサイト構造に変更する

記事をシェアする

亀の子に連絡

ランキング参加中！ぽちっとしてね