![画面サイズのレスポンシブデザインはなぜ必要? 対応が必須となったいま求められること | Webデザイン、これからどうなるの?(全10回)](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcc9d8e881714442e215424962f705700b04557c/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2018%2Fwd%2Fwd_02_02_02-zoom.png%3Fitok%3DSx7JcY3i)
今日は小ネタですが、内容は大きいです。サイトでサポートするブラウザからIE 9やIE 10をを切り捨てて、IE 11だけ気にすればよくなる日が近づいています。つまり、HTML5やCSS 3を安心して使えるようになるということです。Vistaのサポートが終了する4月11日が待ち遠しいですね! Windows Vista SP2の延長サポートは2017年4月11日に終了4月11日から、IE 9もIE 10もサイトでサポートしなくてよくなります。 というのも、マイクロソフトは、Windows Vista Service Pack 2(Vistaの最終バージョン)の延長サポートを2017年4月11日に終了するのです。 「延長サポート」とは、メインストリームサポートが終了したあとに、セキュリティ更新プログラムを提供するサポート期間です。延長サポートが終了するということは、セキュリティに問題があっても
今日は、ちょっと技術的な話を。「meta referrer」という、リンクをクリックしてページ移動するときなどにリファラをどう送るかを、ページ側で指定できるタグの実装が進んでいるのです。 グーグルはHTTPSを推奨するけれども、リファラが……グーグルは、サイトがHTTPSかどうかを順位決定の要因とするなど、HTTPSを推奨しています。 でも、自分のサイトをHTTPSにすると、自分のサイトから非HTTPS(ふつうのHTTP)のサイトへのリンクをクリックしたときに、リファラが飛ばないんですよね。 これは、RFC 2616で、「セキュア接続のページから、非セキュア接続のページに移動するときは、リファラを送出するべきではない」と定められているからです(セクション15.1.3)。 とはいえ、Web担のようなメディアでは、「Web担のページから、うちのサイトにけっこう来る人いるんですよ」という反応も大
今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト(太さ)が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/
いまや、いかに「コンテンツが王者」であるかを、だれもが語り、「ユーザーのために質の高いコンテンツを作る」ようにとアドバイスする。キーワードが(not provided)になる以前から、「キーワードは終わった」と口にする人もいた。 もちろん、こうした言葉によってそれなりのアプローチがひらめく場合も多少はあるかもしれないが、実際のところ、たいていは、それ以上の情報を何ももたらさない役立たずの決まり文句でしかない。 コンテンツの関連性測定を可能にする「質の高いコンテンツ」とは何なのだろうか。 ユーザーにとって関連性の高いコンテンツとは、どのようにすれば作れるのだろうか。 「タイトルにキーワードを入れ、コンテンツにキーワードを7回入れる」といった手法は、まだ有効だろうか。 検索エンジンが時とともにどのように発達してきたのか、そしてどんな特徴が流行しその重要性が変動してきたのかを理解するべく、Sea
いくらWebサイトの良しあしを外部からほめられたとしても、お客様にとってわかりにくければ何の意味もない。 文章がいくら正しく書かれていても、お客様に伝わらなければ意味がない。 そう話すのは、ソニーが15年前に損害保険業界に参入し設立した「ソニー損保」のコンテンツ企画部長の片岡 伸浩氏。ダイレクト販売を旗印に保険業界に参入する企業として「企業のためでなく、お客様のための保険会社」だというメッセージを伝える必要がありました。そこで、今回はそのメッセージを伝えるために、ウェブを通じてどのような取り組みを行っているか片岡さんに伺いました。 コンテンツ企画部で作った行動指針「わかりやすさのその先へ」保険という商品はもともと複雑な商品で、お客様がすべてを理解したうえで契約しようとすると、かなり広範囲な知識が必要となります。お客様にとっては、「難しい」と思われてしまう商品かもしれません。言い方を変えれば
URL正規化タグ「rel="canonical"」のサポートをグーグルとヤフーが2009年2月に発表してから4年以上が経つけれど、この「rel="canonical"」のたった1行のHTMLは、今でもSEO担当者やウェブマスターをあれこれ混乱させている。 先ごろ、グーグルは「rel=canonical属性に関する5つのよくある間違い」という記事を公開した。これはいい記事で、正しい使い方がわかるのはありがたいが、MozのQ&Aコーナーで毎日僕らが目にしている多くの疑問には答えていない。そういうわけでこの記事では、特によくある疑問のいくつかを解決してみたいと思う(それから、下の画像はただのジョークなので大目に見ていただきたい……)。 「rel="canonical"」とは?簡単に言うと、「rel="canonical"」タグは、検索の便宜を図る目的で、あるURLで公開されているページの内容と別
今日は、タブレット端末でユーザーが好むWebサイトの調査結果を紹介しながら、昨今のユーザーがWebサイトを見るのに使っているデバイスにどう対応するかを少しだけ考えてみます。 タブレット端末で使いやすいサイトとは?「タブレット端末でのサイトユーザビリティ調査」というレポートを、IMJさんが発表していました。 ・ IMJ調査レポート「タブレット端末でのサイトユーザビリティ調査」 → http://www.imjp.co.jp/press/release/20130515_000959.html (リリース) → http://www.imjp.co.jp/press/assets/201305/imj20130515.pdf (調査データPDF) ざっくりその内容をまとめると、こんな感じです。 7インチタブレットユーザーの最大34%はスマートフォンサイトを支持 (でも大半がPC向け表示を支持)
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ~数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
canonical(カノニカル)タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか? 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search(マイクロソフト)は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる(ただし、自サイト内の問題のせいで生じる重複インデックスのみ)。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関
今日は、サイトにツイート一覧を貼り付けている人向けのお知らせです。というのも、Twitterが提供しているツイート一覧をサイトに掲載する仕組みが3月には使えなくなってしまうのです。 Twitterは、標準のサイト貼り付け用ツイート一覧ボックス(「Join the conversation」と表示されるやつ、ウィジェット)の提供を近いうちに終了することを発表しました(代替手段については後述)。 「 "Join the conversation” ウィジェット」提供終了のお知らせ(Twitterブログ) Twitterの新しいAPI(プログラムによるツイートデータ取得の仕組み)への移行によるものです。この「Join the conversation」ウィジェットは古いAPIを使っているため、新APIへの切り替えにともなって使えなくなるのです。 正式な提供終了時期は確定していませんが、完全に終了
前回の記事では検索エンジン全体の仕組みをおさらいし、その中でもクローラーの動きに着目しました。最新の情報を検索結果に反映させるためには、クローラーになるべく多くの回数自社サイトを訪問してもらい、ページの内容を適切な情報としてインデックスしてもらう必要があります。 このインデックスの際に重要なのが、サイトに対するクローラーの回遊性「クローラビリティ」です。クローラビリティを向上させる要素の1つとして、URLの最適化があげられます。SEOには、キーワードやカテゴリの設計、HTMLの最適化、外的施策などさまざまな対策が考えられますが、その中でもURLの最適化は、最も重要な要素の1つです。いくら他の対策が完璧でも、URLの設定によってはいい効果が期待できません。 一口にURLの最適化といってもさまざまです。この連載では、以下の3つの方法を説明していくことにしたいと思います。 永続化 ←この記事で解
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる(可能性を秘めた)、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
SEOに重要な基本的要素で、ウェブ制作会社が大切なことを見逃して失敗しがちなことを指摘した記事。Webディレクターとしてサイトの制作に携わっていたときに発見したというもので、次の4つの失敗パターンを挙げている。 titleタグにキーワードを入れないtitleタグやmeta descriptionの重複を気にしないrobots.txtやsitemap.xmlを設置しないデザインを優先して隠しテキストを使ってしまう1つ目と2つ目は実際に多いと筆者も実感している。SEOとしては基本中の基本であるし、titleタグにキーワードを入れることと各ページにユニークなtitleタグとmeta descriptionタグを設定することは、ユーザーにページの内容を伝えるうえでも重要だ。 3つ目のrobots.txtとXMLサイトマップは大切ではあるが必須ではない。robots.txtはクロールをブロックするペ
基調講演に登場したグーグルの金谷武明氏は、参加者の多くがWeb担当者であることを確認したうえで「今日はWeb担当者の方に伝えたい重要なことだけ話します」とし、「Googleの使命は、世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすることです」という、Googleのミッションから説明を始めた。 Googleが掲げるこのミッションは、SEOに取り組むWeb担当者であれば、一度は耳にしたことがあるだろう。この言葉には、検索エンジンを使うユーザーの利便性を最優先するという思いが込められている。Googleが目指す完璧な検索エンジンとは、「ユーザーの意図を正確に把握し、ユーザーのニーズにぴったり一致するものを返すエンジン」であり、何が最適な結果かは検索するユーザーのシチュエーションによって異なる。これはとても重要な点で、検索キーワードに対する結果が固定化されているわけではないというこ
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) 知識や経験がなくても15分で独自ドメイン名のサイトを立ち上げられる「みんなのビジネスオンライン(みんビズ)」が始まりました。すでにご存じの方も多いのでなぞるに留めますが、日本企業の99.7%を占める中小・零細企業をターゲットとし、グーグルと協力企業によって開始されたサービスです。サイト制作は直感的操作が売りのCMS「Jimdo」が提供され、当初1年間の利用料は無料で、2年目以降、月額1,470円の利用料が発生し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く