ウェブブランディング！ホームページ運営コンサルタントさとうたけしブログ

とにかく熱い男！松岡修造アニキのメッセージを聞きたい人は行ってみよう！！！
▼ 松岡修造オフィシャルサイト | SHUZO MATSUOKA OFFICIAL SITE

以下、松岡修造オフィシャルサイトより引用

・気を引き締めたいあなた
・一番になりたいあなた
・あきらめかけているあなた

などなどアニキのメッセージを聞いて元気になってくれぃ！！！

中には「涼しくなりたいあなたに」なんていう
「あんたに言われたくないわｗ」っていうツッコミを入れたくなるメッセージもあり。

必見です！！！！！！！！ 趣味と実益を追求する 情報ブログ - ＦＵＺ！:【動画】熱い男！アニキ！松岡修造のメッセージを聞け！！

▼ Yahoo Search Blog: Weather Report

にて2007/8/22 インデックス更新とランキングシステムの更新を発表しています。

▼ 参照記事

いろいろ情報を探してみたところ
「Yahoo!の新しいクローラーをＩＰで弾いてしまい、ロリポップ を利用している方のサイトは消えた」
という情報もあります。

サイト保有者の皆様、この機会にチェックしてみてください！

▼ ためになったら押してください！


▼ ウェブブランディング ホームページ制作 株式会社コンサイズ

東京都渋谷区恵比寿

　――――――――――――――――――――――――――――――――――
　　　Google Map で地図を表示しよう！ Google Maps API Key を取得
　――――――――――――――――――――――――――――――――――

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　　１．Google アカウントを作る！
　◆───────────────────────────────◆

　すでに持っていればそれを使用してください。
　持っていない場合は下記を参考にアカウントを取得してください！

　　▼Googleアカウントでアカウント発行
　　https://www.google.com/accounts/ManageAccount
　
　　　上記ＵＲＬを開きますと
　　　「Google アカウントをお持ちでない方はこちらから
　　　　　　　今すぐアカウントを作成 」
　　　と表示されますので
　　　「今すぐアカウントを作成」をクリックします。

　　　必要事項を記入し「同意して、アカウントを作成します。」をクリック。
　　　アカウントを作成してください。
　

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　　２．Google Map API Key を取得する！
　◆───────────────────────────────◆

　下記URLからAPI KEYを取得します！

　▼ Google Maps API

　□I have read and agree with ・・・
　　　the terms and conditions (printable version)
　のチェックをチェック！

　「My web site URL:」に続くボックスに
　ご自分のサイトのURLを入力します。

　「Generate API Key」ボタンをクリックします！

　（※この際、入力したURLのサイト以外からは地図を表示することが出来ませんので
　ちょっと工夫するか、サイトごとに API KEY を取得する必要があります。）

　すると
　「Thank you for signing up for a Google Maps API key!」
　というメッセージとともに
　念願の「Google Maps API Key」が表示されました。

　その下部にあるサンプルコードを参考に
　「自分で作る！」っていうのが基本なんでしょうが
　ちょっと手間がかかりますよねー

　そ・こ・で

　今回は「API Key」と「緯度・経度」（画像名が違う場合は画像名も）
　を変更すればＯＫ！の
　「手間なし簡単コード」
　をつけましたので参考にしてください！！

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　　３．緯度経度を調べよう！
　◆───────────────────────────────◆

　▼ Geocoding 住所から緯度経度を検索

　このサイトで調べることが出来ます。

　住所またはランドマーク名を入れてみましょう。

　サンプルにある「ランドマーク名『東京タワー』で検索」を
　押してみるとすぐにわかると思います。

　このとき「ふきだし」に表示された
　「東京タワー
　　座標: 35.658632, 139.745411」
　という文字列が緯度・経度です。

　では、実際に地図表示したい場所の住所等を入力し
　調べてみてください。

　このとき注意が必要なのは
　「緯度・経度」の順に表示されていることです。

　実際にGoogleマップのコードに入れる順番は
　（経度, 緯度）となります。

　コピーしてきたものの順番を入れ替える必要があります。

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　　４．目印を作ろう！
　◆───────────────────────────────◆

　コンサイズのサイトでは下記の画像２つを使用しています。

　▼ 目印

　▼ 目印（影）

　あまり良いサンプルではないですな・・・（笑）

　画鋲マークや旗などご自分の好きなものをどうぞ！

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　　５．手間なし コード！　（おまけ）
　◆───────────────────────────────◆

