CMS用のテンプレートとテーマスキンを配布してくれているVicunaさん。皆さんも良くご存知ですよね。私も大変お世話になっていて、MovableTypeでもWordPressでも利用させていただいています。
とてもよく考えられた構造でレイアウトも思い通りですし、シンプルなデザインは私好みですし、カスタマイズもしやすいですし、それなりにSEOにも配慮されていますから、これから独自ドメインでブログをはじめる方にはお勧めです。有名どころで言うと、100SHIKIさんと一連のブログで使われていますよね。
実は１つだけ気になっているところがあって、誰にも相談できなかったんですが、
デフォルトでは、トップページのh1が下記のようにdisplay:none;になってるんですよね。つまり、私たちには見えないんです。
body.mainIndex h1 {
display:none;
}
display:none;とか、text-indent: -9999pxとかには色々と意見がありますが、可能な限り使いたくないというのが私の本音です。未だにクローラーがCSSを読んでいるという事を信じられない時代遅れの私ですが（って言うか、本当に読んでるんですか？）、それとは別に、なんとなく気になってしまうのです。
私のように気になる方は、自分で変えちゃいましょう（変えるのが良いのか悪いのかは自分で判断して）。
私が最近カスタマイズした例で言うと（MT4.2）、問題のh1を無くして、ブログタイトルをh1にしてしまいました。もちろんSEO的な理由もあります。しかしこれは案外面倒でした。Vicunaでは、トップページとアーカイブページでタイトルタグの構造が異なり、また、CSSのスタイルが幾重にも継承されているので単純にはいきません。
ブログタイトルをh1にした場合、トップページは問題無いのですが、アーカイブページでは既に記事タイトルがh1で指定されているため、階層をずらしていかなくてはなりません。しかし、単純にh1をh2に、h2をh3に・・・というようにずらしてしまうと、従来のhxのスタイルが継承されている関係でおかしくなってしまいます。
そこで、アーカイブページのhxにクラス指定をしてそれを回避しました（例えばh2.archivesのように）。賢い方法ではなく、良くできた本来の構造を壊してしまうので、本当はもっとしっかり考えたかったのですが、それほど時間も無いもので・・・。
もし同じような事を考えている方がいらっしゃれば、参考にしてください。ならないと思いますけど・・・。
コメント(7)
コメント
こんちわ。以前「3年モノ」の件でコメントしたMIXですw。て、わかるかな。
text-indent: -9999pxについてなんですが、実体験報告です。じつは私がやってるサイトの中で、ソレのせいかどうかわからなかったんだけど、確かにtext-indent: -9999px をやってて、軽度のペナルティを受けていると思われるサイトがあったんです。ペナルティを受けたなと思われる理由は以下の点です。
1) 昨年のどこかで（いつだったか覚えてない）PRが3→0になった
2) ドメイン名でgoogleで検索するとトップページでなく、下位ページが出た
インデックスは普通にされている。順位は少し落ちたような気がするが、元々高かったわけでないのでガツンと落ちたという印象はない。という物件です。
そのサイトはこじんまりとした趣味的な内容で、アクセスを増やすことにまったく興味がなかったので、まぁいいやと同じcssのままで更新を続けていたのです。
んで、このたびこの記事を読んで、そのことを思いだしたので、実験がてらcssを直してみました。
そしたら4日後にこうなりました。
1) PRが1になった
2) ドメイン名で検索するとトップページが出るようになった
てわけで、やはりtext-indent: -9999pxのせいだった可能性が高かったのかなと思いました。クローラーがcssを読んでいるかどうかは私にもわかりませんが、やっぱ読んでるのかな。読まないとそんなの判定できないでしょう？text-indentでブッ飛ばす方法、display:noneはやっぱりやめといた方がいいなと思いました。
今回実験したサイトというのは『3年モノ』とは別件です。サーバも別だし、リンクもしてないので関連はないはず。
てわけでした。
『3年モノ』の方は相変わらず変わりませんw。いまそっちをかまっている余裕がないのですが、またやりだしたらなにかご相談するかもです。以前コメントしたときのエントリで以下のようなアドバイスを頂きましたが↓
> もう１つ別ドメインで近いテーマのサイトを作れば、相乗効果も生まれて良い方向に進むかも・・・
じつはコレもずいぶん前からやってるんです。やり方がわるいのかな。スパムまがいのドアウェイページ的なものでなく、ちゃんとコンテンツもある（つもり）なんですけどいまのところ効果が出ません。
またよろしくです。
MIXさんこんにちは。ご無沙汰です。
text-indent: -9999pxやdisplay:noneとペナルティとの因果関係については、使い方にも拠ると思いますし、
正直よく分かりませんが、他の方法で代替可能であれば、使わない方が良いんでしょうね。
>1) PRが1になった
>2) ドメイン名で検索するとトップページが出るようになった
とりあえず状況が好転したみたいで何よりです。ペナルティだったかどうかは置いておいて、とにかく手数を打つことが大事なんだと思っています。仮説→実施→検証の繰り返しですね。
私もデザイン上やむなくtext-indent: -9999pxを使っているサイトがあるんですが、
何とかした方がいいなぁとは思いつつ、そのままになっています・・・。
『3年モノ』（笑）のサイトも、何か動きがあれば教えてください。
はじめまして。
メインページのH1は、それなりに考えられて作られてると思いますよ。マークアップとして考えて、そうしてるんだと思います。
気持ち悪いという感覚は、解らなくもないですけど。
こんにちは。コメントありがとうございます。
oscarさんのおっしゃるように、
よく考えられて作られたテンプレートだと思います。
h1が気になるのはSEO病だからだと思います・・・。
あっ、でもせっかくコメントを頂いたので一応補足しておきますが、h1を変更したテンプレートを使っているサイトはかなり調子が良いです（h1が直接関係しているかどうかは分かりませんが）。
私はWeb屋でもSEO屋でもないので、参考程度にどうぞ。
私もwordpressでvicuna使っているのですが、Yahooからの検索流入がすごく少ないので悩んでいました。
最近このh1のdisplay:noneが原因ではないかと思い保有サイトで検証を開始したところです。yahooブログ検索とあわせて、pingが問題なのではないかといわれたりしますが、インデックスはされているので何らかのスパム扱いで減点されているというのが今の仮説です。
seomottoさんのサイトではどうでしょうか。ご意見お聞かせ下さい！
ポールさんこんばんは。
コメントありがとうございます！
おそらく、h1のdisplay:noneは直接的な原因ではないでしょう。
これによって減点されるということは考えづらいです。
ただ、もしポールさんが気になるようでしたら、
私と同じようにカスタマイズしてみてはいかがでしょうか。
display:noneが原因かどうかで悩むなら、いっそ早く変えてしまったほうが不安要素が減ります。
私は時間が無かったためとりあえずブログタイトルをh1にしましたが、
可能であればタイトル部分を画像にしてしまって、ページごとにh1を変える（このサイトのように）方法が最も効果的だと思います。ご検討を！
ちなみに、この記事で取り上げたブログは好調を維持しています。
お返事ありがとうございます！
そうですね。h1のdisplay:noneも含めて考えられる原因をいろいろ潰していきたいと思います。
Wordpressの同じテーマでyahooから順調にアクセス来ているという例が知れて良かったです。ありがとうございました。