00:01
第299回アシカガキャスト
ウェブサイト制作で地味に面倒だと思っているものの話をします。
まず一つ目はパンクズリストです。
これ、ページの上の方にはあるものの、ちっちゃく目立たないようにあって、おまけみたいな要素なんですが、意外と作るのは面倒なんですね。
まあもちろんおまけではなくて、ユーザーが迷子にならないように現在位置を示す意味合いとか、そのページにいきなり来た人が回想を遡れるとか、
あと検索エンジンに対してページをくまなく拾ってもらう回想構造を伝えるという意味でも重要と言われています。
ただこれクライアントにしてみればパンクズリスト入れといてと、簡単に作れるでしょう的な感じで言われるんですが、
手動で入れるんだったら手動で入れるで、全ページに入れないといけないので手間がかかるんですが、
最近のサイトはだいたいワードプレスのようなCMSで作られるので、パンクズリストが自動生成される仕組みを作ってあげないといけないんですね。
ワードプレスの場合だとパンクズリスト用のプラグインがあったりとかもするんですが、
何にせよそのサイトの構造にあったパンクズリストが出るようにしないといけないですし、
CMSの標準機能で簡単にポンと入るようなものではないので、クライアントの人が思っているよりも多分もっと手間のかかる複雑な作業になってきます。
パンクズリストはトップページからそのページまでがどういう階層構造になっているかを表しています。
ホーム、製品、パソコン、ノートパソコン、機種名みたいな感じですよね。
で、この階層構造が一つとは限らないんですよね。一つのルートだけとは。
以前あるおもちゃのサイトをワードプレスで構築した時に、この階層構造がいくつもあって、
例えばキャラクター、サイズ、色みたいな感じで辿っていく見方もあれば、ジャンルからとか目的からとか複数の階層の構造があったんですね。
で、パンクズリストどうしようということになって、全部のルートのパンクズを入れたいと言われ、
一つの商品につき3つくらいのパンクズリストが出るように作ったんですけど、結構大変でした。
03:07
次に地味に面倒だと思っているのが、ページの先頭に戻るボタンです。
押したらスルスルスルーとスクロールして、そのページの頭に戻るボタンですね。
これ、スマホのブラウザーだとページの上の部分を2回とか押すとスルスルスルーと戻るので、
スマホ上ではこのボタンいらないなと思っているんですが、
いい加減パソコン用のブラウザもブラウザの機能でページ先頭に戻れるようにしてほしいですよね。
ChromeもSafariもスマホのアプリではそうなってるんですから、パソコン版にもその機能を入れるべきじゃないかと思います。
これもだいたい結構なページに入ってるものなので、クライアントとしてもページの先頭に戻るあれ入れといてみたいな軽い感じで言うんですけども、
いざ実装するとなるとボタンを押したらページの先頭に戻るだけだとユーザーには何が起こったのか分かりにくいので、
やっぱりスルスルするとアニメーションする必要が出てくるんですね。
そうするとJavaScriptを使ったりとかちょっとひと手間かけないといけないのが地味に面倒です。
なお実は今はスルスルするとスクロールする、スムーズスクロールと言うんですけど、
これはCSSだけで実現できるようになっています。
なおちなみにTwitterはどんどんどんどんタイムラインをスクロールしていっても、
そのタイムラインの一番上のホームって書いてあるエリア、そのエリアをクリックすると先頭に戻るようになっています。
パソコンのブラウザで見たときの話ですね。
あとファビコンを作るのもウェブサイト制作の中で地味に面倒な作業ですね。
ということで今回は以上です。