　・・・ここから・・・ここまで・・・の部分をコピーして
　地図を貼り付けたいところのHTMLに直接貼り付けます。

　注意点
　・（あなたのキー）の部分は確実に取得したAPI Key に変更してください。
　・緯度・経度を変更すること！このままだとコンサイズになります！
　・リンク部分も変更してください！本当にコンサイズになります！（笑）

--------------------------- ここから ---------------------------

	<!-- 地図表示部 本体 -->

	<!-- width と height は適宜変更してください！ -->

    <div id="map" style="width: 300px; height: 300px"></div>

    <script 

     src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=（あなたのキー）"

      type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

    //<![CDATA[

　　var map = new GMap(document.getElementById("map"));

	map.addControl(new GSmallMapControl());



	// ３．で取得した 緯度、経度を （経度, 緯度）の順で入力する

	//

	// new GPoint(139.711606, 35.646643) ←この部分

	//

	var point = new GPoint(139.711606, 35.646643);



　　map.centerAndZoom(point, 0);



　　var icon = new GIcon();



	// マーカーのアイコン画像指定

　　icon.image = "map_arrow.png";

	// マーカーの影アイコン画像指定

　　icon.shadow = "map_arrow_shadow.png";

	// アイコンのサイズを記述

　　icon.iconSize = new GSize(34, 25);

	// 影アイコンのサイズを記述

　　icon.shadowSize = new GSize(34, 25);

　　icon.iconAnchor = new GPoint(1, 23);

　　icon.infoWindowAnchor = new GPoint(10, 10);

	// もう一度マーカーのアイコン画像指定

　　icon.transparent = "map_arrow.png";



　　var marker = new GMarker(point, icon);

　　GEvent.addListener(marker, "click", function() {

		//

		// この↓のhttp:・・と「株式会社コンサイズ」の部分は

		// ご自分のサイトに変更してください

		//

  　　marker.openInfoWindowHtml("<b><a href='http://www.comsize.com/'>株式会社コンサイズ</a></b>" );

	});



	map.addOverlay(marker);

    //]]>

    </script>

--------------------------- ここまで ---------------------------


　出来ましたかーーーー！？


　成功するとこのような感じになります！

　▼ 株式会社コンサイズ 会社概要

　がんばってください！！！


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

この内容は

私が発行しているメルマガ 「なるほど！よくわかる！ホームページ運営」にて掲載したものです！






毎週木曜日発行のメルマガ



「なるほど！よくわかる！ホームページ運営」ご購読希望の方は
↓フォームよりご登録下さい！よろしくお願いいたします。

メルマガ登録・解除 ID: 0000199475 なるほど！よくわかる！ホームページ運営！ 登録  解除  バックナンバー powered by

<

ホームページ運営コンサルタント さとうたけし

自社で制作したホームページに関して
保守契約のあるものについては
一週間に一回のランキング定期点検をしています。

４月に入って、「あれ？？」と思ったことがあったので
いろいろ調べたのですが
▼ Yahoo!検索 スタッフブログ　にこんな記事がありました。

▼ YST検索アルゴリズムを刷新

いくつかある保守契約中のホームページすべてに影響があったわけではありませんが、いきなり急上昇したもの、逆に残念ながら１０位くらいランクダウンしてしまったものが少しずつありました。

あなたのＨＰはどうなっていますか？
早速調べてみましょう！！

▼ Google/Yahoo/MSN 順位検索ツール ＤＷ２３０


▼ ためになったら押してください！


▼ ウェブブランディング ホームページ制作 株式会社コンサイズ

