SEOに有効か?

このQ&Aのポイント
  • JavaScriptとは、なんぞやという堅苦しい説明です。最初に読んでもサッパリと思いますが、とりあえず目を通してください。後になるとわかるようになります。
  • いきなりJavaScriptを使ってみましょう。いきなりJavaScriptをつかって、使用中のブラウザ名をホームページに表示します。ここをマスターすれば、後は楽勝です。
  • あいさつ文を表示してみましょう。ホームページの冒頭でよく見かける、時間によってかわるメッセージを表示します。
回答を見る
  • ベストアンサー

SEOに有効か?

こんなページ見つけました。 http://www.red.oit-net.jp/tatsuya/java/setumei.htm これってSEO上有効なのでしょうか?結構キーワードが埋まんないときに使えると思います。意見下さい。 <SCRIPT language="JavaScript"><!-- myOP = window.opera; // OP myN6 = document.getElementById; // N6 myIE = document.all; // IE myN4 = document.layers; // N4 if (myOP) myBR="N6"; // ブラウザは OP6以上 else if (myIE) myBR="I4"; // ブラウザは IE4以上 else if (myN6) myBR="N6"; // ブラウザは NS6以上 else if (myN4) myBR="N4"; // ブラウザは NN4 else myBR=""; // ブラウザは 分からん function myBrowserObj(myID){ // 使用中のブラウザの取得 if (myBR=="N6") myRet=document.getElementById(myID).style; else if (myBR=="I4") myRet=document.all[myID].style; else if (myBR=="N4") myRet=document[myID]; else myRet=0; return myRet; } function myDisp(myID,myVisibility){ // コメント窓 表示/非表示 myObj = myBrowserObj(myID); // 使用中のブラウザオブジェクト if(myObj){ // ブラウザ対応? myObj.visibility = myVisibility; // 表示/非表示 } return true; } function myIn( myID ) { // カーソルが乗った myDisp(myID,"visible"); // 表示 } function myOut( myID ) { // カーソルが離れた myDisp(myID,"hidden"); // 非表示 } // --></SCRIPT> <a href="hajimeni.htm" onmouseover="myIn('step0')" onmouseout="myOut('step0')">はじめに<br></a> <a href="step1.htm" onmouseover="myIn('step1')" onmouseout="myOut('step1')">Step.1<br></a> <a href="aisatu.htm" onmouseover="myIn('step2')" onmouseout="myOut('step2')">Step.2<br></a> <a href="getdate.htm" onmouseover="myIn('step3')" onmouseout="myOut('step3')">Step.3<br></a> <a href="function.htm" onmouseover="myIn('step4')" onmouseout="myOut('step4')">Step.4<br></a> <div id="step0" style="position:absolute; left:150px; top:280px; width:300px; height:100px; z-index:1; visibility:hidden"> <table border="1" cellpadding="6" cellspacing="0" width="300"> <tr><td bgcolor="#008b8b"><font color="#FFFFFF"> はじめに<br> JavaScriptとは、なんぞやという堅苦しい説明です。最初に読んでも サッパリと思いますが、とりあえず目を通してください。後になると わかるようになります。<br> </font></td></tr></table></div> <div id="step1" style="position:absolute; left:150px; top:280px; width:300px; height:100px; z-index:1; visibility:hidden"> <table border="1" cellpadding="6" cellspacing="0" width="300"> <tr><td bgcolor="#008b8b"><font color="#FFFFFF"> STEP.1<br>いきなりJavaScriptを使ってみましょう<br> いきなりJavaScriptをつかって、使用中のブラウザ名をホームページ に表示します。ここをマスターすれば、後は楽勝です。<br> </font></td></tr></table></div> <div id="step2" style="position:absolute; left:150px; top:280px; width:300px; height:100px; z-index:1; visibility:hidden"> <table border="1" cellpadding="6" cellspacing="0" width="300"> <tr><td bgcolor="#008b8b"><font color="#FFFFFF"> STEP.2<br>あいさつ文を表示してみましょう<br> ホームページの冒頭でよく見かける、時間によってかわるメッセージ を表示します。<br> </font></td></tr></table></div>

  • HTML
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

カーソルを合わせた時に表示される言葉も検索エンジンに認識されるのは確かです。 ただ、せっかく検索して来てくれた利用者が、探していたコトバがページ内にみつからなければハズレだったかと思って帰ってしまう事も考えられる(*1)のでページの造りしだいでは実効性はなんとも… また、コトバが多ければ、一つ一つの重みは薄れるのでより多くのコトバで検索にひっかるようにはなる反面、大事なキーワードでの検索順位が落ちるかも。 (*1) スクロールして探すぐらいの事はするけど、カーソルを合わせて探すまでの事はしないように思います。

