kamenokoki.com

【97日目】RSSに画像の情報を入れ込んでみた

Posted:　 Last Update:

昨日からRSSの改善に取り組んでいます。昨日はRSSのコア情報を共通ファイルから呼び出せるようになったので、今日はRSSに画像情報を入れ込んでいきたいと思います！

昨日調べたことおさらい

RSSに画像情報を入れると、ブログランキングサイトによっては画像を表示してくれます。せっかくなので、ランキングサイトに病児してもらえるように、私も情報を入れたい！

昨日調べてみたところ、RSS2.0の仕様書には詳しく乗っていませんでした。ネット検索してみました。itemの間にこんな感じで入れ込めばいいようです。

<description>
<![CDATA[<img align="left" hspace="5" src="画像のURL"/>リンクの説明文]]>
</description>

PHPを修正してみる！

今現在書き出しているRSSの「item」がこんな感じです。

<item>
<title>【97日目】RSSに画像の情報を入れ込んでみた</title>
<link>https://kamenokoki.com/blog/20201205</link>
<guid>https://kamenokoki.com/blog/20201205</guid>
<pubDate>Sat, 05 Dec 2020 14:51:13 GMT</pubDate>
</item>

ここに上記の「description」をPHPで入れ込んでいきました。下記は書き出しの例です。実際のRSS2はこちらから見られます。

<item>
<title>【97日目】RSSに画像の情報を入れ込んでみた</title>
<link>https://kamenokoki.com/blog/20201205</link>
<guid>https://kamenokoki.com/blog/20201205</guid>
<pubDate>Sat, 05 Dec 2020 14:51:13 GMT</pubDate>
<description>
<![CDATA[ <img align="left" hspace="5" src="http://localhost:50001/images/20201202005.webp"/>ブログランキングサイトに反映できるように、RSSに画像情報を反映させたい！ ]]>
</description>
</item>

PHPの変更は単純で、ページの情報を呼び出している列に、ページの画像と説明文を入れこんだだけです。「fwrite」でRSSに書き込んでいます。ページ側で既に変数を入れ込んであるので楽でした。

$siteinfo = '<item><title>'.$articletitle.'</title><link>'.$filename1.'</link><guid>'.$filename1.'</guid><pubDate>'.gmdate("D, d M Y H:i:s T", filemtime($filename)).'</pubDate><description><![CDATA[<img align="left" hspace="5" src="'.$articletimg.'"/>'.$articledescription.']]></description></item>';
fwrite($fp , $siteinfo."\n");

これで完了！うまく画像がランキングサイトに藩兵されてくれるといいのですが…。

次はsitemapの情報をGoogleとBingにpingしたい！

さて、RSSに画像情報も入れられたので、やりたいことリストの次に行きたいと思います。続けて、関連している「サイトマップをGoogleとBingに送信する手順を作る」をやりたいかな！

  • 人気投稿の準備として、アクセス解析をするPHPを作成する
  • RSSの内容を共通仕様から入れ込む ←昨日完了
  • サイトマップをGoogleとBingに送信する手順を作る
  • 記事にカテゴリーを入れ込む
  • Google Lighthouseに指摘された内容に対応する

GoogleとBingのサイトマップ受け取りについて確認。とりあえずpingしろって書いてありますね。URLに打ち込めばいいだけみたいです。

Googleの要件はサイトマップの作成と送信にありました。Bingの要件はSitemapsにあります。

今日はここまで

時間が来てしまいました。今日はここまでにします。

明日は、GoogleとBingにサイトマップを送信する方法を確立します！では、また明日。

おまけのロードマップ

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

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

亀の子に連絡

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

F2cランキングアイコン 人気ブログランキング ブログランキング・にほんブログ村へ

広告