googleキーワード検索でHPが出なくなった
- googleでキーワード検索するとホームページが表示されなくなりました。
- ホームページの表示順位が大幅に後ろになり、トップに表示されなくなりました。
- ホームページの見出し部分を共通化するため、Java Scriptで作成したs_header.jsを使用していますが、それが原因ではなさそうです。
- ベストアンサー
googleキーワード検索でHPが出なくなった
googleでキーワード検索するといつもトップに出ていたホームページが、かなり後ろまで探しても出なくなりました。以前は、見出し部分をどのページにも貼り付けていました。 その後、見出し部分を共通にするため、Java Scriptで共通する部分をs_header.jsと言う名前で作成し、body の後に埋め込みました。 しばらくは、気がつかなかったのですが、１ヵ月後位に検索しても出なくなるのに気が付き、 s_header.jsに記述している"description"と"keywords"の項目の箇所をトップページにも貼り付けましたが、それでも出てきません。どうしてなのか教えて下さい。 ホームページは絶えず、更新はしています。少し後ろに移っただけならまだ納得がいきますが、 かなり後ろまで探しても出なくなったのが、納得がいきません。 尚、MSN JAPANでキーワード検索すると、トップに出てきます。 環境：Windows XP、テキストエディタはAlpha Editorを使用 しています。 尚、以下の質問も参考にしました。 HPがGoogleの検索結果に表示されません http://okwave.jp/qa/q5033658.html index.htmlの冒頭部分 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"><head><title>〇〇〇ホームページ トップ</title> <meta content="text/html; charset=Shift_JIS" http-equiv="Content-Type"> <meta name="description" content="〇〇〇のホームページです。"> <meta name="keywords" content="〇〇,〇〇,〇〇"> <meta content="text/css" http-equiv="Content-Style-Type"> <link rel="stylesheet" type="text/css" href="sample.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19154"></head> <body> <script language="JavaScript" src="func.js"></script> <script type="text/javascript" charset="Shift_JIS" src="s_header.js"></script> s_header.jsの冒頭部分 document.write( '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">', '<body>', '<h1>〇〇〇</h1></div></div>', '<div class="intro">', '<br>', （以下、共通部分が続きますが、省略） '</body>', '</html>' );
- kenchandesu
- お礼率80% (32/40)
- ホームページ作成ソフト
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
まず大事なこと googlebotはjavascriptを実行しませんから、意味ありません。あくまでgooglebotはテキストとして読んでいるだけです。 googleがどのように見ているか知りたければ、Lynxを使ってください。ウェブ製作には必須です。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://www.google.com/support/webmasters/bin/answer.py?answer=35769&hl=jp#2 )］より なお、GOOGLEは公式ブログで、KEYWORDは読まないと言ってます。これはウェブマスターの間では随分前から常識となっています。 Official Google Webmaster Central Blog: Google does not use the keywords meta tag in web ranking ( http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html ) ・Yahoo! はmeta「keywords」を見ている？いない？ - SEO薬箱 ( http://pillcase.com/seo/2009/09/yahoo-metakeywords.html ) ・META Keywordsタグはランキングに関係なし – 米裁判所も認めた - 海外SEO情報ブログ - 海外のSEO対策で極めるアクセスアップ術 | 海外SEO情報ブログ ( http://www.suzukikenichi.com/blog/us-court-says-meta-keywords-dont-matter/ ) など・・・ googleの検索順位が下がったということは、HTMLの内容そのもの--Lynxで見たときの--で、あなたのページの内容が理解できていないということも大きな原因でしょう。 あなたのサイトの、そのページのtitleが、そのページの内容を的確に示したものであるか？ そのページの本文に、そのキーワードがきちんと正しく使われているか？？？単に並べただけではダメです。 SEOとは、本来は検索エンジン最適化と言って、検索順位を上げる目的ではありません。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 検索エンジンがページの内容を正確に解釈できるようにすることです。検索順位にそれが反映されるのは、結果であって目的ではありません。 たとえば、すべてのページで<HEAD></HEAD>の内容が同じ、あるいはkeywordsやdescriptionの内容が同じであった時点でSPAMと判定して欲しいのは、検索エンジン利用者の立場に立てば理解できるでしょう。検索エンジンは著者のためではなくユーザーのためにあるという基本を忘れたらダメです。 あなたのサイトの、それぞれのページのtitle,内容、見出しはすべて異なるはずです。それを各ページごとに、検索エンジンにわかるように描かなければダメなのです。もちろん、本文もきちんと文書構造にしたがってマークアップされていることも、それらにまして重要です。 詳しくは ウェブマスター向けガイドライン ( http://www.google.com/support/webmasters/bin/answer.py?answer=35769&hl=jp ) などをお読みなさい。 私はgoogleの検索順位なんて、一切気にしません。keywordsもdescriptionもここ十年、まったく記述していません。その代わり <body> <div class="header"> ヘッダ <div class="abstrct> 要約--ここにdescliptionに該当する記事を、検索される可能性のある語句を含めて記述している。 </div> </div> <div class="section">あるいは<div class="body"> 本文 </div> <div class="footer"> フッタ(文書情報など) </div> </body> の構造だけは貫いています。 あくまで、検索エンジンが私のそのページの内容を正確に理解して、探しているユーザーにページの内容がきちんと伝わることだけを考えています。 幸いに、そのキーワードで探せば必ずトップに表示されますが、それは結果であり、目的ではありません。 ★最低限、Lynxで見たときにそのサイトの内容がわかるように記述しましょう。すくなくともheadの内容をjavascript任せにするのはだめです。どうしても自動化したければ、サーバーサイトでCGIなりで行いましょう。
関連するQ&A
- jqueryを使った共通html埋め込みができない
各ページに共通なヘッダ部分を、jqueryを使って読み込みたいと以下のコードを書いたのですが、なぜか読み込まれません。 test.htmlとheader.htmlは同階層（トップレベル）にあって、jsディレクトリにjquery-1.7.1.min.jsを置いています。 どうか知恵をお貸しください。 よろしくお願いします。 test.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> <!–- $(function(){ $("#header").load("header.html"); }); // -–> </script> <title>test</title> </head> <body> <div id="header"></div> main </body> </html> header.html <div id="header">header</div>
- ベストアンサー
- JavaScript
- html,css初心者です。ヘッダーの余白について
ヘッダーの余白について教えて下さい。 どうしてもヘッダーの上部分に余白ができてしまいます。 HTMLとCSSをはります。 bodyに色をつけるとヘッダー上部分の余白の色も色がついてしまうので困っています・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <div id="header"><!--/ #header --> あいうえお </div> </body> <html> CSS #header{ width: 980px; margin: 0 auto; background: #fff; text-align: left; } 宜しくお願いします。
- ベストアンサー
- HTML
- ＪＳの記述を別ファイルに移す
下記のＨＴＭＬ内の <script type="text/javascript">～</script> をtest.jsとして別ファイルに移す場合にどのように、記述するればよいのでしょうか。単純にコピペしたのですがうまくいきません。 初歩的だとは思いますが、ご指導をお願いします。 --------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/Draggable.js"></script> </head> <body> <div id="test1" class="test"></div> <div id="test2" class="test"></div> <script type="text/javascript"> var test1 = new Draggable("test1"); var test2 = new Draggable("test2"); </script> </body> </html>
- ベストアンサー
- JavaScript
- HPで各頁に共通したヘッダーhtml全部をつけたい
ホームページで各ページに共通したヘッダーを JavaScriptのdocument.write()を利用してつけようとしています。 OSはwindows Xpで、制作ツールは、alphaEDITを使用しています。 １．「header.js」ファイルを用意 document.write("<header.html>header"); ２．「index.html」を用意 <html> <head></head> <body> <script language="JavaScript" src="header.js"></script> 中身 </body> </html> ３．スタイルシートsample3.cssを用意 ４．header.html を用意 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>ヘッダー</title> <meta content="text/html; charset=shift_jis" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="sample3.css"> <script language="JavaScript" src="func.js"></script> </head> <body> （かなり長いので省略） <p> </p></body></html> これで「index.html」を実行しますと、 header 中身 と表示されます。 headerという文字ではなく、header.html 全部を表示し、かつスタイルシートも反映させたいのですが、どうすればいいですか？ 教えて下さい。 参考にしたＵＲＬ 各ページに共通したヘッダー(フッター)をつける http://tagland.net/technique/common_header.html
- ベストアンサー
- JavaScript
- HTMLソースにない文字がブラウザ画面に表示
HTMLのソースについて DOMソースについて ある画面のHTMLについて質問です。HTML自体には、閉じるタグが漏れているとかそういったミスが ないことを確認済。 対象のHTMLをブラウザで見ると一番先頭に「/」（半角スラッシュ）が入っています。HTML自体をどんなにみても 余計なスラッシュはありません。見落としがあるといけないので検索をしてみたのですがやはりありません。これは間違いありません。 IE１０ DebugBarを使用しDOMソースというのをみると、<body>のすぐ下に「/」がありその下に<meta ・・・ が続いています。 FireFoxで見てもやはり「/」は画面の一番上に表示されています。インスペクタでみるとIE同様 <meta ・・・ <link ・・・ が、bodyタグ、スラッシュ、の次に続きます。 画面で右クリックしソースをみると 一番先頭に「/」があり次に <!DOCTYPE ・・・と続きます。 すごく困っているのは このスラッシュを取り除きたいのですが、どうしたらいいのでしょうか？ bodyの中を空にしてみたのですがやはり画面でみると先頭に半角スラッシュが登場します。 ほんとうにわからず質問させていただきました。 次に どうしてこのような現象が起きるのでしょうか？ HTMLの先頭部分は以下のとおりです。 bodyタグの中は簡単なtebleです ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ｘｘｘｘｘｘｘ</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta name="robots" content="noindex,nofollow"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="js/xxx.js"></script> <script type="text/javascript" src="js/xxxxxx.js"></script> </head> <body> <div> <table> (略） </table> </div> </body> </html>
- 締切済み
- HTML
- googleに飛べない
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script language="JavaScript"> <meta http-equit="refresh"content"0;http://www.google.co.jp/"> </script> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 13.0.4.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title> </title> </head> <body> <noscript> <br>JavaScriptを有効にして下さい<br> </noscript> </body> </html> googleに飛べないのですがどこの記述が間違っているのでしょうか？ ご教示お願いします。
- ベストアンサー
- JavaScript
- 検索サイト作成について
今、Ajaxを用いてカスタム検索サイトを作成しています。内容は、検索したいキーワードをテキストボックスに入力し、その結果をタブの中で表示させるようにしています。しかし、何度してみても結果を表示させることができません。どうしたら、結果表示させることができるでしょうか？よろしくお願いします。下がソースです。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Search Site</title> <link rel="stylesheet" type="text/css" href="_css/import.css" media="all" /> <script type="text/javascript" charset="utf-8" src="_js/jquery-1.3.2.min.js"></script> <script type="text/javascript" charset="utf-8" src="_js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" charset="utf-8" src="_js/jquery_ui_tab.js"></script> </head> <body> <div id="header"> <!-- #header --></div> <div id="container"> <div id="read"> <br> </div> <ul> <li><a href="#about" title="about">about</a></li> <li><a href="_ajax/google.html" title="google">google</a></li> <li><a href="_ajax/yahoo.html" title="yahoo">yahoo</a></li> <li><a href="_ajax/goo.html" title="goo">goo</a></li> </ul> <div id="about"> </div> <!-- #container --></div> <div id="footer"> <!-- #footer --></div> </body> </html>
- ベストアンサー
- JavaScript
- google翻訳ツール設置
google翻訳ツールを ビルダー11で作成しているHPに設置したのですが プレビューで表示されません。 <header>から</header>の間に入れたのですが間違いでしょうか？ 11行目です。 よろしくお願いいたします。非常に困っております。 ご存知の方教えてください、お願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio … <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="table.css" id="_HPB_TABLE_CSS_ID_"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-6834572-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <div id="container"> <div id="header"> <h1></h1> <a href="index.html"><img src="images/logo.gif" alt="Sample Nail Salon" name="logo" width="357" height="57" id="logo" /></a><br> </div> <!--/header-->
- ベストアンサー
- JavaScript
- Ajaxを使った検索サイト作成
今、Ajaxを用いてカスタム検索サイトを作成しています。内容は、検索したいキーワードをテキストボックスに入力し、その結果をタブの中で表示させるようにしています。しかし、何度してみても結果を表示させることができません。どうしたら、結果表示させることができるでしょうか？よろしくお願いします。下がソースです。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>Search Site</title> <link rel="stylesheet" type="text/css" href="_css/import.css" media="all" /> <script type="text/javascript" charset="utf-8" src="_js/jquery-1.3.2.min.js"></script> <script type="text/javascript" charset="utf-8" src="_js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" charset="utf-8" src="_js/jquery_ui_tab.js"></script> </head> <body> <div id="header"> <!-- #header --></div> <div id="container"> <div id="read"> <br> </div> <ul> <li><a href="#about" title="about">about</a></li> <li><a href="_ajax/google.html" title="google">google</a></li> <li><a href="_ajax/yahoo.html" title="yahoo">yahoo</a></li> <li><a href="_ajax/goo.html" title="goo">goo</a></li> </ul> <div id="about"> </div> <!-- #container --></div> <div id="footer"> <!-- #footer --></div> </body> </html>
- ベストアンサー
- AJAX
- スクリプトエラーについて
メールフォームをmailformpro2というフリーのものをつかって、自分なりにホームページビルダーでカスタマイズしているのですが、最終的にプレビューしてみるとスクリプトエラーが出てしまいます。 エラーはこのようなものです。 ライン ２ 文字 １ エラー 文字が正しくありません。 コード ０ ２行目の一文字目ということだと思うのですが、何が原因かわかりません。 それともうひとつ、「お問い合わせ」というタイトルにしているのですが、これも原因がわからないのですが、プレビューをしてみると問い合わせの後に入力していない文字が出て「問い合わせ３．０．０」が表示されます。 これもスクリプトエラーが原因なのでしょうか？ 以下が、その部分を含んでいると思われるＨＴＭＬです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>お問い合わせ</title> <meta name="revisit_after" content="7 days" /> <meta name="robots" content="ALL" /> <meta http-equiv="pragma" content="no-cache" /> <link rel="index" href="index.html" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="commons/_include_wide.css" type="text/css" /> <meta name="Description" content="お問い合わせ" /> <!--[メールフォームプロ・参照ファイルここから]--> <link rel="stylesheet" href="commons/mailform.css" type="text/css" /> <script type="text/javascript" src="commons/jquery.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script> <script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script> <script type="text/javascript" src="postcodes/get.cgi?js" charset="UTF-8"></script> <!--[メールフォームプロ・参照ファイルここまで]--> </head> <body> <div id="wrapper"> <div id="header"> <h1 id="title">お問い合わせ <script type="text/javascript" src="commons/mfp.version.js"></script></h1> <div>お電話でのお問い合せは ***-***-**** (月曜日～金曜日／午前9時～午後6時)までお問い合わせください。</div> </div>
- 締切済み
- ホームページ作成ソフト
お礼
非常に詳しい解説をありがとうございました。 ホームページの内容を見直します。