東京都渋谷区恵比寿

　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　ウェブブランディング 第２回 意識革命
　◆───────────────────────────────◆
　
　ウェブブランディング 第１回で「自分のブランド」構築について
　私なりの考え方と方法論についてちょっと触れました。
　　▼ メルマガバックナンバー ウェブブランディング 第１回
　
　
　■----------------------------------------------------------------
　　　ウェブブランディング は 意識革命
　■----------------------------------------------------------------
　
　○ ウェブブランディングを行い「自分ブランド」を構築しよう！
　
　ウェブブランディングを行うにあたり次のような流れが必要だと考えます
　
　→→→【 自分のウリ を 確立する 】→→→→→→
　
　　自分の商品・サービスならではのこと
　　（例：安さ、対応のすばやさ、フォローの充実、商品知識の多さなど）
　
　　を確立し、ぶれない。
　
　→→→【 ホームページ制作 】→→→→→→→→→
　
　　ウェブブランディング　というくらいですから
　　ホームページの制作をします。
　
　　ここで考えて欲しいのは
　
　　「自分が気に入るホームページを作ることが目的ではない」
　　　￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　　ということです。
　
　　このあたりはホームページ制作をしていてとても難しく
　　デリケートな部分なのですが
　
　　制作依頼者の中にはこちらが助言しても変わらず
　　「ここはこうしてくれ！」とか
　　「金払ってるんだから、やればいいんだよっ！」など
　　おっしゃる方もすくなくないのが現状です。
　
　　ホームページの制作についての視点は
　
　　　「お客様に伝わるホームページかどうか」
　
　　であるべきです。
　
　　「伝わる」ことがウェブブランディングにおいてとても重要な点です。
　
　　ま、考えてみれば当たり前のことなんですが
　
　　実際に制作となると、お金も払ってますし「あれもこれも」となって
　　しまいがちです。
　
　　視点を変えることによってシンプルで伝わるホームページが出来る
　　はずです。
　
　
　→→→【 実際の運用開始 】→→→→→→→→→→
　
　　◎ ここが意識革命です。
　
　　あなたが個人で商売を行っている場合、今号のメルマガは
　　これ以降読まなくてもいいかもしれません。
　
　　ここから読んでいただきたいのは「雇用主」となって
　　従業員を雇われている方々です。
　
　　そもそも「ホームページ」での集客に期待していない方に多いのが
　
　　「従業員にホームページに記載した項目を周知していない」
　
　　という問題です。
　
　　○ 実際に声として聞いた話しです。
　
　　　・店長がブログを書いており、その中で紹介した「商品」を
　　　　従業員がまったく把握しておらず、お客様から聞かれても
　　　　何も対応できない。
　
　　　・「ウェブを見た方半額」と書いてあるのに
　　　　「ウェブを見てのご来店ですか？」と聞いてこない受付の人
　
　　・・・これではお客様がかわいそうです。
　
　　せっかく社長や店長がブログ等で宣伝活動を行った結果、来訪して
　　くださったお客様なのに「おいてけぼり感」を味わせることに
　　なってしまいました。
　
　　★ 実際の運用に入ったあとは「周知徹底」が原則になります。
　
　　よく「お客様から見れば新人もベテランも同じ」という言葉を
　　バイト時代に聞きました。
　
　　そうなんです。まさにこの通りで、お客様からすれば
　
　　「社長」だろうが「店長」だろうが
　　「平社員」だろうが「店員」だろうが
　
　　まったく関係ありません。
　
　　「ホームページを見て気に入ったから来た」だけですから
　
　　これをキチンと対応している会社・店舗が今後は伸びてくるでしょう。
　
　　それが「ブランド」となるわけです。


▼ ためになったら押してください！


▼ ウェブブランディング ホームページ制作 株式会社コンサイズ

東京都渋谷区恵比寿

ホームページ制作の際、カラーバランスというか
選択する色について悩むことが多くあります。

そんな時強い見方が
・配色アイデア見本帳とか
・Web配色事典 フルカラー編 改訂版とか
なんですが

基準となる色を一つ選択すればマッチングする５色を自動で出してくれる
サービスがあります！！！！

Gigazineより http://gigazine.net/
▼ 相性の良い色を自動でピックアップしてくれる「ColorBlender」

これは使えそうです！

▼ Color Blender.com

もう悩み無用かも！？


▼ ためになったら押してください！


▼ ウェブブランディング ホームページ制作 株式会社コンサイズ

東京都渋谷区恵比寿

これはあまり知られたくないな〜（笑）というネタです。

ホームページ制作においてSEO対策を行いますよね。

「検索結果で有利になるHTMLタグ」があることを知っていますか？

もちろん一般に言われる
＜H1 〜 X＞タグ
＜STRONG＞タグ
＜EM＞タグなどはもちろんなのですが・・・
それ以外にもこ〜んなのがありました！！！！

▼ 検索結果で有利になる知られざるHTMLタグ5種類

※上記リンク先参照

・・・読んだ人にだけわかるこれらのタグ！

早速実践してみましょう！！！

うちの社内にも広めなきゃ！

うちでもとにかく実験してみます。


▼ ためになったら押してください！


▼ ウェブブランディング ホームページ企画・制作・運用 システム開発 の コンサイズ

（東京都渋谷区恵比寿）