修正まだまだ終わりません
テンプレート修正の進捗の報告と、説明しておいた方が良いかなぁ、と思われる Lighthouse のアルゴリズムについて。
まずテンプレートの方ですが、『ほぼ』終わりに近づいています。けれども、時間が取れない上にミスが多くてなかなか終わらない。何度も繰り返し上書きしたりしてホントみなさんすみません (;ωq`)
あと、GoogleのLighthouseを利用してご自身のページ状態を管理している方もいらっしゃるかと思います。私の方向性としてお伝えしておくと、「これはナンセンス」と思われる項目については極力対処するけれども完璧は目指さない、という感じです。現状のLighthouseについて舌打ちしたくなるのは以下のような点。
- 「続きを読む」は良くても「read more」はダメ
- リンク間の距離(余白)をうるさく指摘されるが、初期状態で折りたたまれているコンテンツは警告対象外
とりあえず大きくはこの2つ。説明しますと、まずLighthouseはお膝元が米国なので日本語の対応は遅いです。言い換えると『日本語は見逃されやすい』ということでもあります。例えば欧文ページが90点で、それを翻訳しただけのページが100点、とか。
全文表示タイプのテンプレートのほとんどと、要約表示タイプでもデザインや導線によっては「続きを読む」のテキストリンクあるいはボタン形状のリンクが掲載されます。こういうことです ↓
この「read more」「continue reading」「続きを読む」「この記事の詳細を見る」などは 目的が全く同じ です。それが欧文なら減点され、日本語なら減点されない。これはただ日本語が見逃されているというだけで、「read more」を「続きを読む」に変更したからといって根本的な解決には全くなっていないわけです。
こういう記事を書くと抜け道・抜け穴のように使う人が出てしまうかもですが、それは全くもってナンセンスでやる意味はありません。
* 今回の修正で減点対象にならないよう別の側面から対処しています。
Lighthouseの減点はつまり「指摘」であり「アドバイス」なんですが、read moreについての指摘はつまり「ページ内にいくつかのアイテム(記事へのリンク)があり、それぞれに『read more』という名称のリンクとなっていますが、個々にユニークな名称を付けたほうがわかりやすいと思いますけれども?」です。
いやまぁ、そうかもしれんけど (;`ー´)o
現実的に考えて、じゃあ以下のような感じにすれば良いわけ?
いや、しつこいし見た目がうるさい… ^^;
記事タイトルが長いときも繰り返すのかい、って話です。こうなると「じゃあもういっそ続きを読むリンクは無しでいいや…」となりがちなんですが、この「じゃあもういっそ」が高じると 画一デザイン化 になってしまう恐れが。実際Googleの言う通りを突き詰めていくとどれもこれも似たようなデザインに着地してしまうんですよね。
結局のところLighthouseで高得点を目指したいなら、デフォルトから内容をどんどん削れば良いんです。コメント数表記や記事の登録先カテゴリ名やリンク、記事概要文などなどを削って、『記事タイトルとサムネイルのみ』みたいな。まぁそれも一つの方法ではあrますが、Lighthouseで高得点を取ることが目的になってしまえば本末転倒 で、Lighthouse等のツールはあくまでも目的達成のための手段であって、それ自体が目的であってはならない。いや、あってはならないというのは言い過ぎだけど、ブログで最も大事なのはそこではない。
続いて『折りたたみコンテンツ』について、FC2ブログで注意すべきは プラグインの行間(リンク要素同士の距離) です。
私の立場から調整可能なのは 公式プラグイン のみで共有プラグインには手が回りません。ところがこの公式プラグインはテンプレート側からの調整が非常に難しいんですね (∵`)
クラス名というのはスタイリング対象を特定するのに重要なんですが、共有プラグインにはこれがついてないことが多い。すると要素名や要素の順序などで特定するしかなく、非常に苦心惨憺しております(笑)
今回調整はしましたが、もしかすると共有プラグインの方で弊害が出てしまう可能性があります。だけどもうこれ仕方がないので、どうにもおかしいという方はお申し出ください。対処できる可能性もあります(プラグインのカスタマイズを請け負うという意味ではありません。また、おかしくなる可能性があるのは見た目のみなので動作の不審・不全は別の原因があります)
上記は2つの公式プラグインをキャプチャしたもので、その文字列はいずれも『リンク』です。リンク同士の余白・間隔をGoogleは比較的厳しくチェックしており、ギリギリ減点されないラインが上記キャプチャの様子。最低でもリンク同士の間隔はこれぐらいなければいけないよ、と。
上記はゴリゴリに減点される例です。プラグイン数にもよりますがおおよそ5〜10点ほどの減点に。しかし以下のようにすると減点対象から外れます ↓
折りたたみ(アコーディオン) ですね。初期状態でたたまれていると見逃されますが、展開するとリンク同士がギチギチ、とか。これもまた非常にナンセンスだと思う点です。だってリンクをクリックするときは展開するわけでしょう。でもってリンク同士の間隔がギッチギチなわけでしょう。なぜ減点しないのさ。
(LighthouseクローラーがJSあるいはチェックボックス等を実行しないからです)
というわけでLighthouseについてわかりやすい例に絞って上げてみました。大方の場合の点数の誤差というのはこういったところを突くか突かないかでもあり、突いたからといって誰も褒めてはくれない。私からすればこんな『対策』ならばしない方が良い。時間の無駄 (∵`)
もちろんGoogleの意図をしっかりと理解して、正しい対処をしている方はそれが即ち本当の『対策』ですから素晴らしいことです。
裏技的であったり、穴を見つけるなどの方向に傾かないように対処するのがFC2ブログでは本当に難しいと実感しています。とはいえここまでHTML, CSS, JSの利用面で自由なブログサービスは他に無いですから(あるとしたらbloggerぐらい)、感謝しつつ、時には悪態をつきつつ作業しております うぇーん (;ωq`)
結論として『バカバカしい対処ならばやらない』という感じで進めています。特にプラグイン。『個人で導入した某のリンク間隔が』、とか、『タグ名が短すぎて減点が』、とか。他にも『コメント欄を閉じると見出しレベルについて減点』『コメント装飾ツールを掲載すると減点(iframeなので外部からの対策不可)』などなど。こういうのはテンプレート作者では対処できないもん (∵`)
テンプレート修正は最終チェックを済ませたら完了した旨の記事を出す予定です。10月に入ってしまう可能性が高いです。何度も上書きする可能性も… ごめんなさい。完璧にやりたい、やろうとは思っているのですがなかなか実力及ばずという感じで。なんとか10月初旬までには、と考えています。今しばらくご迷惑おかけしますがご容赦のほどお願いいたします。
- 弊テンプレートでのNo image代替画像設定について2023/09/12
- 「Nostalgia」「Life-is」「Juvenile」「Axis」「alias-Jane」テンプレートの配布を終了します2023/09/04
- 多忙で当面ログインできません、のお知らせ2022/12/11
- しばらくログインできません、のお知らせ2022/11/06
- コメント一覧のツールボタン形状が崩れている方へ2022/09/16
- lazyload関連記事を非公開にします2021/09/08
- 「重要」コメント欄アイコン表示部位のCSS記載漏れと誤字がありました - お詫びと予告2021/06/21
- 【重要なお知らせ】しばらく共有テンプレート制作から離れます2020/06/10
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます