元々は、楽天で出店していたのですが、
http://www.rakuten.co.jp/saipao/index.html
諸般の事情もあり、ここでひとつ別展開、ということで、SEOを絡めて3つのサイトを連動させました。
【本丸】http://www.nissen3180.co.jp/
【SEO別単語用】http://saipao.hp.infoseek.co.jp/
【ブログ】http://blog.livedoor.jp/saipao/
本丸のH1-H3タグは、CMSのため不可です… もっとも、無理やりフォント固定のJavaScriptタグと共に入れようとは目論み中です… もっと問題なのは今後の作業で、トップページと既存ページの調和等なのですが、技術的にはもとより、特に消費者の側の生の声として、老若男女を問わずどうぞご自由にご意見ご感想ご鞭撻をお願いいたします。
※今回はビジネス絡みですので、ポイントは等配分ではなく、最低3ポイント、最高100ポイントとさせていただき、手持ちポイントすべてを消費予定です。なお、100ポイントの方は該当サイトのプレゼント企画でも優先扱してもらいます。詳しくはどうぞメルマガをご覧ください。
http://xobistro.jp/menu/tm01.html
串焼き各種:芝公園での二次会ならXOBISTRO 上州豚串焼き&ワイン
一般消費者として考えると、写真から美味しさが伝わってきません。
シズル感のある写真さえ使用出来れば、ずいぶんかわるかと。
サイト制作請け負いとの事ですので そちら方面で書かせて頂きます。
楽天店は何故画像どっさり、alt無し、文字を画像にするとこが多いのでしょうか…(他店もこんな感じの作りが多いですね。)
で、本題です。
【本丸】
H1-H3タグ…strong、フォントサイズ1-3で代用出来るかなと
・テキストリンク色をバラバラにしない(出来れば変更しない)で欲しい。
・テキストリンクのアンダーライン抜きは止めた方が良いです。
・カートでの手数料、別途…いくらか不安になりますので振り込みとつけた方が良いです。
商品代金以外の必要料金
消費税の書き込みは全商品税込みで書いてる場合(税込み)と書いた方が良いかと存じます。
【SEO別単語用】
・特に要望無し
【ブログ】
・画像へのalt=””
をお願いします。(画像Noではなく)
ありがとうございます。あの楽天店の作り込みは、実は楽天お抱えの皆様がされておられる場合が殆どのようで(こちらもそうです)、それで皆あのようなのかと
H1-H3タグは、WebBotがそうみなさないとだめだと思うので、何とかします…
(「小籠包」で16位はとほほ…
他の、「小籠包子」「しょうろんぽう」「ショウロンポウ」
「シャオロンポウ」「スープ入り 肉饅頭」は宜しいのですが…
料金表記は、確かに若干混乱しております… 統一します…
alt属性ですね、早速改善させていただきます。
(Blogってそうなんですよね…
小籠包好きなので、回答しました。
■写真につきまして
全体にやや紗がかかったように見えますので、
細部がくっきりと浮かび上がるようにした方が、
ジューシーで美味そうに見えると思いました。
(数あるサイトの中で、コレは旨そうだ! という写真が載っているサイトに飛びつくと思います。)
■ボタンの文字につきまして
写真の方に楷書体が使われておりますので、ボタン類の
フォントは、通常のものでいいのではないでしょうか。
また、おしながき、ぶろぐ、などは「お品書き」「ブログ」「プレゼント」が一般的なので分かりやすいのではないかと思いました。
■「小籠包」の読み方
小籠包は、一瞬読み方が分からないので、
右上の「小籠包 遂に誕生」とある部分に小さく「しょうろんぽう」と読み方を添えてみてはいかがでしょう。
■レイアウトにつきまして
プレゼントは、自然な感じかつ、ひときわ目立つようにした方が効果的ではないかと思いました。
以上、ご参考まで。
ありがとうございます。
■写真
小生も気になってました…解像度を犠牲にし過ぎましたね…
これはJPGの限界のようなので、GIFにします…
■ボタンの文字
こちらはゴシック系を使いましょう…
ひらがなで和風、は少し拘り過ぎました…
■ルビ
入れましょう。そうしましょう。
■プレゼントページのレイアウト
たった今、社長からプレゼントページのご用命があり、
「自然な感じかつ、ひときわ目立つ」ものを近々作成予定です…
少々お待ちください…
ことのは編集室 - 松永英明:情報風水師
まず、本丸ですが、これをCMSを使ってやっている意味がないと思います。ページ数も少ないですし。
独自ドメインなら、もっと使いやすいツールを使って(たとえばMovable Type)きちんとh1~h3タグを使い、strong等も使える状態にするなり、HTMLをFTPでアップするなりできるところでやった方がいいと思います。
参考URLは私のサイトで、全部Movable Typeで組んでいます。他の企業系サイトでもこんな風に手間をかけずにきれいに作ることは可能だと思います。(メールいただければ詳細なやり方もお話できると思いますが)
トップページの画像内の文字が、リンクボタンもメイン画像も、すべてきたなく見えます。フォントを凝っても読みづらさが先に立ちます。むしろ、ライブドアのブログの方が情報としては綺麗に読めますね。また、トップページの画像データが画像にしてあっても、効果が上がっていないと思います。むしろSEO的には、その分の文字データが存在しないことで不利になっているはずです。
フォントが太字・色つきなどもダサく見えますね。
せっかくの独自ドメインがあるのなら、サイトを分割せず、自社サイト内にすべて入れた方がいいのではないでしょうか。ブログがライブドア、もう一つのサイトがiswebというのは、無料サイトを使って安くあげようとしたのか、という印象さえ与えてしまいます。しかも、内容的には本サイトが弱いので、なおさらですね。
サイト分割するより、ブログを含めて本丸サイトにすべて含めておいて「外部からのリンク数を集める」方がSEO的にも上策かと思います。ただし、infoseekの方は無駄ですが、外部ブログは更新情報メインにしてリンク誘導に使うことはできると思います。ただ、やはりブログは本丸の中にないと、本丸自体のアクセスが伸びないと思います。
ページトップのナビゲーションが、読者の立場に立って作られたものではないように思います。お品書き、店舗紹介が一番知りたいところ。それから、「彩包出会い物語」というタイトルにインパクトがなく、出会いとだけ書かれても興味をひきません。
逆にブログ、メルマガがナビゲーション上位にあっても誘導は難しいです。本当はブログの最新記事をトップに表示するくらいの方が活気あるページになるかと思います。
広告とか楽天とかいう表記はまったくもって論外。来訪者ではなく、店主の方を向いてサイトを作っていませんか?
フォント固定のタグなど使わないでください。特に客の年齢層が高めだとすれば、フォントは大きめまたは拡大可能でないとだめです。
でも、小籠包はおいしいですよね。大好物です。
詳細かつ的確な分析/批評に深謝です。
CMSなのですが、実はこれは小生も嫌でたまらず、
このサイトのドメイン管理をしている方に言わせれば、
こっちだって嫌だが、ITに不得手な店主の皆様のための仕様、
とのたまっておられまして…
※勝手にFTPでやれるものならやってみろと、
サイト管理会社ご担当様からは檄を飛ばされたので、
やりますかこの際…阻むものは何もない…
画像が汚い、というご意見はごもっともです…
小生もそう思います…早目にGIFに変えます…
(というか安い変換ソフトのせいもあり>ビルダーの付属ツール
画像データと文字データの折衷、ですが、
小生的には、上部に画像、下部に視聴覚障害者の方用も兼ねて文字、
のように考えておりましたが、どうなんでしょうか…
フォントの色は考えます…小生も太字は嫌いです…
#埋め込みをした方がいいでしょうかこの際…
内容的に本サイトが弱い、弱過ぎる、全くもってその通りです…
(それで店長も危惧して小生が呼ばれました…
あれをもってあとは客を待てばよいだけ、ですから
こちらも何とかできるよう、店長と相談します…
iswebはですね、一応SEO対策の一環で、
別単語検索ユーザー誘導用でした。
(シャオロンポウ/スープ入り 肉饅頭
#が、今日になってクロール結果から外れている…
昨日まで、2つの単語で1位だったのに(脱力…
ブログは本丸内ですか。うーんablogとか
これも社長と相談してみます… できなくはない
出会い物語りは実話ではあるのですが、
情報が少し古いですし、だいいちインパクトが…
ここだけでも絶対変えるべきですよね…
お客様の声、とかが分かり易いような気も
これも手を加えさせていただけるようにします。
ブログの記事をトピックでトップ、これもいけそう
広告/楽天の表記をしたのは小生です…ああ論外
来訪者の皆様こそ、でした… すぐに改めます…
ナビゲーションバーも改めて
フォント固定タグはやはり人に優しくないですか…
結構年配の皆様でリピータの方が多いそうなので、
固定案は却下します。気が付かされました。
小籠包は大好物ですか?
ここの小籠包は、仕事抜きでお薦めです。
小生は中国料理が好きなのですが、
そうでないかもしれない日本の大多数の方の求める味が、
確かにここにあります。
日本の方には、皆さんにお薦めです。:-)
※なお、100ポイント進呈は、上位コメント3,4人で、
店長に選んでいただく予定です。:-)
皆様、どうぞふるってコメントをお願いいたします。
小龍包子専門店ですか。いいですね。
これからの季節、アツアツの小龍包子はたまりません。
その点、楽天のトップページはいい感じです。
タイトルロゴ横の女の子や、「わーい」と喜ぶ猫などは
いい効果を出しています。
ただ、タイトル横の女の子の写真が、
他に比べてちょっと暗いですね。
もうちょっと肌色が生きると、もっと幸せ感が出てきそうです。
さて、本丸ですが、トップの主要テキストが軒並み太文字は
ちょっとくどい感じを受けます。
ここは「おしながき」のページのように
文章の内容を特徴的に表す見出し代わりの小さな画像を添えて
ページのデザインを演出していくのがよさそうな気がします。
あと、店舗紹介のページのお店の写真が、
Firefoxだとシマシマに途切れ、ずれて表示されます。
ソースを見るとずいぶんややこしいことになっていますが、
ここはもっとストレートに、単純に組んでもいいのではないでしょうか。
また、その下の「製造方法」などの外枠も、
見る環境によっては見出し部分とその下がずれます。
このへんも、ちょっとソースを吟味し直す必要がありそうです。
「出会い物語」のページは、内容はすごくいいですね。
ただ、画面が地味で、せっかく読みやすい文章量に章分けされているのに、
その12まで読み通していく気力が続きません。
ここには各章ごとに、ちょっとイラストを添えましょうよ。
レイアウト的には「おしながき」ページと同じ感じでいいですよね。
ここにお店のご主人の“代理”的な親しみやすいキャラクターのイラストを配置して、
様々な出会いを視覚的にも表現していくんです。
きっとお店の好感度がグッとアップしてくると思いますよ。
温かな小籠包子に温かな人の輪。このイメージの一致は大切です。
なお、上部ページ内メニューの
| その1 | | その2 |・・・・
は、縦線の連続がくどく、またスペースも無駄に消費して、
狭いウインドウ幅だと見苦しくなっています。
ここは
| その1 | その2 |・・・・
でいいでしょう。
あるいは半角スラッシュで区切るなどして短くまとめ、
右寄せしておく、といったレイアウトもいいかもしれません。
SEO別単語用は、コンパクトにすっきりとまとまり、
なかなかいい感じです。
ただ、ここを見てから本丸に行くと、
急にページが左寄せになっていて違和感をおぼえます。
せっかくですから、本丸のテーブルもセンター合わせが
いいような気がします。
ブログは、もうこれはブログらしければ、
どうでもいいんじゃないでしょうか(笑)
むしろあまりデザイン凝るよりも普通のブログっぽく装った方が、
親しみがあっていい気がします。
その点で、現状で十分、と思います。
というか、ブログはデザインよりもテキストが勝負ですから、
テキストで見せる、読ませるという努力が肝要ですよね。
□回□回□回□回□回□回□回□回□回□回□回□回
↑その点、このラインがすごくいい感じです。
ブログの視覚的な部分は、こういう微笑ましい工夫で
人を惹き付けていく路線で行きましょう。
では、ご健闘をお祈りします(^-^)/
コメントありがとうございます。
貴殿のコメントは、万人の代表的コメントのような気がします。:-)
とても参考になりました。
楽天のあのデザインは、
確かに一定の効果を出していますね、温かさというか
小生もあちらのイメージを壊すことなく
その一方で、ですね本丸は、
「本当の小籠包を食いたいんじゃー」みたいな方々に、
「ここまで日本人向けにこだわったんじゃー」みたいな店長の気迫を、
幾許かでも伝えたかった、という感じです。
伝わっているでしょうか…どうでしょう
あのテキストが太字なのはですね、H1-H6タグだからなのですが、
何とかならないものですかね…
SEO(Webbot)を優先で人が犠牲、は辛いです…
何とか考えてみます…
貴殿も火狐派でしたね!小生もです
あの店舗写真のスリットは…そうですよね…
最初にされたご担当様は、かなり苦しんだご様子…
でもすっきりさせましょう。皆のためですから
他の表記のずれも、店長に話して、
手直しできるにお願いしてみます。
「出会い物語」評価していただけましたか!
ううーん、ここはトップページと楽天との狭間で揺れております…
何とかしてみます。中途半端なのは間違いないので
うまく膨らませられますし、そうすべきですよね
というか、前のご担当様は忙しかったのでしょう…
本丸も真ん中寄せですか…
実は、この本丸のCSSを弄れないのです…可塑性ゼロ…
どちらも左寄せにしようかとも思ったり
#というかもうCMSはやめようかとも
ブログは3人で書いています。
店長は、その話を聞いた小生が代理で、
マヤさんは、店長の奥さんで、
のむのむさんは、そっち方面のプロで、
それぞれに、思いをぶつけております。
本当であれば、とにかく食べてみてー、と
WEBの真ん中で小籠包を叫びたいところですが、
それがかなわないので、ブログとSEOで我慢しておりまして
#あのラインはどうもプロ技のようです
エールをお送りいただいて、ありがとうございます。本当に :-)
頑張りますとも、ええ、ええ
http://www.nissen3180.co.jp/shop.html
小籠包(しょうろんぽう)彩包 店舗紹介
まず、JPEGの画質が悪すぎる。
画質が悪いと、初心者の作ったページに見え購買意欲が減る。容量を軽くしたいのであれば、画像の大きさを小さくすべき。
最近はブロードバンドだし、トップをJavascriptからFlashにすると、どんな人でもみれるようになるのでよい。
上部のバナーやボタン類が大きすぎて画面が小さい人は見にくい。携帯からフルブラウザで見る人もいることを考慮すべき。
ドメイン(アドレス)が変わりまくるとあやしく(詐欺っぽく)見えるので、あまり変えないほうがいいかも。
imgに画像サイズを最初から設定しておくべき。画像読み込み時にリサイズされて見にくくなる。
全ブラウザで動作確認をすべき。
Mozilla系で崩れるページあり。
ご回答ありがとうございます。
貴殿の言われるのは確かに道理ですね…うう
大きな画像を使うならもう少し考えねば
Flash、いきますかこの際
店長に早速相談してみます。
(何事も−作業費も−雇い主様次第
フルブラウザ対応ですか、これも検討してみます
別ページを作るのもいいかも
あの3つのページを統一せよ、という改革の大号令の声が、
だんだんと大きくなっているような気が
SEO的にはどうなんでしょう?統合?分散?
少し考えてみます…
画像サイズ、きちんと設定しておきます!
全ブラウザで動作確認が足りませんでした…
(というか分かっているなら早く直すべき…
#やはりまだ作業費が必要(ぼそっ
※当方検証環境:
Windows:IE6/FireFox
Mac:Safari/IE(OSX)ネスケ/IE(OS9)
もうちょっと字を大きくしてほしいですね。
ご回答ありがとうございます。
字の大きさですね。了解です。
少し考えてみますこちら方面も。
#本当は写真より文章の方が内容が濃い
(写真より文章、文章より試食
本丸のサイトについてですが、
トップページの大きな画像がスクロールしないと
全体が見えません。
これほど、大きな画像を使っているのですから、
どうせなら全体を写して、
インパクトを与えた方が良いと思います。
上の部分の小籠包の画像で場所をとりすぎです。思い切って画像をなくし他方がいいと思います。
(あくまでも、私の意見ですよ・・)
大変参考になります。ありがとうございます。
ヘッダーは半分位の丈にしようかと
#というか、失態…
画像の解像度の問題は、すべてGIFに置き換えたので解決しているのですが、
何分にも大きい画像なので、当然サイズも大きい…
この点はもうこれで宜しいとの社長のご判断もあり、
とりあえず今回はこんな感じです…
#次回は絶対最初からFlashを勧めます…
いやまて
下の画像を小さく(丈を低く)すればよりベターなのか
(画像のサイズも小さくなるし
#目から鱗…貴殿のご提案は100ポイントクラス…
※彩包出会い物語は、社長の鶴の一声でとりあえず後ろに下がりました…
店舗案内と買い物かごも、リソース切れでこれ以上の作業があたわず…
詳しくは、mixiの小生の日記をご覧ください。
皆様、有益で貴重なご提案に深謝です。:-)
今回のページは、とりあえずこれで終了ですが、
次はライブドアデパートに出店です。
再度質問を立てますので、
どうぞ宜しくご指導ご教示ご鞭撻をお願いいたします。
#100ポイント該当の方へ:
メルマガは調整中でしてごめんなさい…
それで、こちらにお進みになり、
http://www.nissen3180.co.jp/present.html
コメント欄にHNと共に、
「はてなから来ました」とのひと言を添えてください。
もれなく無料でお試しパックをお送りさせていただきます。:-)
(他の方は抽選になりますが、どうぞ奮ってご応募ください
ありがとうございます。参考URLの写真は大変参考になりました。
#どの画像もサイズばかりを気にしてしまっており、もう少し何とかしようと思います…