okadanao

▎モバイルユーザビリティ

もとのHPはSP用の情報量がPC用よりも少なくURLも別々だったので統一し、レスポンシブ対応を行いました。また、Google Search Console でモバイルユーザビリティに複数のエラーが出ていたので、これらを解決しました。

▎Pugとstylusの学習

直接HTMLを書いていて効率が悪いと感じた作業がいくつかあったため、途中から Pug を使い始めました。記述量が減ったり、ファイルの分割管理が可能になったりと様々なメリットがあったため、多少の学習コストはかかりましたが早い段階で導入してよかったと思います。同時に stylus も使い始めました。

▎jQueryとプラグイン

ナビゲーションメニューやカルーセルの実装には jQuery を用いました。JavaScriptやjQueryについては少し勉強したことがあったので、この機にアウトプットできてよかったです。カルーセルに関しては、jQueryプラグインの slick を用いました。

▎ドメイン移管とサーバー移管

もともと契約していた会社から他社へのドメインとサーバーの移管をすることになりました。特殊な状況かつ初めての移管作業ということもあり手続きに2週間ほどかかり、HP制作よりも大変でした。

▎SEO対策とMEO対策

作ったHPが検索結果の上位にくるようにSEO対策を行いました。「地名＋業種」で検索する人が多いためサイト名やページ内に地名を入れたり、ユーザーフレンドリーなデザインを心掛けたりしました。もともとは検索結果の2～3ページ目に載っていましたが、現在は1ページ目に載っているため、対策の効果があったと思われます。また、Google Maps での順位を上げるために、Google Business Profile を充実させました。マップの検索結果の方がHPより上位に来るためMEO対策もかなり重要であると思いますが、順位を上げるのはなかなか難しいです。

▎Flask

Python用のWebアプリケーションフレームワークである Flask を用いました。動的なWebサイトの制作は初めてでしたが使いやすかったです。

▎データ集め

データは Wiktionary と 百科辞書 の見出し語から集めました。

WordCloud を使用しています。