【さっぽろ飯ログサーチ】少し見つけやすく・使いやすく改善しました！

さっぽろ飯ログサーチを、少し見つけやすく・使いやすくしました

さっぽろ周辺の飲食店記事を探しやすくするために作っている「さっぽろ飯ログサーチ」ですが、今回は見た目の大きな変更というより、検索されやすさ・英語対応・安定性まわりを中心に改善しました！

Google検索に見つけてもらいやすくする整備

まず、SEOまわりのメタ情報を見直しました。

具体的には、ページタイトル、description、OGP、keywords、JSON-LDなどを整理しています。

これまでもサイト自体は公開していましたが、Google検索で「さっぽろ飯ログサーチ」としてきちんと伝わるように、検索エンジン向けの情報を補強しました。

あわせて Google Search Console も追加しています。

これによって、Googleがサイトをどう認識しているか、インデックスされているか、サイトマップが読まれているかなどを確認できるようになりました。

今後は、記事を追加したあとにURL検査を使ってインデックス登録をリクエストする、といった運用もしやすくなります。

アクセス状況を見ながら改善できるようにした

Google Analytics も追加しました。

目的は、単に数字を見るためではなく、どの地域の記事が見られているのか、記事カードがどれくらいクリックされているのかを確認するためです。

たとえば、札駅エリアの記事がよく見られているのか、すすきの系の記事に需要があるのか、英語版ページが使われているのか。

【さっぽろ飯ログサーチ】からnoteへの遷移数はどのくらいボリュームがあるのか。

そうした動きを見ながら、今後の記事追加や画面改善の判断に使っていけるようにしました。

英語対応したきっかけ

今回、英語対応にも手を入れました。

きっかけは、note記事が意外と海外の方にも見られていたことです。

札幌の飲食店情報は、日本国内の旅行者だけでなく、海外から札幌に来る方にとっても需要があるのかもしれないと感じました。

もちろん、すべてを完璧に多言語対応するのはまだ難しいです。

ただ、地名や記事タイトルが少しでも自然な英語で見られるだけでも、海外の方が「これは自分にも関係ありそう」と感じやすくなるはずです。

そのため今回は、英語版URLの追加や、地域名・記事タイトルの英語表記を中心に整えました。

sitemap.xml を更新

検索エンジンにページを見つけてもらいやすくするため、sitemap.xml も更新しました。

今回の更新では、トップページだけでなく、英語版ページ、プライバシーページも含めています。

さらに lastmod や hreflang も追加しました。

lastmod は「このページはいつ更新されたか」を伝える情報で、hreflang は「日本語版と英語版の対応関係」を伝えるための情報です。

細かい部分ですが、日本語ページと英語ページをきちんと分けて認識してもらうための準備として入れています。

英語版URL `/en/` を追加

これまでは、画面内で言語を切り替えるだけでも英語表示はできます。

ただ、それだけだとGoogleから見たときに「英語版ページ」として扱われにくい可能性があります。

そこで今回、`/en/` という英語版専用URLを追加しました。

これにより、日本語版とは別に英語版ページとして認識されやすくなります。

札幌に来る海外旅行者が、Google検索から英語で記事を見つけられる可能性も少し上がるはずです！

ヘッダーに「日本語 / English」切り替えを追加

画面上部には、日本語とEnglishを切り替えられるボタンを追加しました。

Google翻訳に任せるのではなく、サイト側で意図した英語表記を出せるようにしたかったためです。

飲食店や地域名は、自動翻訳だと意外と危ないところがあります。

特に札幌の地名や駅名は、機械翻訳で不自然になりやすいので、ここは自分で制御できる形にしました。

地域名の英語表記を手動辞書化

今回かなり大事だったのが、地域名の英語表記です。

たとえば「麻生駅」は、単純に翻訳すると「Aso Station」のように誤訳される可能性があります。

でも札幌の駅名としては「Asabu Station」が正しい表記です。

こうした誤訳を避けるため、地域名は手動の辞書で管理するようにしました。

札幌のローカルな情報を扱うサイトだからこそ、このあたりは雑にしたくないところです。

記事カードのタイトルも英語化

英語表示にしたとき、地域名だけ英語になっても、記事タイトルが日本語のままだと少し中途半端に見えます。

そこで、現時点で掲載している14本分の記事タイトルを手動で英語化しました。

自動翻訳ではなく、記事の意味が伝わるように調整しています。

今後も主要な記事については、できるだけ自然な英語タイトルを用意していく予定です。

新しい記事は安全側のフォールバックに

ただし、新しく追加した記事をすべて自動で英語にするのは、まだ少し怖いところがあります。

飲食店紹介の記事タイトルは、地名・料理名・利用シーンが混ざることが多く、機械翻訳だけだと意味がずれる可能性があります。

そのため、辞書にない新規記事については、無理にタイトル全文を英語化せず、地域タグだけ英語化するフォールバックにしました。

完璧に見せようとして誤訳を混ぜるより、わかる範囲を正しく出すほうを優先しています。

note取得に失敗しても記事一覧が空にならないようにした

もうひとつ、裏側の安定性も改善しました。

`/api/articles` にフォールバック用の記事一覧を追加しています。

これは、note側の取得が一時的に失敗した場合でも、サイトの記事一覧が空にならないようにするための保険です。

直近で取得済みの14件をフォールバックとして返すようにしました。

外部サービスから情報を取得している以上、一時的な失敗はどうしても起こり得ます。

そのときに「何も表示されない」状態を避けるための対応です。

APIフォールバックのテストも追加

最後に、APIフォールバックのテストも追加しました。

note側の取得に失敗した場合でも、APIが `200` を返し、記事一覧を表示できることを確認するためです。

見た目には出ない部分ですが、こういうテストがあると、今後の修正でうっかり壊してしまうリスクを減らせます。

今回の改善で目指したこと

今回の修正は、派手な新機能追加というより、サイトを長く運用するための土台づくりでした。

Googleに見つけてもらいやすくすること。

英語でも自然に見られるようにすること。

note側の取得が不安定なときでも、記事一覧が空にならないようにすること。

どれも小さな改善ですが、積み重なると使いやすさにつながる部分だと思っています。

さっぽろ飯ログサーチは、札幌でごはんを探すときに「ちょっと見てみよう」と思える場所にしていきたいです！

引き続き、記事の追加とあわせて、検索しやすさ・見つけやすさ・使いやすさを少しずつ整えていきます！