スキップしてメイン コンテンツに移動

404ページを作成し、SEOとして利用しよう



404ページとは

404ページとは、Webサイトにアクセスしたときに、アクセスしたページが存在しない場合や、リンク先URLが変更となった場合、あるいはURLの打ち間違いなどの際に表示されるエラーページです。

Webサーバが、「404」というステータスコードを返すため、404ページと呼ばれています。

特に404ページを設定していない場合は、ISP(インターネットサービスプロバイダ:回線事業者)が用意している404ページを表示します。



なぜ自分で404ページを作成するのか?

自分で404ページを作成するのには大きなメリットがあります。

404ページは、通常のWebページと同様に、自由な内容、自由なレイアウトで作成できます。

そのため、訪問ユーザにとって有益な情報を記載するのがよいと言えます。

たとえば、
・ユーザが探していたページを案内する
・他の役立つページをおすすめする
などが挙げられます。



効果的な404ページの作成方法


ユーザにより長くサイトに滞在させ、有益な情報を提供する404ページの作り方の例です。

●まずユーザに、探しているページが存在しないことを、分かりやすく、親しみやすく伝える
これは最低限必要です。
例えば、「お探しのページは見つかりませんでした」、「ごめんなさい、ページが存在しません」など、サイトの雰囲気に合わせて文言を変えるとよいでしょう。
単に「404エラー」とだけ表示してしまうと、ユーザにとっては「何のことだろう?」「どうすればいいんだろう?」と思ってしまう人も少なくはありません。

●404ページをそのサイトの他のデザインと統一させる
ヘッダー、フッターを他のコンテンツページと同じものを利用すると、404ページも同じサイトなんだと理解しやすくなります。
突然白紙のページが現れるとびっくりさせちゃうかもしれません。

●404ページから先を行き止まりにしない
つまり、404ページにはボタンやリンクを配置し、「トップページへ戻る」、「人気の記事はこちら」、「最新情報はここからチェックできます」など、その先にも道を作ってあげることが重要です。

●リンク切れしたページをユーザに報告させる
ページがリンク切れしていたのに、サイト管理者も気づかなかった、ということもあるあるです。
そのような場合、リンク切れしていたページ、あるいはリンク元ページをそのまま放置しているのはよくないことです。
せっかく訪問し404ページになっていることを気づいてくれたユーザから、リンク切れの報告をしてもらうことも管理者のメリットの一つです。

●404ページは検索エンジンにインデックスさせない
404ページ自体は、サイトのメインコンテンツではないので、Googleなどの検索エンジンにインデックスさせないことが必要です。




Written by Creative Flake

コメント

このブログの人気の投稿

ゲシュタルトの法則をWebデザインにも利用しよう

こんにちは、クリエイティブフレークです。

一度は聞いたことがあるかもしれない「ゲシュタルト」。

ゲシュタルト
人間の精神を、部分や要素の集合ではなく、全体性や構造に重点を置いて捉える。この全体性を持ったまとまりのある構造をドイツ語でゲシュタルト(Gestalt :形態)と呼ぶ。



人間の脳がものの形、要素をどのように認識するか、ということですね。

人間がゲシュタルトを感じるときに起こる、さまざまな種類を「プレグナンツの法則」と呼ぶそうですが、その具体例を簡単に紹介。





ゲシュタルトの法則1 : 近接の法則



近接の法則は、近くにあるもの同士が同じグループだと認識されやすい。





ゲシュタルトの法則2 : 類同の法則



類同の法則は、同じ色や、同じ形同士が同じグループだと認識されやすい。





ゲシュタルトの法則3 : 共通運命の法則



共通運命の法則は、同じ方向に動くもの、同じ周期で点滅するなどが同じグループだと認識されやすい。
共通運命の法則は、近接の法則や類同の法則よりも強く働く。





ゲシュタルトの法則4 : 良い連続の法則



良い連続の法則は、図形はつながった形になりやすいと認識されやすい。
近接、類同、共通運命の法則から、切れ目がなくや突然変化しない図形がよいものだと分かる。





ゲシュタルトの法則5 : 閉合の法則



【】や()のように、閉じた形は同じグループだと認識されやすい。
】【 は同じグループと認識しづらい。





ゲシュタルトの法則6 : 面積の法則



