インターネットでホームページが見れる仕組み

追記
こちらの記事は下記サイトに書き換えを行いました。
小学生でもわかる！インターネットでホームページが見れる仕組み

-------------------

こんにちは、ホームページ作成アドバイザーの田中です。


ホームページはインターネットに接続したパソコンやスマホで見る事ができます。

では、なぜインターネットに接続するとホームページが見れるのでしょうか？


もしあなたが発信者となり、ホームページを作成する立場でなれば必要な概念ですので、是非押さえておいてください。


まず、ホームページはインターネットに接続した「サーバー」に保存されています。




サーバーに入っているホームページは世界中に公開され、誰かのパソコンやスマホで見る事ができます。

ですので、ホームページを公開するには「サーバー」が必要です。


一般的なホームページ作成方法の場合パソコンで作ります。
図のあなたのパソコン上

あなたのパソコン上あるホームページデータはサーバーに転送しなければ公開されません。

このようにサーバーにデーターを転送する事を「アップロード」と言います。


ホームページが見れる仕組みをまとめますと
１、あなたのパソコンで「ホームページ」を作る
２、サーバーに「ホームページ」をアップロードする
３、誰かのパソコンから「ホームページ」が見る事ができる

になります。


追加で覚えておきたいのは、アメブロ等のブログの場合です。
アメブロの場合はサーバーの中にブログ作成ソフトが含まれているため、サーバーを自分で借りる必要はありませんし、アップロードの必要もありません。



以上です。


本日もお読みいただきましてありがとうございました。
ホームページ作成アドバイザーの田中がお伝えしました。





このブログの内容についてご質問はありませんか？
少しでも不安や疑問がありましたら、どうぞお気軽にご連絡ください。
あなたからのご連絡を心よりお待ちしております。
メッセージを送る！

今回の記事を気に入っていただけた方はこちらへ！

PC上でスマホサイトを見る方法 Google Chrome編

こんにちわ、ホームページ作成アドバイザーの田中です。

最近ブログを３０分以内に書く事を目標にしています。

でも実際には３時間以上かかる場合がほとんどです…

頑張ってますが、なかなか早くなりませんね^^;

さて、今日はPCを使ってスマホのホームページを確認したい！

と思ったので調べてみたら、めちゃ簡単な方法がありました^^

きっかけは単純な事で、私のブログ、いつもPCで見ているけどスマホだとどう見えてるの？ってことでした。

最近のアメブロはPC用表示とスマホ用の表示が完全に分かれているので、執筆者としてはどちらの表示も気にしながらブログを作っていきたい！

と思ったからです。

結構自分のブログをPCでは見ていても、スマホで確認をするとなるとひと手間必要なのでついつい後回しになってしまいます。

そこで！

Google Chromeを使えば、簡単にスマホの表示ができてしまいますので、もう実機をとりだす必要はありません！

もちろん最終的にはスマホ（実機）で確認する必要はあると思いますが、かなりこれで時間短縮になるのではないでしょうか。

とりあえず、下記を見てください。

Google ChromeのあるタブはPC用の表示

一方のタブはスマホ用の表示にする事ができるんです。

このようにしておけば、タブを切り替えるだけでPC用、スマホ用と切り分けができます。

そでは詳しいやり方になります。
Google Chromeを立ち上げます。

１、一番右上の「三」の様な部分をします。

２、ツールの中から

３、デベロッパーツールを選びます。

図の部分を押します。

「Emulation」というタブが出てきます

（１）Deviceでお好きな機種に変更して

（２）Emulateボタンを押すと

スマホ表記になります。

とっても簡単ですよね。

いかがでしたでしょうか？

有効に活用できれば実機で確認する作業が大幅に減ることは間違ないと思います。

今後、PCよりスマホからのアクセス割合が増えていくと思いますので、今からスマホ用の見え方を自己チェックできるのは大きな武器になると思いますので、是非挑戦してみてください。

本日もお読みいただきましてありがとうございました。

ホームページ作成アドバイザーの田中がお伝えしました。

ブログの写真をポラロイド風にする方法

こんにちは、ホームページ作成アドバイザーの田中です。


ブログに掲載する写真いつもより良くとれたので、少し豪華に見せたい！

それならば写真をポラロイド風にしてみてはいかがでしょうか？

