自分で作れるホームページ作成法 -20ページ目

自分で作れるホームページ作成法

本業が忙しい人でもビジネス用のホームページを自作する方法をやさしくお伝えします。


大きな地図で見る

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

アメブロの記事に地図を埋め込みたいと思いました。

が、しかし、そのままでは埋め込む事ができませんでした。


そこで、以下のようにしましたら張り付けできましたので記録しておきますね。

ポイントとなるのは2点です。
1、古いグーグルマップに戻し古いタグを取得する事
2、アメブロのエディタは「タグ編集エディタ」を使う事


■具体的な手順
1、グーグルマップにアクセスします。
http://www.google.co.jp/maps

こんな感じのマップが表示されると思いますが、それは新しいグーグルマップです。


グーグルマップは2014年2月に新しいグーグルマップになりました。
新しいグーグルマップのタグを張り付けても、アメブロではエラーになるので古いグーグルマップに戻します。

2、旧グーグルマップに戻す
マップの下の?をおして以前のマップに戻るを押します。


3、タグを取得します。

(1)住所などで検索します。
(2、リンクボタンを押します。
(3)「ウェブサイトへの地図埋め込み用 HTML コード」をコピーします。
表示されたタグはの横幅と縦幅は下記のようになっているところをあなたのアメブロ記事の横幅に合わせて変更してください。
このブログの場合は400です。
width="425" height="350"

width="400" height="300"

4、アメブロの基本設定から「タグ編集エディタ」に変更する

(1)「ブログ管理>各種設定>基本設定」を押す
(2)タグ編集エディタを選択して一番したの保存ボタンを押します。

5、新しい記事を作り、コピーしたタグを張り付けプレビューをします。

(1)タグを張り付け
(2)プレビューボタンを押す
(3)地図が表示されたらOK


今回の記事は下記を参考にさせていただき2014年6月現在の方法についてまとめさせていただきました。
グーグルマップをアメブロの記事に貼りつける方法
アメブロにGoogle Mapを貼り付ける方法のその後



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


今回の記事を気に入っていただけた方はこちらへ!
こんにちわ、ホームページ作成アドバイザーの田中です。


朝からこのブログのネタ元であるマインドマップを眺めていました。

最近はブログ記事を書くのも慣れてきて、なんとか2時間以内に終わるようになってきたのですが、今日はとても苦戦しています。

すでに5時間が経過してます(苦笑)

3度目の再挑戦ブログが4度目の挫折にならないよう頑張ります(笑)

きっとこの苦しみは今の自分に必要なんだなと思います。
これを乗り越えればきっと将来自分のためになると思います。


というのも、今までサイトを多数作ってきた中でこれは絶対言えるという事が1つあります。

それは、訪問者に価値ある記事を50以上は作れ!

という事です。
50作ってからがスタートだとさえ思います。

日記はカウントしません。

この数はブログのジャンルにもよりますが、
ページ数が少ないままのサイトは、どんどん風化していくイメージがあります。

今の世の中、誰でも手軽に情報配信できる時代です。
その為WEBページがあふれかえっています。

どこかで見た事があるのですが、インターネットの情報量は前年比1.5倍でどんどん肥大化しているそうです。

今後もページ数はどんどん増える中で、過去に作ったページが埋もれていくのは必至です。

特にブログの場合、記事の投稿日時が表示されているので、たとえいい記事でも5年も前の記事だったら、少し割り引いて見られてしまいますよね。


とりあえず50記事までは何としても頑張ってその後は、日記や最新情報を取り入れるという方向で良いかと思います。

そうする事でブログの更新日時も新鮮さが保てます。

また、過去に書いた内容の刷新版の記事を書くのもよいと思います。


さて、まだ今日はマインドマップのまとめきれていないので悶々としていますので、これからさらに悶々としたいと思います(笑)

たぶん明日には出口見えてる事を願って…

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


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

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


ビジネスでブログやサイト活用して集客したい!
と思っていてもその方向性を間違えると質やアクセスは上がりませんよね。

どうやったら質やアクセスが上がるのか?
これについての一つの回答が、

「ライバルのブログを多数チェックする事」です。

すでに成功している他の人のブログを参考に自信のブログを修正する事でかなり成功するブログに近づきます。
できれば、人気ブログランキング等で同ジャンルのブログを100程度はチェックしたいものです。

よくブログ診断とかやっているコンサルの人がいますが、素人とコンサルの違いは、たった1つしかありません。
いいサイトに日々触れているか触れていないかの違いです。

要するに目を肥やして、改善に役立てる事ができればあなたもブログコンサルするができます^^

ま、ブログコンサルはやらないにしてもご自身のビジネスに間違いなくプラスになる事は間違いないでしょう。
ブログでの集客に成功する事はビジネスの成功といっても過言ではないからです。


では、具体的に目を肥やすにはどうしたらよいか?についてお伝えします。


1、人気ブログを30程度チェックして記録する
まず、人気ブログランキングであなたと同じジャンルで人気のブログを多数見てみます。できれば30以上はチェックする事をお勧めします。

その際にただブログを眺めるのではなく、あるポイントに沿ってチェックして感じた事を記録していくという作業を行います。

この記録の作業がとても重要です。


2、記録内容は下記のようにします。
(1)いいと思ったブログのスクリーンショット
(2)いいと思ったブログのURL
(3)いいと思った点を文章で1行程度書いておく
(4)悪いと思った点を文章で1行程度書いておく

いいと思う、悪いと思うというのはあまり深く考えずに自分のその時の感性を大事にして下さい。目を肥やすにはある程度の数も必要ですのであまり立ち止まっている時間ももったいないです。



3、記録に使うのはevernoteを利用します。
(1)Google Chrome のプラグイン
Evernote Web Clipper」を利用すると簡単にサイトのスクリーンショットが記録できます。


 [1]Google ChromeでライバルサイトのURLを開きます
 [2]ゾウのボタンを押します。
 [3]ページ全体を選択
 [4]evernoteの保存先を選びます
 [5]保存を押します。

(2)EvernoteのPC版で同期するとサイトが表示される

 [1]作成日、更新日、タイトルが表示されクリックするたびに下記2~4が入れ替わる
 [2]取得したページURLが自動記録される
 [3]良い点悪い点を追記できる
 [4]サイト全体がhtmlで保存される(文言はコピーして利用可能な部分がある)

このようにどんどんライバルサイトをチェックし、スクラップしていきます。
たくさんたまればそれを見返すだけでも結構発想が湧いてきます。


4、ひらめきは突然やってくるので一度に頑張りすぎない
最初にブログを30チェックすると書きましたが、一度にできないと思います。

どっちかと言うと、意識を持ってライバル調査をしている時より、ある日突然いいブログに出会う事の方が多いです。

そんなときに、この方法で記録をしているかしていないかで全然違ってきます。

日を置いて継続する方が、自分の成長を実感できると思います。

なるべく負荷をかけずに普段の生活の一部として上手に取り入れてビジネス拡大に役立てください。


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

本日は、ライバルブログの調査はevernoteを活用しようという事をお伝えします。
今日お伝えした方法を実践すればあなたもブログコンサル並みに目を肥やす事が可能になると思いますので是非やってみてください。


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


今回の記事を気に入っていただけた方はこちらへ!
いらすとやさんの素材を利用させていただきました。


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

やり直しのアメブロを初めてから約4週間が終わろうとしています。
今日で16記事書く事ができました。
物書きが苦手な私がよくここまでやったなと思います^^

当面の目標は50記事いれる事です。
50記事書いたら今度は読者登録を積極的にやっていこうかと思っています。

現状カテゴリは整いつつあるのですが記事がまだ全然少ないです。

せっかく読者登録するんだったら相手にも登録してもらいたいですからね^^

このブログはホームページの作り方がメインの予定ですが、せっかくアメブロを使っているのだから、アメブロをきちんと活用できるようになろうと頑張っています。

ホームページ作成アドバイザーと名乗っていて当のアメブロがしょぼかったらどうしようもないですからね(笑)


読者登録と言えば、昨日他の方のアメブロを見ていたところうまいやり方をしている人を発見しました。

それは、毎回記事の下の方に

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

という一文から読者登録へのリンクが貼ってありました

思わず「おぉうまい!」とうなってしまいましたよ!

で、私も今日から実験のためにつけてみようと思います。

せっかく頑張って書いた記事ですからね。

読者が読み終わったそのタイミングで読者登録いかがです?

となれば少しは登録しようかなと考えてくれるんじゃないかと思っています。


で、やり方を書いておけば誰かの役に立つだろうと思いまして方法をここに書いておきますね。


■本文に読者登録のリンクを付ける方法

解説の画像はwindows7でGoogle chromeを利用しています。

1、リンクをコピーします。

(1)自分のブログの読者登録ボタンの上で右クリックします。
(2)リンクアドレスをコピーをします。
図を作って気が付きました。あ~まだ読者84人なのね、これから頑張ります!(笑)

2、アメブロ書いた記事からリンクを開きます。

(1)リンクを貼りたい文章をマウスで選択します。
(2)リンクボタンを押します。
(3)URLに先ほどコピーしたテキストを貼り付けます
(4)決定を押します。

できた文章はhtml表示で見てみると下記のようになります。

このhtmlをどこかに保存しておけば毎回上記の作業はしなくて済みます。


いかがでしたでしょうか?
本日お伝えした事を有効に活用できれば訪問者に読者になってもらうための提案ができますので少しは読者増が期待できるんじゃないでしょうか^^
是非挑戦してみてください。


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


で、早速今日からコレ↓付けてみました(笑)
今回の記事を気に入っていただけた方はこちらへ!


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

以前、私のPCが壊れたときの事です。

いつものようにPC起動、さーパソコン始めるぞ~!

と思った時に画面が出てきません。

あれ?おかしいな。再起動だえい!

ガリガリ…

え?なんか今まで聞いた事無い音が聞こえてきたんだけど…^^;

大丈夫かな…故障じゃないよね…

1時間格闘したのち、自分じゃどうにもできませんでした。

このままじゃ仕事にならないので、近所のパソコン工房に持ち込み診断してもらうことに。


店:(´_ゝ`)あーこれハードディスクが壊れてますね。

私:(;゚д゚)え?やっぱりですか。修理できますか?

店:(´_ゝ`)これ、壊れ方が激しいので復旧できないしれません。

私:(;゚д゚)何か方法無いですか?
仕事のデータなのでどうしても復旧したいのですが。

店;(´_ゝ`)値段はかかりますができますよ。

私:(;゚д゚)いくらくらいですか?

店:(´_ゝ`)やってみないと分かりませんが、とりあえず試してみましょう。
場合によっては大きな金額がかかるかもしれません。

私:(ノД`)シクシク
仕事で使う大切なデータなのでお願いしたいのですが、金額がかかる場合にはあきらめます。

数日後…

店:(´_ゝ`)見積もり7万だそうです。どうします?

私:(ノД`)シクシク そうですか。データはあきらめます。


もう、本当大変でした。

一部のデータはCDに焼いてあったので復旧できたのですが、メールのデータが全部無くなりました。

おまけに気に入っていた写真も音楽も…


そんな悲惨な目にあった私の経験を踏まえ、

パソコンが壊れた!絶対やらないと大損すると思った7つの事

をまとめておきますので、ぜひ皆さんは私のように悲惨な事にならないようにして下さいね。


いろいろ試してきた中で、2014年現在行っている方法についてまとめました。

1、自作のファイルはdropboxで自動バックアップ!
2、大きすぎる動画ファイル等はDVDに焼く!
3、メールはGmailを使う!
4、パスワード管理はロボフォームを使う!
5、ブックマークはGoogle Chromeを使う!
6、アイディアの保存はevernoteを使う!
7、ハードディスクはシステムと自作ファイルでドライブを分ける!


*windowsをベースに解説していますがmacでも十分役立つ内容になっています。


■1、自作のファイルはdropboxで自動バックアップ!

dropbox公式サイト

dropboxはオンラインファイル保存&共有サービスです。
dropboxを利用すると、ご自身のPCファイルを自動でインターネット上にあるdropboxに同期(ファイルをコピー)してくれます。
2014年6月現在2ギガまで無料で使えます。

私は、自作した文章や年賀状、イラストなどの画像、音楽ファイル等をPC上のdropboxフォルダに入れておくようにしています。
また、年賀状ソフトなどで作ったデータについてもこのフォルダに入れるようにします。ちなみに、PC用ツールは基本バックアップしないようにしています。
ほとんどのPCツールは最新版をメーカーのページでダウンロードする事ができるからです。
基本的な考え方として、自分で作った文章や画像やメールなど無くなってしまっては困るファイルのみに絞ります。

dropboxで保存しているもの
(1)メディアファイル…写真、音楽
(2)文章ファイル…ワード、エクセル、マインドマップ、PDF
(3)ソフトのデータ保存先…年賀状、FFFTP
(4)ソフトのシリアルキー
(5)サイトのパスワード(3のロボフォームのデータ)

dropboxと機能もほとんど同じGoogle ドライブやsugarsyncも併用しています。

Google ドライブはスマホ(Android)との相性がよく、スマホで撮影した写真や動画を自動でGoogle ドライブに同期してくれます。


■2、大きすぎる動画ファイル等はDVDに焼く!
dropboxやGoogle ドライブを駆使していても動画をPCに取り込んだりするとあっという間に容量が足りなくなります。
dropboxは有料で容量を広げられますが毎月一定額のお金がかかります。

過去に撮りためた動画などは容量が大きい割に頻繁に利用しません。

したがって、このような大きくてあまり利用しないファイルはDVDに焼いて保存しておく事をお勧めします。
できればブルーレイのBD-Rを利用したいです。25GBまで入りますので。

DVD 4.7GB
ブルーレイ 25GB

【参考】
[Windows 7] CDやDVDにデータを書き込む方法を教えてください。

■3、メールはGmailを使う!
一番無くなって困るものの一つに過去のメールではないでしょうか。
友達とのやり取りが消えてしまっても何とかなります。
しかし、ソフトのシリアル番号やサイトのパスワードはメールで届く事が多く、そのメールを検索する事で再購入に至らずに済みます。
Googleなので検索はさすがに強いです。

また、GmailであればPCが壊れてしまっていてもデータはオンラインにありますので、安心です。


■4、パスワード管理はロボフォームを使う!

ロボフォーム公式サイト

何かのWEBサービスに申し込むたびに増えてしまうパスワード。
IDとパスワードの管理は一番頭の痛い問題かもしれません。

でも、ロボフォームというパスワード管理ソフトを使えば、かなり楽になります。

ロボフォームを導入すると一度ログインしたサイトのIDとパスワードを記録してくれます。
そんなのブラウザで自動保存できるからいいや?

それじゃだめなんです…

ブラウザはPCのディスクが壊れたときに一緒に壊れます(笑)

私がそうでした。

ロボフォームを導入するとブラウザの
(1)ロボフォームアイコンから選択し
(2)目的のサイトを選ぶだけです。
このようにすればそのサイトに自動で移動し、パスワードを記入してログインが完了します。
(3)サイトのカテゴリ分けもできますので、大量のサイト保存にも耐えられますし、ブックマークの代用としても利用できます。

ちなみにロボフォームは年会費を払うロボフォームエブリウェアと、買い取り型のデスクトップ版があります。

私はデスクトップ版を主に利用しています。

ロボフォームはID等をPCのフォルダに保存するのですが、この保存データをdropbox等にしておけば自動で同期ができます。


ちなみに、保存されたデータは暗号化されていますので安心です。
IDパスワードの他にも重要なメモやソフトのシリアル番号も安全に保存できます。


ロボフォームは有料ですが、PCが壊れたときの事を考えると断然安い買い物です。
10個までのパスワードだったら無料で使えます。


■5、ブックマークはGoogle Chromeを使う!
Googleアカウントでログインした状態でGoogle Chromeを利用するとブックマークが同期します。


スマホでもGoogle Chromeを使えば同期したブックマークがすぐに使えます。



■6、アイディアの保存はevernoteを使う!
仕事や企画のアイディアはふとした時に湧いてきます。
そんなときに、PCを立ち上げていたら忘れてしまいます。
これはパソコンのファイルが壊れた時以上に痛手かもしれません…

機会損失と言うやつです。

それを防ぐために私はスマホを取り出しアイディアをその場で音声にしたり、手書きに書いてるようにしています。

使うソフトはevernoteです。

evernoteもdropboxの様なオンラインサービスなのでPCが壊れてしまってもデータは残ります。

evernoteの利点
(1)すぐに起動できる
・PCからはデスクトップ下のアイコンをクリックすると起動できる
・スマホから専用アプリですぐに起動できる。
(2)書いた文章がすぐにスマホ、PC、WEBで同期される
(3)文章だけでなく音声、画像、WEBページも保存できる。

evernote公式サイト

■7、ハードディスクはシステムと自作ファイルでドライブを分ける!
もし、次回PCを買い替るときに是非参考にしてもらいたいのは、ハードディスクのパーティションを分けるという事です。

できればPCを買う際に2つのディスクを積むようにしてCドライブ、Dドライブにします。
Cドライブにはシステムやツールだけを載せます。
Dドライブにはマイドキュメントを設置します。

このようにする事で、リスクの分散にもなりますし、PC買い替えた時にDドライブだけ新しいPCに乗せ換える事でデータの引っ越しをする必要はありません。

【参考】
Windows 7 のマイドキュメントの保管場所をC ドライブから他のドライブ(D ドライブ等)に移動する方法

ちなみにパソコン工房を利用すれば、初めからディスクを2つ積んだPCが手軽に購入できるので私はいつも利用しています。


いかがでしたでしょうか?
とりあえず、これだけやっておけばいざPCが壊れても安心ですね。
また、PCを買い替えするときにも手間が5分の1くらいで済むはずです。

是非私のように壊れる前に挑戦してみてください^^


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