小さいものが図として、大きいものが背景として認識されやすい。





ゲシュタルトの法則7 : 対称の法則



対称な図形は閉じた図として認識されやすい。





このゲシュタルトの法則は心理学をはじめとした様々な分野に応用されていますが、人間の特性を活かすという点で、デザインの分野にも活用されています。

たとえばリモコンのボタン配列。



数多くのボタンを、誰が見ても直感的に分かりやすく、誤操作させないように配置しています。





こちらは私のMacのドック。



急いでいるとよく間違ったアイコンをクリックしてしまうので、試行錯誤の末、この配列が一番使いやすい結論に。





Webデザインにおいては、もしすべてのパーツが単調に置かれていたら……



どこを見ていいのかも分かりづらく、どれがクリックできるのかも分かりづらい。



色や形を変えたり、適度な距…

白の可能性は無限大!無料の白い背景10個まとめ

使用度の高い白とグレーを使った、無料でダウンロードできる背景パターンを集めました。
定番・王道パターンから、最新トレンドのパターンまで素敵なパターンをまとめています。



大きめ白菱型パターン 立体感のあるグラデーションの白菱型パターンはふんわりとした印象にも、ラグジュアリーな印象で、美容系やウェディング系にも使える素材。

大きめ白菱型パターン素材のダウンロード



小さめ白菱型パターン こちらも自然な感じに立体感のある白菱型パターン。背景はもちろん、ボタンの一部にしても使えそうなおしゃれな素材。

小さめ白菱型パターン素材のダウンロード



四角なパターン 幾何学的な空間のような四角モチーフのパターン。奥行き感があって、Web素材にも印刷用素材にも使えそう。

四角なパターン素材のダウンロード



ネットワークなパターン 点と点を線でつないだ、ネットワークのような格子状パターン。スタイリッシュな印象にぜひ。

ネットワークなパターン素材のダウンロード



六角形のシームレスパターン 六角形をモチーフにしたつなぎ目のない、シームレスパターンです。色を変えたり、透過度を変えてみてアートな印象にも。

六角形のシームレスパターン素材のダウンロード



四角格子のパターン ドットでつないだ四角形の格子のパターンは、かわいい感じに。

四角格子のパターン素材のダウンロード



白のポリゴンパターン 自分で描くと結構大変なポリゴンパターン。数年前から人気継続中です。

白のポリゴンパターン素材のダウンロード



白のポリゴンパターン 上のポリゴンパターンとはちょっと違う、折り紙を折ったようなパターン。人とは違うポリゴンを探していたという方はぜひこちらを。
白のポリゴンパターン素材のダウンロード



セールっぽい放射状のパターン 白い放射状はクリーンでおしゃれ。中心を引き立てたいときにも、背景にももちろん。
セールっぽい放射状のパターン



三角形のパターン どんなイメージにも使えそうな三角形のパターン。ちょっとした色のアクセントでさらに目を引く印象に。
三角形のパターン素材のダウンロード







Written by Creative Flake

Google「ハングアウト」の絵文字が可愛すぎる。

こんにちは、クリエイティブフレークです。

チャットやインスタントメッセージ機能と言えば、LINEやFacebook、Skypeなど今やたくさんありますが、みなさんはどれを使ってますか?

私はこういうのを使い始めたのが、かれこれ10年近く前になりますねー。
MSNメッセンジャーと、Yahooメッセンジャーを使っていました。



今回はGoogle「ハングアウト」の絵文字がゆるかわな件をご紹介。

ハングアウトの前身が「Googleトーク」というものなのですが、まさに最近「ハングアウト」へ移行したばかり。

▼他のチャットシステムと同じような使い勝手


▼絵文字(顔文字)


ゆるい!



▼絵文字(乗り物)


かわいい!



▼絵文字(いろいろ)




今年流行のカラーとフラットデザインを用いたアイコンは、なんと日本初!

絵文字は一覧から選べるだけでなく、キーボードからの入力も可能!

▼Google IMEで「くだもの」と入力すると


いろいろ出てきます。
ここでのプレビューとハングアウトで送信される絵文字はちょっと違いますが、断然ハングアウトの絵文字がかわいい!

ぜひぜひ試してみてください。Googleハングアウト



Written by Creative Flake