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