修正まだまだ終わりません

テンプレート修正の進捗の報告と、説明しておいた方が良いかなぁ、と思われる Lighthouse のアルゴリズムについて。

まずテンプレートの方ですが、『ほぼ』終わりに近づいています。けれども、時間が取れない上にミスが多くてなかなか終わらない。何度も繰り返し上書きしたりしてホントみなさんすみません (;ωq`)

あと、GoogleのLighthouseを利用してご自身のページ状態を管理している方もいらっしゃるかと思います。私の方向性としてお伝えしておくと、「これはナンセンス」と思われる項目については極力対処するけれども完璧は目指さない、という感じです。現状のLighthouseについて舌打ちしたくなるのは以下のような点。

  1. 「続きを読む」は良くても「read more」はダメ
  2. リンク間の距離(余白)をうるさく指摘されるが、初期状態で折りたたまれているコンテンツは警告対象外

とりあえず大きくはこの2つ。説明しますと、まずLighthouseはお膝元が米国なので日本語の対応は遅いです。言い換えると『日本語は見逃されやすい』ということでもあります。例えば欧文ページが90点で、それを翻訳しただけのページが100点、とか。

全文表示タイプのテンプレートのほとんどと、要約表示タイプでもデザインや導線によっては「続きを読む」のテキストリンクあるいはボタン形状のリンクが掲載されます。こういうことです ↓

この「read more」「continue reading」「続きを読む」「この記事の詳細を見る」などは 目的が全く同じ です。それが欧文なら減点され、日本語なら減点されない。これはただ日本語が見逃されているというだけで、「read more」を「続きを読む」に変更したからといって根本的な解決には全くなっていないわけです。

こういう記事を書くと抜け道・抜け穴のように使う人が出てしまうかもですが、それは全くもってナンセンスでやる意味はありません。
* 今回の修正で減点対象にならないよう別の側面から対処しています。

Lighthouseの減点はつまり「指摘」であり「アドバイス」なんですが、read moreについての指摘はつまり「ページ内にいくつかのアイテム(記事へのリンク)があり、それぞれに『read more』という名称のリンクとなっていますが、個々にユニークな名称を付けたほうがわかりやすいと思いますけれども?」です。

いやまぁ、そうかもしれんけど (;`ー´)o
現実的に考えて、じゃあ以下のような感じにすれば良いわけ?

いや、しつこいし見た目がうるさい… ^^;
記事タイトルが長いときも繰り返すのかい、って話です。こうなると「じゃあもういっそ続きを読むリンクは無しでいいや…」となりがちなんですが、この「じゃあもういっそ」が高じると 画一デザイン化 になってしまう恐れが。実際Googleの言う通りを突き詰めていくとどれもこれも似たようなデザインに着地してしまうんですよね。

結局のところLighthouseで高得点を目指したいなら、デフォルトから内容をどんどん削れば良いんです。コメント数表記や記事の登録先カテゴリ名やリンク、記事概要文などなどを削って、『記事タイトルとサムネイルのみ』みたいな。まぁそれも一つの方法ではあrますが、Lighthouseで高得点を取ることが目的になってしまえば本末転倒 で、Lighthouse等のツールはあくまでも目的達成のための手段であって、それ自体が目的であってはならない。いや、あってはならないというのは言い過ぎだけど、ブログで最も大事なのはそこではない。

続いて『折りたたみコンテンツ』について、FC2ブログで注意すべきは プラグインの行間(リンク要素同士の距離) です。

私の立場から調整可能なのは 公式プラグイン のみで共有プラグインには手が回りません。ところがこの公式プラグインはテンプレート側からの調整が非常に難しいんですね (∵`)

クラス名をつけることの重要性

クラス名をつけることの重要性

記事内でhtmlをよく利用する、という方は、その要素にクラス名を書く というのを癖づけされた方が良いと思います。 つまり本記事内容は クラス名付与のススメ ( ゚Д゚)ノ...

クラス名というのはスタイリング対象を特定するのに重要なんですが、共有プラグインにはこれがついてないことが多い。すると要素名や要素の順序などで特定するしかなく、非常に苦心惨憺しております(笑)
今回調整はしましたが、もしかすると共有プラグインの方で弊害が出てしまう可能性があります。だけどもうこれ仕方がないので、どうにもおかしいという方はお申し出ください。対処できる可能性もあります(プラグインのカスタマイズを請け負うという意味ではありません。また、おかしくなる可能性があるのは見た目のみなので動作の不審・不全は別の原因があります)

上記は2つの公式プラグインをキャプチャしたもので、その文字列はいずれも『リンク』です。リンク同士の余白・間隔をGoogleは比較的厳しくチェックしており、ギリギリ減点されないラインが上記キャプチャの様子。最低でもリンク同士の間隔はこれぐらいなければいけないよ、と。

上記はゴリゴリに減点される例です。プラグイン数にもよりますがおおよそ5〜10点ほどの減点に。しかし以下のようにすると減点対象から外れます ↓

折りたたみ(アコーディオン) ですね。初期状態でたたまれていると見逃されますが、展開するとリンク同士がギチギチ、とか。これもまた非常にナンセンスだと思う点です。だってリンクをクリックするときは展開するわけでしょう。でもってリンク同士の間隔がギッチギチなわけでしょう。なぜ減点しないのさ。
(LighthouseクローラーがJSあるいはチェックボックス等を実行しないからです)

というわけでLighthouseについてわかりやすい例に絞って上げてみました。大方の場合の点数の誤差というのはこういったところを突くか突かないかでもあり、突いたからといって誰も褒めてはくれない。私からすればこんな『対策』ならばしない方が良い。時間の無駄 (∵`)
もちろんGoogleの意図をしっかりと理解して、正しい対処をしている方はそれが即ち本当の『対策』ですから素晴らしいことです。

