電子書籍の厳選無料作品が豊富!

CSSで美容室のHPを作製しています。
メニューリストのliにtitleをつけたいと考えてます。
例えば「○○町 美容室 ホームへ」or「○○町 美容室 メニューへ」とつけたほうがSEO対策になるのでしょうか?
宜しくお願い致します。

A 回答 (4件)

#1です(お礼を見てからの回答)先の回答のキーワードとは、


meta Keywordsだけではなく、文章内のキーワードの方が重要です。
------------------------------
titleとは、もしかしてツールチップとして表示させる為のtitleですか?
liへのtitleは邪道。使う場合はアンカーtitleだけにしましょう。
一般的にはbody内でtitleは使わない(重要なアンカーポイントで使う)

考え方が逆。デザイン的だけならどちらでも良いが、SEOを求める言葉なら
<li id="tn1"><a href="index.html">美容室  店名</a></li>
emに画像をつける意味がわかりません。
emも重要ですが「トップページ」や画像に使うのももったいない。
アンカー aに対してemに書いたCSSを書く。アンカーポイントは結構重要なので、アンカー内を「トップページ」にするのではなくキーワードに。

「メニューページ」を作るくらいなら、小さくてもいいから全ページにメニューを表示(あ、#で誘導だけかな? それならtitle=不要)

スペースは半角でも全角でもOKです。/・はスペースと同じ扱いで無意味な物で、一般的にも見栄え的にもスペースが良いでしょう。

と言ってもデザイン的に譲れない事や言葉的にトップがいい場合も多々あります。回答は、あくまでSEOの話ですからご容赦を。
#2さんも書いてますが大事なのは中身の重要性です。
--------------------------------
ツールチップって事なら
<a href="#" class="aa"><span>ツールチップ</span></a>
a:hover {background:#fff; text-decoration:none;}
a.aa span {display:none; padding:2px; margin-left:6px; width:100px;}
a.aa:hover span{background:#fff; display:inline; position:absolute; border:1px solid #999; color:#999;}
    • good
    • 0
この回答へのお礼

再度、ご回答有難うございます!
<em>で言葉を消して(HOMEなど)画像をロールオーバーにしてる件なんですが、CSSの書籍にサンプル例として幾つも載っていたので参考にしてしまいました。
あ、なんか説明が下手で申し訳ございませんm(_ _ )m

今回、皆さんの意見を参考に作り変えました。
ローロオーバー用のjsファイルを外部リンクさせ、

<li id="tn1"><img src="images/bt/tb1_on.gif" alt="美容室の名前トップ゜ページへ" width="100" height="25" /></li>
<li id="tn2"><a href="menu.html"><img src="images/bt/tb2_off.gif" alt="美容室の名前メニュー(料金表)へ" width="100" height="25" /></a></li>

と変えてみました。
これですと先ほども他の方の回答に書いたのですがopera/safariだとaltが表示されないので<a>にtitleをつかようかなと・・・

ご丁寧に有難うございましたm(_ _ )m

お礼日時:2009/02/04 12:15

SEOを誤解されている。


SEOとは、Search Engine Optimizationの略で、検索エンジン最適化と訳され、それ自体で対策という意味を含んでいますから、「馬から落ちて落馬して」
 SEOは文字通り、検索エンジン(ロボット・機械)がページのマークアップから、適切にそのページが何の情報を発しているかが判断できるように、マークアップされているかということです。
 決して、検索エンジンのトップに表示させるためのものではありません。それは結果であって目的ではない>>

 基本的に、要素内の属性は意味ありません。要素そのものを判断しているようです。その文書が<h1></h1>内に書かれている見出しと、内容が一致しているかとか、重要な項目が<em>や<strong>でマークアップされているかとか・・。サーチエンジンで上位に表示させようとすると、逆にSPAMとして弾かれる可能盛大。

 いちばん、よく分かるのは、画像の読み込みを停止して、スタイルシートを解除してページを、表示させて読んでみること。

 まあ、<li>にtitle属性は不要でしょう。おかしいでしょ。箇条書き自体がすでにタイトルみたいなものですからね、<a>なら分かります、内容(<a></a>で挟まれたテキスト)だけじゃ説明不足のとき、ポインターをあわせるとtitleが表示されますからね。--ですが、これはユーサビリティ・アクセスビリティの対策であって、SEOとは無関係。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます!
そうですね、SEOを誤解しておりました。
title属性を入れればその言葉を検索ロボットが拾ってくれるものかと勘違いしておりました…
operaやsafariですとマウスオーバーした時にaltが表示されず、その件で検索かけた所「title属性を入れてあげれば良い」みたな事が書いてありました。
その場合は<a>に入れてあげれば良いのですね。

お礼日時:2009/02/04 12:03

キーワード関係のSEOはやるに越したことはない という程度の考えに


留めておいた方が無難ですよ

中身が同じという条件で、質問の書き方をやったページ・やらないページの
それぞれの順位ってたぶん大差ないと思います(変わらないかも)

適切なマークアップをされたキレイなHTML+CSSで、お客様にとって
有益な情報をたくさん載せることが最善のSEOです
下手な小細工に悩む時間があったら、コンテンツに力を注いだ方が
よっぽどSEOの効果は高いですよー

最近の美容室のサービスはイメージ出来ない横文字のものばかりで
デジタルパーマって何よ??って思うようなことばっかりな私には
サービスの内容を詳しく・わかりやすく説明してくれてたり
仕上がりのサンプル画像が載せてあるサイトの方は魅力的ですね

あとは店員さんの人となりなどもわかると初めていった時でも
お話しやすいかなと思いますよー(例えば趣味を載せるとか)
    • good
    • 0
この回答へのお礼

早速のご回答有難うございます!!
なるほど、細かい事に悩むよりコンテンツをじっくりやったほうがいいですね。
確かに私もデジタルパーマって?とよく思うことあります。
業界用語?等を詳しく説明できてるようなページ作りを目指して頑張ります!
STAFF紹介も充実させますね。
大変貴重なご意見有難うございましたm(_ _ )m

お礼日時:2009/02/04 11:57

liにtitleとは、アンカーにtitleって意味?


<li><a title="○○町 美容室 ホームへ">○○町 美容室 ホームへ
それとも単に表示<li>○○町 美容室 ホームへ</li>って意味?

「○○町 美容室 ホームへ」ってのは、ユーザーから見たら
○○町の美容室を紹介している総合サイトだと勘違いします。

まず、SEOを考えるよりも、ユーザビリティ優先。
「○○美容室」とする(これでindexへリンク)
せいぜい「○○町 ○○美容室」
付属でtitleや文章に「○○市○○町の○○美容室」と紹介する。

ホームへ メニューへ トップへ TOP HOME
こんな言葉は検索的には無意味です。

ターゲットを狙う場合、新規客をターゲットとするならキーワードに
○○市,○○町,美容室,美容院,美容,カット,パーマ,髪染め, などを文章に入れ積極的に店の業務内容を紹介。
既存客をターゲットとするならキーワードに
○○市,○○町,美容室,美容院,○店名○ などで
店の雰囲気やスタッフを紹介しフレンドリーに。
    • good
    • 0
この回答へのお礼

早速のご回答有り難うございます!
しかもキーワード設定やHPの雰囲気作りまでアドバイス頂き大変感謝いたします!
今作っていたのはアンカーではなく「<li id="tn1" title="○○町 美容室 お店の名前"><a href="index.html"><em>トップページ</em></a></li>」
「<li id="tn2" title="○○町 美容室 お店の名前 メニューへ"><a href="#"><em>メニュー</em></a></li>」
<em>を入れてるのはcssで画像を置いてる為です。
こんな感じです。どうでしょうか?^^;

もう一つお聞きしたいのですが、このtitleに入ってるスペースは半角スペースで良いのでしょうか?例えば/とか・を使った方が良いのでしょうか?

お礼日時:2009/02/03 23:03

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!