2019年03月23日(土) やったぞモバイルサイト

マーベルから(無断で)来た男、スパイダーマッ！



イシャ言ってみたがクスリで様子見となった。
どうせ泌尿器科でエコー検査やるのでソレ待ちのもよう。

しかし内科医は、何も言わずとも以前検査したデータを泌尿器科医に転送して連携を図ってくれた。
別々の病院なんだがな。


さてさて、まさか1日でできるとは思わなかったが、モバイル専用のトップページができた。
トップのみで中身はおんなじだけど。


レスポンシブデザインなんてのは早々に諦めて、専用サイトをリダイレクトさせる形式にした。

しかし、モバイルHP作成の情報サイトはひとつも役に立たない。
PCとモバイルを現行鯖で使い分けるのが目的なのに、ツールを鯖ごとすすめるトコしかねぇのな。
アドビには無料ツールがあるんだがWin10専用のみ。
さすが切り捨てメーカー。

そこで、古来より使い慣れた方法、テキスト打ちでやったさ。
何のことはない。
最適化表示されるのを前提に横幅の小さいページを作ればいいだけ。

だがモバイル作成サイトで横幅320ドットというデマ情報掴まされ、妙ちくりんなページをまず作成。
その後自前のアイフォンでソレをキャプって横幅のパーセンテージ算出。

そしてリダイレクトの設定と検索エンジン対策やって完成。
この辺を参考にした。

スマホ・PCを判別してリダイレクトするまとめ
PCとスマホで別々のURLを用意しているページのcanonicalとalternateの設定

.htaccessに記述する方法はセキュリティではねられる。
世知辛いのぅ。
JavaScriptなら無問題。

たまにいかがわしい情報につられてやけに縦長のHPに飛ばされる事があるんだが、アレはPCとモバイルの対応に失敗してるんだな。