『h1〜h3をCSSで隠してもSEO的にOKな方法』

デザイン事務所「SKY PLANT DESIGN(スカイプラントデザイン)」代表のats(アツ)が紹介するデザインネタや時事ネタや日記です。今からグラフィックデザイナー、WEBデザイナー、映像クリエイター、VJになりたい人、のぞいてみてください。 HPデザインを起こす時、<title>、description、keywordsを入れるのは当たり前の事、さらにh1～h3を入れないとSEO的に弱い。 しかしh1～h3のフォントサイズはブラウザ依存で、上手くレイアウトしてもダサく見えてしまう。 ならばh1～h3はCSSで見えないようにして、SEO的にも強い、デザインも自由に組めるような方法はないだろうか。 タイトル通りGoogle、Yahoo!に嫌われずh1～h3をCSSで隠してもSEO的にOKな方法を調べてみた。 ※下記をCSSに指定 【インデントをマイナス方向へ設定】 h1 { text-i