裏技的であったり、穴を見つけるなどの方向に傾かないように対処するのがFC2ブログでは本当に難しいと実感しています。とはいえここまでHTML, CSS, JSの利用面で自由なブログサービスは他に無いですから(あるとしたらbloggerぐらい)、感謝しつつ、時には悪態をつきつつ作業しております うぇーん (;ωq`)

結論として『バカバカしい対処ならばやらない』という感じで進めています。特にプラグイン。『個人で導入した某のリンク間隔が』、とか、『タグ名が短すぎて減点が』、とか。他にも『コメント欄を閉じると見出しレベルについて減点』『コメント装飾ツールを掲載すると減点(iframeなので外部からの対策不可)』などなど。こういうのはテンプレート作者では対処できないもん (∵`)

テンプレート修正は最終チェックを済ませたら完了した旨の記事を出す予定です。10月に入ってしまう可能性が高いです。何度も上書きする可能性も… ごめんなさい。完璧にやりたい、やろうとは思っているのですがなかなか実力及ばずという感じで。なんとか10月初旬までには、と考えています。今しばらくご迷惑おかけしますがご容赦のほどお願いいたします。

-
2023/09/23 (Sat) 07:31

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

M
2023/09/23 (Sat) 11:04

「正規化URL」についてのご質問

Akira様
いつもお世話になっております。

現在は、私がお借りしている「Choir」の記事がないため、こちらの記事にコメントさせてもらいました。

実は最近になって、GoogleSearchConsoleやBingWebmasterToolsの方から下記のような指摘のメールが頻繁に送信されて来ます。

「多くのページがドメイン yularihappysmile.com に同じ正規 URL を指定しています」

「標準的なタグを使用することで、同一または非常に似た内容のページの URL の重複を排除できます。Bing ではあなたのサイトが、同一でない大量のページについて同一の標準的な URL で表示されることを検出しました。あなたの使用している HTML テンプレート、コンテンツの公開システム、またはサイトのコーディングに問題がある可能性があります。ソースをチェックして、 <link rel="canonical" href="<url>" /> 内で使用されている URL が、すべてまたは多くのページで同一のロケーションを指定していないことを確認してください。」

ちなみに、今までは上記のような指摘をされた事がなく、最近はhead内をいじった記憶もないのですが、原因をいろいろとネットで調べても、しっくり来るような解決策が見当たりませんでした。

放置しておいて良い類のものなのか?それともテンプレートに何か修正を加えた方が良いのかがサッパリわからず、Akira様にこのようなご質問をさせて頂いた次第です。

何かお分かりでしたら、ご教授頂けると幸いです。よろしくお願い申し上げます。

vanillaice (Akira)
vanillaice (Akira)
2023/09/23 (Sat) 21:00

To Mさん

こんばんは ('0')/

多くのカスタマイズをされているので現在の状態からどうこうするよりも、一旦デフォルトに戻されてはいかがでしょうか。
最新テンプレートのexpanseをDLして頂いて、
https://vanillaice000.blog.fc2.com/blog-entry-1146.html
<head>から</head>までをまるごと差し替えてください。

> 多くのページが〜同じ正規 URL を指定しています〜

の点は例えばトップページの2P目のcanonicalが通常ならば
https://省略/page-1.html
となりますが、現時点で
https://省略.blog.fc2.com
になっているのが原因です。

M
2023/09/23 (Sat) 23:54

To vanillaice (Akira)さん

Akira様

お忙しい中、早速のご返答ありがとうございます。

なるほど…最新のへと。

<head>から</head>までの差し替えですか…。

ちょっと試してみますね。ありがとうございます!!

M
2023/09/24 (Sun) 11:15

To vanillaice (Akira)さん【完了報告】(返信不要)

Akira様

お世話様です。

ご指摘頂いた通り、<head>から</head>までを最新のものに差し替えた上で、
GoogleSearchConsoleに正規化ページのインデックス登録についてエラーの修正を再検証してもらっています。

とりあえず、BingWebmasterToolsの方はエラーが解消されたみたいですので、
今回の問題は修正完了という事でご報告させて頂きました。

いつも迅速で的確なアドバイスをして頂き、本当に有難うございます。

なお、カルーセル系のテンプレートの新作もお願いします!!

vanillaice (Akira)
vanillaice (Akira)
2023/09/25 (Mon) 17:14

To 「迷惑」なんてとんでもない! 内緒さん

こんにちは ('0')/
いつも励みになるお言葉をありがとうございます。

lighthouseは便利なツールなんだけども、意識をおかしな方向に導くツールでもあります(笑)
「チェック項目が無ければ当然減点も無い」というのが真理なので、簡素な構造・デザインほど高得点は出やすいという点に気づいていない方が多いような。例をあげるとFC2なら『同じテンプレートでもタグが多い人はタグが少ない人より得点が低くなる』とか。(子要素が多くなるので要素数が多すぎる、過大なDOMなどとして減点されます)

語弊の無いように「すっきりしたHTMLを書く」というのも優れた技術なので、その辺りのバランスが重要ということです。

ところで「Mr.robot」をすすめてくれたのって内緒さんでしたっけ。やっと視聴終わりまして。すすめられてから2年ぐらいかかったんだけど ^^;
おもしろかったー :D

-
2023/09/27 (Wed) 10:18

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)