検索結果をより目立たせるマークアップとは？
HTML4とHTML5の違い では、具体的なタグに触れながら、HTML4とHTML5の違いを説明していきましょう。HTML4とHTML5を比較して、大きく変わった1つとして、文書構造を伝える要素が新しく追加されました。それが以下のものです。 section article header footer nav hgroup aside figure （※）追加要素について詳しくは、「今さら聞けないHTML5総おさらい／第1回 HTML5の新機能、HTML4との違い（P2）」をご覧ください。 これらを使用することで、文書がどのように構成されているか、検索エンジンにアウトラインを示せるようになりました。HTML4ではdiv要素でしか表現できなかったものを、header要素、footer要素、section要素で表現できるようになったのです。 また、新しいルールとしてsectionごとにh1が設定
CSSだけでできる？の判断スキル向上など、失敗から得た5つの気づき
前回の記事では、ぼくらの自社サイトリニューアルがいったん失敗に終わり、ゼロから作り直す羽目になった顛末をお話しました。失敗はつらくて、恥ずかしい。今も、こうして記事を書いている中で、「できれば失敗せずに済ませたかったな」という複雑な思いが胸にこみ上げてきます。 せめてその失敗を反省し、「繰り返すべきでないこと」と「今後も継続すべきこと」をきちんと言語化しておくことで、失敗の経験を「成長」につなげたい。そういう思いから、こうして失敗談を記事にさせていただくことにしました。 今回の後編では、その失敗から得られた5つの気づきをお話ししたいと思います。もし、これらの気づきがみなさんを楽しませたり、お役に立てたりすれば幸いです。とは言えたった一度の経験から得られたものですので、まだまだ洞察が深まっていないところもあるかと思います。至らぬ点や誤りなどがあったら、@Shumpeiまでお気軽にご指摘くださ
レスポンシブWebデザインで作られた10の美しすぎるサイト ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
CSS3の機能を試す！
セレクタで効率の良いCSS設定 今度は表現手法とは少し違うのですが、CSS3から可能になる効率的な設定方法を紹介しましょう。CSSを記述していると、いつのまにかものすごい量のコードを書いていることがよくあります。多い時は何千行にもなってしまうことも・・・。 それでいつも困るのが、後からの変更・修正です。長くなってしまったCSSコードのどれとどれが関連しているかわらなくなってしまい、それを検証しながらの修正は苦労します。筆者のコーディングが汚いということもあるかもしれませんが、「コードを短く、シンプルに書く」ということがCSS自体の機能にないというところも原因かもしれません（きっとそうだ！）。 これを改善してくれるのが、CSS3から用意されている新しいセレクタです。これによって複雑な指定もできるようになり、効率的なCSSコードが書けるようになります。これでCSS自体のコード量も減らすことがで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
home#scid=21557332