ブログに画像を張り付けする時に１回だけコピペするだけの簡単な手間でポラロイド風になります。


早速サンプルをご覧ください。

普通に画像を張り付けた場合



これをポラロイド風にするとこんな感じです。




ちょっとしたひと手間で写真がちょっと豪華に見えますよね。

子供の写真だけでなく、料理の写真とか、商品の写真など写真をよりリアルに見せたい場合にお勧めです。

ちなみにこの記事をスマホでも確認しましたがきれいにポラロイド風になっています♪




やり方は簡単です♪

今回はアメブロを例に説明しますが、これはほとんどのブログで使えますのでご安心ください。

１、まず、アメブロのブログ投稿画面を開き画像ボタンを押します。
「タグ編集エディタ」のようにhtmlタグが編集できるエディタで記事を書きます。


２、画像を記事に張り付けます。



３、張り付けた画像のhtmlタグの●部分にテキストを追加します。



アメブロで張り付けた画像のhtmlタグ

<a href="http://stat.ameba.jp/user_images/20140903/09/belink/fe/15/j/o0300020013055021222.jpg">
<img src="http://stat.ameba.jp/user_images/20140903/09/belink/fe/15/j/o0300020013055021222.jpg" alt="" border="0"● /></a>

＋

上の●の部分に下記のタグをコピペして挿入します。

style="padding: 8px 8px 25px 8px;border: 1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;-webkit-box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;-moz-box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;"

↓

挿入が完了すると下記の様になります。

<a href="http://stat.ameba.jp/user_images/20140903/09/belink/fe/15/j/o0300020013055021222.jpg">
<img src="http://stat.ameba.jp/user_images/20140903/09/belink/fe/15/j/o0300020013055021222.jpg" alt="" border="0" style="padding: 8px 8px 25px 8px;border: 1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;-webkit-box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;-moz-box-shadow:rgba(113, 135, 164, 0.309804) 4px 4px 6px -2px;" /></a>

ちょっとごちゃごちゃっとしてしまいますが大丈夫です、プレビューを見てみましょう。



是非挑戦してみてくださいね。


本日もお読みいただきましてありがとうございました。
ホームページ作成アドバイザーの田中がお伝えしました。


このブログの内容についてご質問はありませんか？
少しでも不安や疑問がありましたら、どうぞお気軽にご連絡ください。
あなたからのご連絡を心よりお待ちしております。
メッセージを送る！

今回の記事を気に入っていただけた方はこちらへ！

たった一人の見込客を見つけてお役立ち記事を書く方法

先日の投稿でビジネス用の集客ブログを作るには７つの手順で進めると書きました。

ビジネス用の集客ブログを構築する7つの手順

今日もその１つ目のステップ「ペルソナを作る」について

さらに、そのペルソナを簡単に作る方法について、私がやっている方法を書いていきます。

ブログで集客というと、大勢の方に向けて書いてしまいがちですが

たった一人のブログ読者に向けて書くことで非常にリアリティのある、価値の高いブログ記事に仕上がります。

これを意識しているか意識していないかで、訪問者の心に響くブログになるのかゴミブログになるのか別れてしまいます。

私の経験上１人の人が満足する記事が書ければ、その人に似た人には必ず響きますので

結果として多くの方に響くブログ記事となりますので、意識するようにしてみてください。

その為に「たった一人のお客様像にまで落とし込む」という作業が必要なわけですが

やる事はとても簡単な事です。

あなたが気になるアメブロのブロガーさんを見つけるだけです。

・あの人に私の商品お勧めしたい！

・この人だったら私のお客様像にぴったりだ～

という人をアメブロでみつけてください。

有名な人でもそうでない人でもあなたの将来のお客さんになってほしい人を探します。

できれば、ある程度ブログ記事が頻繁に更新されている方がよいと思います。

その後プロフィールをみてみてください。

アメブロのプロフィールには誕生日、血液型、職業、趣味などを掲載できるよになっているので、まさにこのプロフィールこそがペルソナを決めるうえで重要なデータになります。

１人の人が決まったら、その人のプロフィール写真をじっと見つめて

その人に向けてブログ記事を書いてみてください。

気を付ける点としては

・その人はどんな趣味だろうか？

・通勤手段は？（電車、バス？）