関連するQ&A

  • tableでレイアウトが崩れる場合

    技術の足りなさからCSSにできなかったので、再度テーブルでサイズを指定してやってみようとしているところです。 どこかの数字がおかしくなっていると思うのですが、どうしてもわかりません。 ちゃんと表示できるブラウザとそうでないブラウザがあり、Firefoxは環境設定により表示が崩れる場合があります。 使用ソフトはビルダーの11です。 なんでも良いのでどうぞアドバイスをよろしくお願い致します。 <body> <div ALIGN="center"> <table> <tbody> <tr> <td CLASS="td4" HEIGHT="70"> <table WIDTH="600" CELLSPACING="1" CELLPADDING="0"> <tbody> <tr> <td VALIGN="top" CLASS="td1" WIDTH="400" ALIGN="left" HEIGHT="180"> <b>文字 <textarea ROWS="15" COLS="70">文字</textarea><br> <br> </td> <td VALIGN="top" CLASS="td1" WIDTH="100" HEIGHT="180"> <table CELLSPACING="0" CELLPADDING="4"> <tbody> <tr> <td CLASS="td2" HEIGHT="16" WIDTH="100">文字</td> </tr> </tbody> </table> 文字 <br> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br> </div> </body>

    • ベストアンサー
    • HTML
  • css テーブルについて

    よろしくお願いします。 2だけを300pxと100pxに2分割にできないでしょうか。 <div class="aa"> <table> <tr> <th>1</th> <td>2</td> </tr> <tr> <th>1</th> <td>1</td> </tr> </table> </div> .aa table { width: 500px; height: 100px; border: 1px #000000 solid; border-collapse: collapse; } .aa th { width: 100px; border: 1px #000000 solid; } .aa td { width: 400px; border: 1px #000000 solid; }

    • ベストアンサー
    • CSS
  • Layerの中にあるリンクがmacで動作しません

    以下が友達に質問されたソースを簡略化した物です。layerを左右2段組みにしてますが、右のlayer内が全く反応しません。layerを使わなければできるのですが、この方法のどこが間違っているかが教えられなくて質問しました。よろしくお願い致します。 javascript~window.open省略 <DIV style="top : 61px; left : 356px; position : absolute; z-index : 1; width: 331px; height: 40px;" id="Layer2"> <DIV> <TABLE border="1" width="331" height="40"> <TBODY> <TR> <TD width="61" height="20">サンプル2</TD> <TD width="214"><A href="#">◆</A></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 61px;left : 24px; position : absolute; z-index : 3; " id="Layer5"> <DIV> <TABLE border="1" width="313" height="40"> <TBODY> <TR> <TD width="134" height="16">サンプル</TD> <TD width="141"><A href="#">◆</A> </TD> </TR> </TBODY> </TABLE> </DIV> </DIV>

    • ベストアンサー
    • HTML
  • リンク先から戻ったら、表示がおかしい。

    未完成品です。 サイトの各ページからメインページに戻ると、文字の色が変わったり、 大きさが変わります。 どこに不具合があるか、初心者なのでよくわかりません。 いじりすぎて、構成もめちゃくちゃだと思いますが、よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>ゲームのすべて</title> </head> <!--全体の背景--> <body bgcolor="#696969" text="#FFFFFF" link="#0000FF" alink="#DC143C" vlink="#8B008B"> <title>デザイン</title> <style type="text/css"> <!-- body { line-height:150%; font-size: 12px; color: #222222; margin:10px 0px; } .menu_c { font-size:12px; color:#cccccc; } .menu_c a { color:#ffffff; text-decoration: none; } .menu td { padding:2px 8px; } .side { background:#D3D3D3; margin:0px 0px 10px 0px; padding:5px 8px; border-left: #80838F 1px solid; border-right: #80838F 1px solid; border-bottom: #80838F 1px solid; } h3 { color:#ffffff; font-size:12px; margin:0px; padding:2px 12px; background:#808080; } h4 { color:#ffffff; font-size:12px; margin:0px 0px 0px 8px; padding:2px 12px; background:#808080; } .comb { margin:0px 1px 10px 8px; padding:5px 10px 5px 4px; background:#D3D3D3; } --> </style> </head> <!-- ページの全体幅テーブルタグ --> <table width="780" align="center"> <tr><td> <!--一番上のところ--> <table width="100%" > <tr> <td width="18%"><img src="logo.gif" width="132" height="40"></td> <td width="82%" align="right"><a href="index">ホーム</a> <hr noshade size=1></td></tr> </table> <br> <table width="100%" border="0" cellspacing="0" bgcolor="#DCDCDC" class="menu"> <tr><td width="72%">ああああああああああああああ</td> <td width="28%" align="right">デザイン</td></tr> </table> <table width="100%" border="0" cellspacing="0" class="menu"> <tr><td bgcolor="#808080" class="menu_c"><a href="#">ホーム</a> | <a href="#">おもなゲーム</a> | <a href="#">ソフト</a> | <a href="#">作られる過程</a> </td></tr> <tr><td><a href="#">ホーム</a> &gt; ページナビ</td></tr></table> <!--左サイドメニュー--> <table width="100%" border="0" cellpadding="0" cellspacing="0" style=" border-bottom: #B6B6B6 1px solid;"> <tr><td width="25%" height="70" valign="top" bgcolor="#696969"> <h3>おもなゲーム</h3> <div class="side"> ・<a href="page1.html#1">PS3</a><br> ・<a href="page1.html#2">PSP</a><br> ・<a href="page1.html#3">PSP go</a><br> ・<a href="page1.html#4">Xbox360</a><br> ・<a href="page1.html#5">Wii</a><br> </div> <h3>ソフト</h3> <div class="side"> <br> </div> <h3>おもなゲーム</h3> <div class="side"> ・<br> ・<br> ・<br> ・<br> </div> <h3>プログラマー</h3> <div class="side"> </div> <!--左サイドメニュー 終--> <!--右サイドメニュー 始--> <br></td> <td width="75%" valign="top"> <h4>自己紹介</h4> <div class=comb>ああああああああああああああああああああああああああああああああ<br> aaaaaaaa<br> aaaa </div> </td></tr></table> </td></tr></table> <table width="100%" > <tr><td align="center"><a href="index.html">ホーム</a> | <a href="page1.html">おもなゲーム</a> | <a href="page2.html">ソフト</a> | <a href="page3.html">作られる過程</a> | <a href="page4.html">プログラマー</a></td></tr> <tr><td align="center">Copyright &copy; Your site. All Rights Reserved. </td></tr> </table> </html>

  • IEではうまく行くのですが他のブラウザでも表示できるように…

    下記のようにしたのですが、IEではうまくゆくのですが、 他のブラウザではできません。 同じようにするにはどのように調整したらよいのか教えてください。 <DIV> <SPAN style="overflow:hidden;width:30px"> <TABLE border="1" width="100%"> <TR bgcolor="silver"><TD>A</TD></TR> </TABLE> </SPAN> <SPAN id="title" style="overflow-y:scroll;overflow-x:hidden;width:150px;"> <TABLE border="1" style="table-layout:fixed;width:150px"> <TR bgcolor="silver"><TD>C</TD><TD>D</TD><TD>E</TD></TR> </TABLE> </SPAN> </DIV> <!--本体部分--> <DIV> <SPAN id="fixedcols" style="overflow:hidden;overflow-x:scroll;width:30px;height:80px;"> <TABLE border="1" style="width:100%" bgcolor="#ffffcc"> <TR><TD>F</TD></TR> <TR><TD>K</TD></TR> <TR><TD>P</TD></TR> <TR><TD>U</TD></TR> </TABLE> </SPAN> <SPAN id="maincols" style="overflow:scroll;width:150px;height:80px" onscroll="fnc_scroll()"> <TABLE border="1" style="table-layout:fixed;width:150px"> <TR><TD>H</TD><TD>I</TD><TD>J</TD></TR> <TR><TD>M</TD><TD>N</TD><TD>O</TD></TR> <TR><TD>R</TD><TD>S</TD><TD>T</TD></TR> <TR><TD>W</TD><TD>X</TD><TD>Y</TD></TR> </TABLE> </SPAN> </DIV> <SCRIPT language="javascript"> <!-- function fnc_scroll(){ document.all.item('fixedcols').scrollTop=document.all.item('maincols').scrollTop; document.all.item('title').scrollLeft=document.all.item('maincols').scrollLeft; } --> </SCRIPT>

  • スタイルシートでのデザイン

    HTMLを組む際、今までレイアウトはtableタグで組んでいたのですが、CSSで組もうと思っています。 例えば、 <table align="center"> <tr> <td colspan="2" width="500" height="80">aaa</td> <td rowspan="2" width="300" height="200">bbb</td> </tr> <tr> <td colspan="2" width="500" height="20">ccc</td> </tr> <tr> <td width="200" height="100">ddd</td> <td width="300" height="100">eee</td> </tr> </table> をスタイルシートで配置しようと思い、 <div align="center" style="width:800px"> <div style="float:left;width:500px;height:80px;background-color:#ff9999">aaa</div> <div style="float:right;width:300px;height:200px;background-color:#9ff999">bbb</div> <div style="float:left;width:500px;height:20px;background-color:#9999ff">ccc</div> <div style="float:left;width:200px;height:100px;background-color:#99ffff">ddd</div> <div style="float:center;width:300px;height:100px;background-color:#ffff99">eee</div> </div> としたのですが、センタリングされないのと、eeeの箇所がdddの隣に来ないで次の行に移ります。 うまく出来ないので、どなたか教えて下さい。お願いします。

    • ベストアンサー
    • CSS
  • 表(セル)の線

    スクロール状態の時、一番下までいくとmargin:-1px;と指定したbottomのところが上手く消えてくれないのでなにか良い解決方法はないでしょうか。 伸ばしてるときは大丈夫なんですが・・・ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> table,td {border: solid 1px slategray; border-collapse: collapse;} .close {height:100px;overflow-y:auto; } div {padding:0px;} </style> <script> function scr(){hoge=document.getElementById("konoko"); if(hoge.className=="close"){hoge.className="";} else {hoge.className="close";} } </script> </head> <body> <a href="#" onclick="scr()">伸縮すいっち</a> <br><br> <table> <tr> <td>名前</td> <td style="width:14px;">S<br>C<br>R</td> </tr> <tr> <td colspan="2" style="padding:0;"> <div id="konoko" class="close"> <table style="margin:-1px"> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> <tr> <td>名前</td> </tr> </table> </div> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • テーブル内のスクロール

    初めて質問いたします。 HTML構文をきちんと理解しないまま、サイトをつくってしまっていますが、ひとつ困っていることがあります。テーブルの中のひとつのセルの高さサイズを固定してその中につくったテーブルを縦にスクロールさせています。winではうまく表示できるのですが、mac環境の人からスクロールしないと言われました。ブラウザはIE5と聞いています。以下のような構文にしていますが、なにか間違えているのでしょうか?どなたか教えていただけると助かります。よろしくお願いいたします。 <table width="620" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"height="500"> <tr> <td height="60" valign="top"> </td> </tr> <tr> <td> <div align="center"> <div style="height:400px;width:600px;overflow-y:scroll;"> <table width="600" border="0" cellspacing="0" cellpadding="0"> </table> </div> </div> </td> </tr> </table>

    • ベストアンサー
    • HTML
  • floatを突き抜けて背景の色が無くなる

    Firefox等ではタイトルの高さ分だけコンテナを突き抜けてしまうようです。 どうすればよいのでしょうか? タイトルがあるのと、表は画面いっぱいにしたい(高さ100%)という意図があり中々うまくいきません。 是非アドバイス宜しくお願い致します。 <html> <head> <style type="text/css"> html, body{ height: 100%; } #container { height: 100%; color: #000000; background-color: #cccccc; border: 1px solid #333333; } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } #title { width: 100%; height: 70px; float: left; border: 1px solid #000000; } .leftBox { width: 20%; float: left; border: 1px solid #000000; } .rightBox { width: 75%; height: 100%; float: right; border: 1px solid #000000; } </style> </head> <body> <div id="container"> <div id="title">タイトル</div> <div class="leftBox"> ナビ<br> a<br> b<br> c<br> d<br> e<br> f<br> g<br> h<br> i<br> j<br> k<br> l<br> m<br> n<br> o<br> p<br> q<br> r<br> s<br> t<br> u<br> v<br> w<br> x<br> y<br> z<br> </div> <div class="rightBox"> <table height="100%" width="100%" border="1"> <tr> <td>表1</td> <td>表2</td> </tr> <tr> <td>表3</td> <td>表4</td> </tr> </table> </div> </div> </body> </html>

    • 締切済み
    • CSS
  • 条件にあったテーブルのセルを数える

    テーブルを作り、それぞれのセルをonmouseoverすると背景が変わるようになっています。そして、背景が変わった後に、何個のセルの背景が変わったのかを知りたいのですが、どうもうまくいきません。alertで確認してもいつも「0」として出てきます。お手数ですが、ご指導お願いします。 <script type="text/javascript"> function bgSwap(TD) { if(window.event.shiftKey == true) { if(TD.style && TD.style.backgroundColor){ TD.style.backgroundColor = ''; } else{ TD.style.backgroundColor = '#000000'; } } } function sendToparent(){ var count=0; var i; var tdname = document.getElementById('F1table').getElementsByTagName('td'); for (i=0; i < tdname.length; i++) { if(tdname[i].style.backgroundColor == "#000000"){ count = count+1; }else { count = count; } } alert(count); } </script> <body> <input type='button' value='set' onclick='sendToparent()'> <table id='F1table' border="0" bordercolor = '#000000' > <tr> <td onmouseover="bgSwap(this)" width="35" height="35"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> <td onmouseover="bgSwap(this)" width="30" height="30"></td> </tr> </table> </body>

専門家に質問してみよう