多くの方が、「ホームページ」と「Webサイト」は同じ意味合いで使っていると思います。Webの初心者の方は、「ホームページ」、そうでない方は、「Webサイト」や「サイト」などと呼んでいるイメージでしょうか。「ホームページ」と「Webサイト」、また「Webページ」は、意味合いが違うのです。Chromeなどのブラウザを立ち上げたとき、最初に表示されるページのことをホームページと呼んでいました。ほとんどの方が、ブラウザを立ち上げると、GoogleやYahoo!などのポータルサイトのトップページが最初に表示されると思います。本来は、これをホームページと呼ぶのです。ブラウザの最初に表示させるページを設定する管理画面を見ると、「ホームページ」と表記されているのが確認できます。このように、Googleやyahoo!などのWebサイトのトップページをホームページとして設定する人が多かったため、Webサイトのトップページのことを「ホームページ」と呼ぶようになったのです。Webサイトで、別のページからトップページに戻るリンクに「ホームへ戻る」などと貼られていることがあるのを見たことがある方もいるのではないでしょうか。ホームページとは、Webサイトのトップページのことを指します。ウェブ)上の、特定のドメインで運営されているWebページ全体のことを指します。www.google.co.jpやwww.yahoo.co.jp、www.example.comなどのWebページの総称です。Webをつけずに、「サイト」などとも呼ばれます。Webページとはこちらは、割りとわかりやすいですかね。Webサイトが全体を指すのに対し、Webページは、個々のページのことです。Webページの集合体がWebサイトというわけです。Webサイトとなってしまったのです。キーワード選びは気をつけてWebに精通していない方ほど、Webサイトをホームページと呼ぶ傾向にありますので、SEOやリスティング広告のキーワード選び、Webサイト内でどちらを使用するかなど気をつけた方がいいです。検索数も集まる属性も大きく変わります。「Webサイト」となってしまっている。「ホームページ」と「Webサイト」の違いを知ってるからどうというわけではありませんが、Webマーケティングを行うにあたって、知っておいた方がいい知識かなと思います。touchのウェブブラウザ「Safari」には、Webクリップと言って、閲覧中のサイトのショートカットのためのアイコンをホーム画面に追加することができます。iPhoneなどのSafariで表示されるアイコンとはこれ。ホームにアイコンを追加する方法iPhoneでは簡単にホームにアイコンを追加できます。僕も頻繁に閲覧するサイトでよくやります。下のメニューの真ん中の「四角から矢印が飛び出ているマーク」をタップします。すると、メール送信、TwitterやFacebookで投稿などができる画面になります。ここの「ホーム画面に追加」を選択します。任意でタイトルをつけることができます。(デフォルトでは、そのページのタイトルタグが表示されます。)タイトルを決めたら「追加」をタップ。簡単にアイコンが追加されました。アイコンの作成方法しかし、このアイコンは何も設定していないと、閲覧中のサイトのスクリーンショットが表示されてしまいます。そこで、本題のアイコン作成方法です。アイコンのサイズアイコンのサイズは、正方形なら勝手にリサイズされます。サイズの大きいiPadのことも考慮して、150✕150ピクセルくらいで作成しておけばいいかなと思います。保存形式は、png、gif、jpg、bmpのいずれも使用可能です。ちなみにこのWebクリップのアイコン画像は、角丸&つや出し加工が施されています。僕は、今までこれが面倒そうで手を出さなかったのですが、なんとこれ勝手に処理してくれるんです。Webサイト側の設定<head>内に、以下の記述を追加するだけです。href="http://www.example.com/アイコン.png"/>※URL(http://www.example.com/image/アイコン.png)は適切なものに変更してください。ちなみに、つや出し加工を施したくない場合は、こちらでOK。つや出しはありなし選べますが、角丸はとれません。href="http://www.example.com/アイコン.png"/>※URL(http://www.example.com/image/アイコン.png)は適切なものに変更してください。自分のブログでしか試していないので、他にも方法はあるかもしれませんが、ここでは僕の方法を載せておきます。アイコンは、「メディア」→「新規追加」でアップロードします。「ファイルのURL」これが画像を表示させるために必要なURLになります。WordPress(ワードプレス)の管理画面から「外観」→「テーマ編集」→「ヘッダー(header.php)」ここの<head>内に、以下の記述を追加しました。/>※URL(http://www.example.com/image/アイコン.png)を先ほどの「ファイルのURL」に変更してください。SafariでWebクリップされる可能性って結構あると思います。簡単に設定できるので、お客さまに「おっ」と思ってもらえるだけでもやる価値はあると思います。Chromeなどのブラウザのアドレスバーに出るアイコンのことです。みなさんも見たことあると思います。ちなみにこのファビコンは、ブックマークのアイコンにも使われます。ファビコンのメリットファビコンを設定するメリットは単純に目立つから。最近は、タブブラウザが増えてきました。いくつもタブを開いて、あっちのサイトに行ったり、こっちのサイトに戻ってきたりと、複数のタブを行ったり来たりしながらネットサーフィン(最近言わない?)する方が増えていると思います。タブを開くので、戻りたいのに戻って来れない方もたくさんいます。そんなときの目印になるんですね。ブックマークも一緒です。ファビコンを設定しておくことで、見つけてもらいやすくなります。ファビコンの画像はシンプルなものをまず、設定する画像ですが、ファビコンは16ピクセル✕16ピクセルと、とても小さいので、あまり細かい画像は向いていません。僕も最初は、似顔絵イラストを設定する予定だったのですが、細かすぎてなんだかよくわからないものになってしまいました。ファビコンには単純な画像を用意してください。GoogleやYahoo!、Bingを見ると、とてもシンプルです。作成サイズは、32ピクセル✕32ピクセルでファビコンの表示サイズは、16✕16ですが、IEでショートカットを作成されたときもこのファビコンが適用されるので、(まあショートカットが作成される可能性はあまりないかもですが...)32ピクセル✕32ピクセルで作っておきましょう。保存形式はicoでファビコンは、gifやpngでも表示されるのですが、IE(インターネット・エクスプローラー)ではサポートされていないようで表示されません。IEのシェア率は、まだまだ相当ありますので、ここは、王道のicoでいきましょう。png等で画像を用意したら、icoに変換してくれるサイトに行きましょう。作成」とかで検索すると、無料で変換してくれるサイトがたくさん出てきますが、僕はこのサイトを使わせてもらいました。「ファイルを選択」で画像を選択したら、「favicon.ico作成」、「ダウンロード」これだけです。favicon.icoをサーバーにアップロードダウンロードしたら、サーバーのルートディレクトリ(一番上の階層)にアップロードします。ブラウザで確認ここまで完了したら、一度ブラウザで確認してください。IEでのチェックも忘れずに。ルートディレクトリにファビコンを設置できない場合ルートディレクトリに設置できない場合や、ディレクトリごとに違うファビコンを表示させたい場合は、<head>内に以下の記述をすればOKです。ルートディレクトリに設置したのにも関わらず表示されない場合も、こちらの方法を試してみてください。/>※URL(http://www.example.com/image/favicon.ico)は適切なものに変更してください。WordPress(ワードプレス)でアイコンを出す方法favicon.icoを使用中テーマのメインディレクトリに設置します。「wp-content」→「themes」→「twentyten」内にアップロードしました。header.phpの<head>内に以下の記述を追加します。/>これでアイコンが表示されると思います。そこまで劇的な効果があるとは思いませんが、簡単に設定できるので、お遊び感覚でやってみてもいいかもしれません。最近、よく見かける著者情報ですが、Web関係以外のジャンルのサイトでは、まだまだ浸透していないようです。著者情報は、検索結果での占有率が上がり、とにかく目立ちますので是非お試しください。※ただ、現状は、個人のアカウントしか表示させることができないため、ECサイトなどはもしかしたら逆効果に働く可能性もあるかもしれません。設定方法は以前にお話ししましたが、WordPress(ワードプレス)での方法が書いてなかったのでご紹介します。方法はいくつかありますが、その中でも特に簡単なものをご説明します。Packとは、多くのワードプレスユーザーが使っているSEO用プラグインのことで、タイトルタグやメタディスクリプションの設定、Googleアナリティクスの設定など、SEOを総合的に管理できます。Pack」と検索し、インストール、有効化させます。Profile」欄に著者情報を表示させたいGoogle+のURLを入力します。ページの上部と下部に置かれている「設定を更新」ボタンを押して保存するのを忘れずに。Google+側の設定Google+側の設定については、こちらをご確認ください。ツールを使用して、Googleが著者情報を抽出できるか確認しましょう。ツールの使い方これで設定は終了です。簡単ですので、是非お試しを!今日は、以上です。WordPress.。