・いま何に悩んでいそうか？

・その人がやってて楽しいと思える事はなにか？

・何に一番プレシャーを感じるのか？

・この人の苦手な事は？それをあなたが助ける事は？

などをブログから読み取ってみてください。

結構ブログを読みこまないとそ人が解りませんので

私は２，３日かけてその人のブログを過去にさかのぼってみてみます。

そうすることによって

その人に役立つ記事が書けないか？

という事が簡単に思いつきます。

アメリカのある有名なコピーライターは、頭の中に浮かんで来た人物像に近い人の写真を、

いつでも見られる場所に貼付けてコピーを書いているそうです。

ここまでやると、必ず、良いコピーが頭から泉のように湧き始めるといいますので

この方法は是非お勧めします。

本日もお読みいただきましてありがとうございました。

ホームページ作成アドバイザーの田中がお伝えしました。

ブログが全く読まれない！一生懸命書いたのに3…

こんにちは、ホームページ作成アドバイザーの田中です。

今日は、一生懸命書いた記事が読者に読まれない原因の３つ目を解剖していきたいと思います。


集客用のブログを運営している場合記事が読まれないのは死活問題です。

アクセスはあっても記事が実際に読まれて、何かの反応が無いとゴミブログ直行です。


読まれない原因としては大きく３つあります。

１、ブログ記事が自分に関係ない

２、読み手が内容を理解できない

３、教科書的な教え方しかできない

今日は３つ目の「教科書的な教え方しかできない」についてです。

例えば、あなたがデジカメのブログを書いていたとして、「デジカメで撮影した写真をパソコンに取り込む方法」という記事を書いたとします。

デジカメを起動して、次にUSBコードを接続して…と淡々に手順を説明して記事が終わってました。

さて、これで人が集まるでしょうか？


手順を淡々と説明したような記事では、単純にデジカメのマニュアルを読むか、すでにネット上に上がっている記事になりますので、ブログで書く価値がありません。

マニュアルだけでなく、オンライン辞書の「wikipedia」に掲載されているような記事でも駄目です。

このような「手順解説のみの記事」の書き方は私の様な技術屋さんがよくやってしまうパターンです。


すでにネット上に存在する既存の記事を踏襲してもほとんど意味がありません。

ネットで検索してでてくる記事というのは、すでにそれなりの価値があって、検索結果にでてくるからです。

最近の検索エンジンは、人々がその記事をどのように共有しているしているか？価値がありそうな記事かを判断しています。

年々記事は増えていきますので、評価基準はどんどん上がっていく一方だと思います。

既存の記事よりもさらに価値の高そうな記事を出さない限り、あなたのブログは埋もれていくだけです。


では「記事の価値」はどうやって上げていけばいいのでしょうか？


一番簡単な方法としては「あなただけの体験談」を入れる事です。


先ほどのデジカメの例ですと、手順の前と後に独自の体験を入れます。


・デジカメで撮影していたら、写真がいっぱいになってしまった
　→困った時の体験談

・実際にデジカメで撮影した写真をパソコンに取り込む実演
　→写真付きの解説

体験談を入れる事で、記事独自性を増して、既存の記事と被る事がほとんどなくなりますし、同じ境遇にある人から共感を得て記事を精読してもらいやすくなります。

また、実演を交える事で、よりリアルにイメージできるため精読してもらいやすくなります。

実演は写真付き解説文にするとよいと思いますが、より独自性を求めるならば動画にしてしまった方がいいですね。


今日の内容をまとめますと、

１、教科書やwikipediaに掲載されている内容だけを記事にしても価値が無い
２、読まれるためには「記事の価値」を上げる事が必要だ。
３、記事の価値を上げるには、「あなただけの体験談」を入れる事が必須である。

いかがでしたでしょうか？本日お伝えした事を有効に活用できれば、読まるブログへ前進すると思いますので意識してみてください。

本日もお読みいただきましてありがとうございました。
ホームページ作成アドバイザーの田中がお伝えしました。


このブログの内容についてご質問はありませんか？
少しでも不安や疑問がありましたら、どうぞお気軽にご連絡ください。
あなたからのご連絡を心よりお待ちしております。
メッセージを送る！

今回の記事を気に入っていただけた方はこちらへ！