隠しテキストは Google のウェブマスター向けガイドライン違反です
約 1 年前に、「 Google の検索は隠しテキストが嫌い 」という記事を Google 公式ブログ 日本版 に掲載しましたが、その記事でもお伝えしましたように、隠しテキストは、Google の ウェブマスター向けガイドライン に違反します。

　先日、Google の Webmaster Central Blog にアップされた、 CSS による隠しテキストがウェブマスター向けガイドラインに違反することを書いた記事。リンク先記事でも紹介されている隠しテキストの CSS ハックは、ガイドライン違反と言われながらも結構当たり前に使われていて、この hack を丁寧に解説したページまで存在するくらいメジャーな方法でした。ガイドライン違反と言われながら広く使われたのは、Google などの検索エンジンは CSS の内容を理解しない、というのが一般的な考え方だったからです。しかし、Google は一年前にも同じ内容の記事をアップしており、なぜまた今ごろになってこのような記事をアップしたのか、その意図が少し気になっていました。

　CSS を用いて Microsoft Excel などのスプレッドシートの端にあるタブ様のコントロールを表示する方法です。HTML としては単純な ul 要素を用いてリストとして記述でき、このサイトでもカテゴリの一覧(ページ右上のヤツ)に利用しています。

　Web ページなどに「このページを印刷する」ボタンを置いて、ユーザが印刷ボタンをクリックすると印刷ダイアログを出すための覚書。

　ユーザがGoogleやYahoo!などの検索エンジンを経由してサイトを訪問をした際に、そのユーザが検索に使ったページ中の検索語彙をハイライト表示する方法を紹介します。ユーザはハイライト表示された部分を流し読みすることで、必要とする情報を素早く発見できるようになります。JavaScript のファイルを一つ読み込むだけなのでとてもお手軽です。

　今更目新しいこともありませんが、TABLEで作られたカレンダーをCSSで装飾してみるテスト。

　CSSだけで画像のポップアップを参考にしてCSSを色々といじってみた覚書。リンク先は Negative Margin を使う方法ですが、display プロパティで可視・不可視を切り替えるようにしてみました。

　グロー効果に引き続き、HTML 要素に影を落としたような視覚効果であるドロップシャドー効果(drop shadow effect)を付与するための JavaScript を作ってみました。

　HTML 要素に周囲がぼやっと発光しているような視覚効果であるグロー効果(glow effect)を付与するための JavaScript を作ってみました。

　はてなアイデアで見かけたコメント欄の表示方法が面白かったので真似っこしてみました。マンガのように個々にフキダシを使って表示するという方法です。