Amazon 初売り

« なんか昨日だけで1万アクセスを超えてるんだが!? その理由が… | トップページ | 目指せ、毎日投稿!なら、当日の遅い時間に書くようだと苦しい »

2020.01.16

【ココログ】カテゴリの並び順を変更しようとしたら出てきた問題点

| |コメント (0)

 このエントリーをはてなブックマークに追加

このブログの記事件数も「2600件」を超え、
カテゴリを整理したいと思ってる、かげさんです(^^)/

カテゴリを整理するなら、カテゴリの並び順も変えたい!

調べたらココログサポートのノウハウに
カテゴリーをサイドバーに好きな順番で並べる方法
というのを見つけたので、やってみました。

結論:このノウハウに従うと問題がある。

なぜ、この結論に至ったかを説明しますね。

このノウハウのポイント

ポイントは、下記の通り

  • ココログのカテゴリ表示順は、文字列順である
  • カテゴリ名の前にHTMLコメントとして
    並び順を示す数字を付ける
    • HTMLとしてコメントアウトしてるから、
      ブログ表示上、その数字は表示されない
    • 文字列順に並べ替えされる時、
      コメントアウトの部分も文字列として認識される


なるほど、理屈は分かった!

でも、気になるコメントがついてる

この「ノウハウ」、コメントが5件あり、内訳は以下の通り。

  • 2件:うまくいった
  • 2件:気になる内容
  • 1件:このノウハウとは別の問題(カテゴリ順ではなく、記事順の話)


気になった2件のコメント部分を
引用→かげさんが思ったこと」の順に書きます。

この裏技を使ってカテゴリを並べ替えました。
すると、そこからリンクした記事の上部に「カテゴリ名」が
表示されてしまいます。

リンクした記事の上部に「カテゴリ名」が表示されるって
パンくずリストにカテゴリが出るのは問題ないのでは?

さっそく試してみましたが、
ブログのトップページのカテゴリーに設定した番号が
ついてきてしまいます。なにが問題??

単純に番号だけ入力して、
コメントアウトし忘れたんじゃないの?

ということで、気になる2件、結局、何が問題なんだ?

分からないので実際にやってみた。

期待通り動いた部分

ノウハウに従い、コメントアウトで順番を付けた。

Category_0000_data

問題があって元に戻すことも考え、
今回は、全カテゴリを一気にやってみるのではなく
ノウハウにしたがって変更するのは3つのカテゴリだけにした。

3つの判断基準は、今後、記事を更新すること無いカテゴリ。
(最終的に最後に持っていきたい3件)

サイドバーのカテゴリは、
期待通り「変更した3件が先頭から順番に」並んだ。
モバイル版だとこう表示される。

Screenshot_20200112205855

先頭からの理由は、コメントアウトの最初の文字が「<」で記号のためだ。

文字コード順に文字を並べると半角、全角の順になる。
どの文字コードでも半角が先になる。
コンピュータ自体が英語圏で作られたからだ。

そして半角の文字コード順は、以下のようになる。

  • 記号(16進数で2F以下)
  • 数字(16進数で30~39)
  • 英字(16進数で41以降)


記号が英数字より文字コードが小さいので先にくるという理屈だ。

ここまではOKだ。

気になる部分の確認

リンクした記事の上部に「カテゴリ名」が表示される

パンくずリストにカテゴリが出るように
かげさんは、HTML をカスタマイズしてるから、それは問題ない。

ブログのトップページのカテゴリーに設定した番号がついてくる

というのも、別に見た感じ問題ない。

ブログのトップページってことは、ブログ URL の後ろに
index.html って書いたのと同じでしょ?

それともカテゴリバックナンバー?

うーん、ブログトップページ、カテゴリバックナンバーともに 
body 部を確認してみたが、特に問題を感じないんだけど…

問題は、head 部のページタイトル

実際にやってみても、
気になったコメントに該当する問題は出てこない。

やっぱり、コメント読んだ時に思ったことが正解か?

でも、念の為、出力された HTML のソースを開き、
コメントアウトした番号を検索してみよう。

で、検索1発目で「あー、これのことかよ!」って分かった。

head 部の title タグで指定する文字列に「HTML コメントアウトが出力されている」。

図の方が分かりやすい。

Category_0001_title_problem

<1タブ目>
ポップアップ表示されている部分の太字が「タブのタイトル」。

<2タブ目>
1タブ目をソース表示したもの。
オレンジのマーカーが入っているところがコメントアウトでつけた番号。

うん、これは問題だわ。

HTML の title タグの内容に影響するのは、大問題!

title タグに「<!-- 番号 -->」が入るとどうなるか?

  1. 図のように「タブのタイトル」に「<!-- 番号 -->」が含まれる
  2. 検索エンジンの検索結果で表示される
    「記事タイトルの中」に「<!-- 番号 -->」が含まれる


1.については、解決方法が2つ思い浮かぶ。

1つは、JavaScriptでtitleの内容を書き換える。
しかし、2.は検索結果表示時に、
セキュリティ上、検索結果の記事中のJavaScriptが動くとは思えない。

もう1つは、カテゴリ名を出力する時に
コメントアウト部分を抜く。

MTタグのグローバルモディファイアで 
HTML を抜くという設定があるので、それを使えば2.も解決する。

