モバイル対応終了

５月半ばからモバイル対応を開始したサイクルメンテあのこらのホームページですが、ようやく完了です。

時間が掛かった理由の一つは今までサイクルメンテあのこらサイトの中に在った、スライムパンク防止剤ページや、メンテナンス関連ページを独立したサイトに再構築したことも有ります。

おかげで、「スライムパンク防止剤被害低減プロジェクト」ページと「スライムパンク防止剤によるバルブ腐食の問合せと回答」ページが検索結果に同時に表示されるようになりました。

今までは、どちらか検索順位の高い方しか検索結果には表示されなかったので、これで、少しは目につく機会が増えます。

もう一つ工夫したのが、スマホ用とPC用の表示の切り替えです。

例えば、「埼玉県内　自転車出張修理店情報」サイトのように基本PC向けに作成した地図から市区町村を選択できるサイトは

<script> <br />$(function(){<br /> var agent = navigator.userAgent; if(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/Android/) != -1){ <br />    $('div').load('cyclerepair_mb.txt');<br /> }<br />else{<br />     $('div').load('cyclerepair_pc.txt'); <br />}<br />}); <br /></script>

のように、スマホとPCで読み込むテキストファイルを変えて、全く異なる画面を表示しています。

あまり多用するつもりは有りませんが、ＰＣ用にこだわったサイトのモバイル対応には使える方法だと思います。