この方法は、ココログだとプロプランで
上級テンプレートを使っている人しか使えない。

かげさんは、上級テンプレートを使って 
HTML をカスタマイズしてるので、この条件は OK だ。

しかし、プロプランの人でも、この案は問題がある。

プロプランで上級テンプレートのHTMLを変更できるのは、PC版だけ。
モバイル版のテンプレートは公開されていないからこうなる。

Screenshot_20200112205805

そもそもモバイル版のテンプレートが公開されていれば、
以前の記事のようにモバイル版の
「CSSカスタマイズ」や「SyntaxHighlighterの導入」で
ブログサブタイトルに HTML を使うとか
しなくて良いのに…(´;ω;`)

問題は、2.だ。

検索結果で表示される「記事タイトル」の文字数には制限があり、
ある一定文字数を超えたら、その後ろは「...」で省略される。

例えば「<!-- 9999 -->」だと文字数で13文字使われる。

これだと検索結果に表示されたとしても、
記事タイトルに含まれるキーワード部分が省略されてしまうので
検索した人は「この記事は、判断できんな」と考えた場合、
検索結果からの流入が減ってしまう!

流入が減れば、アフィリエイトリンクを
クリックしてもらう確率も当然減ってしまう。

このままではイケない!

このブログの title タグ

かげさんのブログの場合、カテゴリバックナンバーの title タグは
「かげさんの111から始まるHistory:カテゴリ名」と出力される。

かげさんは、ココログのプロプランで
「HTMLのテンプレートを編集できる」から、こうなるのは知っている。

ノウハウのコメント見た時に、タイトルって言葉が出てこないかったから
title バーの話だと思わず、HTML のbody部の話と思い込んで読んでいたから
知っていたけど、気づかなかったんだ(笑)

今のココログで HTML カスタマイズしていない場合の
カテゴリバックナンバータイトルは「カテゴリ名」。

かげさんのブログに「ブログ名:」がついているのは、なぜか?

こうなっている理由は2つ思いつくんだが、
正直、どちらなのかは覚えてない(笑)

  1. かげさんがHTMLをカスタマイズして
    「ブログ名:カテゴリ名」となるようにカスタマイズした
  2. 昔のココログが「ブログ名:カテゴリ名」で、
    現在の「ココログ」は「カテゴリ名」に変わっている


かげさんがHTMLのカスタマイズをよくやっていたのは、
2005年と2006年の前半

かげさんがカスタマイズしたのだとしたら、
カスタマイズした理由は、
おそらく当時のブラウザが「タブブラウザでなかった」からだ。

当時のブラウザは、1ウィンドウ=1ページ。
今のように 1 ウィンドウで複数ページを見る
「タブ」のインタフェースがなかった!

つまり、タイトルがウィンドウサイズ分、まるごと使えた
だから、タイトルが長くても気にしてなかったはずだ。

当時のココログの推奨ブラウザはInternet Explorer。
当時の Internet Explorer の主流はバージョン 6。

タブのインタフェースが導入されたのは、バージョン 7 からで
Internet Explorer 7 が出たのは、日本では2006年11月2日。

HTMLのカスタマイズをよくやっていた時期とズレてるので
当時は、気づかなかったというパターンがありえる。

お試しで確認しようとして、すぐに気づいた問題と解決案

「カテゴリ名にHTMLコメントアウトを使う」ということは、
大前提として「カテゴリ名を編集」できないとイケない。

ココログのカテゴリには大きく2種類ある。

  • ココログが標準で用意しているカテゴリ
  • ユーザーがカスタマイズできるカテゴリ


ココログが標準で用意しているカテゴリは、
カテゴリ名を変更できない。

かげさんのブログは、
標準カテゴリの記事が記事数の半分くらいある。

つまり、並べ替えを実際に行っても
標準カテゴリ部分は、並べ替えができないのである…(´;ω;`)

これは解決方法がある。

標準カテゴリを使っている記事を
カスタムカテゴリに変更すれば良いのだ。

時間はかかるけどね…(´;ω;`)

まとめ

  • ココログサポートのノウハウにある
    「カテゴリーをサイドバーに好きな順番で並べる方法」には
    問題がある。
    • カテゴリバックナンバーの title タグの出力に影響する
      • 「タブのタイトル」に「<!-- 番号 -->」が含まれる
      • 検索エンジンの検索結果で表示される
        「記事タイトルの中」に「<!-- 番号 -->」が含まれる
    • ココログが標準で用意しているカテゴリは、
      カテゴリ名を変更できない


カテゴリ名を並べ替えした時、title タグに影響するのは大問題。

現状だとココログサポートのノウハウは、導入できませんね。


 このエントリーをはてなブックマークに追加

| |コメント (0)

このエントリーへのリンク

このエントリーのリンクを入れるHTML:

コメント

このブログの新着コメントをRSSリーダに登録する為のxml




←名前とメールアドレスは必須です。
URLも記入すれば、URLのみが公開されます。
メールアドレスのみですと、メールアドレスが公開されてしまいますので、御注意ください。

↓コメント本文では、「a href」「b」「i」「br/」「p」「strong」「em」「ul」「ol」「li」「blockquote」「pre」のタグが使えます。絵文字をクリックすると、本文にタグを挿入できます。