アプリ版:「スタンプのみでお礼する」機能のリリースについて

titleを書いたのに反映されない。

8年前に知人がつくってくれたHPをほぼそのまま使っています。
最近,各ページにtitleがあった方がSEO上いい,という話しを聞きました。
そこで私もそうしたのですがうまくいきません。
うまくゆかないという意味は
エクスプローラ(10)の「表示」→ソースではどのページも以下の(トップベージ)になってしまいます。
またグーグルで検索できません。(ただしこれはまだ1月前に修正したばかりのせいかも)
一方,「右クリック」→ソースの表示では,自分が開いたページ(該当ページ)が反映されます。
どこに問題があるのでしょうか。


(トップページ)

<html>
<head>
<title>(略)</title>
<meta name="author" content="(略)">
<meta name="description" content="(略)">
<meta name="keywords" content="(略)">
<meta http-equiv="content-type" content="text/html;charset=x-sjis">
</head>
<frameset cols="150,*" border="0">
<frame name="left" src="left.html">
<frame name="top" src="top.html">
</frameset>
</html>


(該当ページ)
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">

<title>(略。ただしトップページとは違うタイトル</title>
<meta name="description" content="(略)">

</head>
<body>
<div class="medatu">Book</div>
<br>
<center>
<table align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img src="image/tb01.gif" width="25" height="25" border="0"></td>
<td background="image/tb02.gif"></TD>
<td><img src="image/tb03.gif" width="25" height="25" border="0"></td>
</tr>
<tr>
<td background="image/tb08.gif"></td>
<td bgcolor="#ffffff">
<pre>

(略)


</pre>
</td>
<td background="image/tb04.gif"></td>
</tr>
<tr>
<td><IMG src="image/tb07.gif" width="25" height="25" border="0"></td>
<td background="image/tb06.gif"></td>
<td><IMG src="image/tb05.gif" width="25" height="25" border="0"></td>
</tr>
</tbody>
</table>
</center

A 回答 (3件)

15年前(1999年12月のHTML4.01)の勧告以来


「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」
 とされ、私も10年以上フレームのページは作成していません。
 ⇒フレーム 問題 HTML - Google 検索( https://www.google.co.jp/search?q=%E3%83%95%E3%8 … )
 ページタイトルは、framesetのあるページの物が表示されますし、ブックマークも出来ません。もちろんフレームに対応していないブラウザでは利用できませんし、検索エンジンにも不利です。
『・・・・フレーム・・・などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。googleウェブマスター向けガイドライン( https://support.google.com/webmasters/answer/357 … )』

 また、デザインにtableが使用されています。これももっと問題で・・
『ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
『非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
 と随所で強く否定されています。

他にも
<br><center>・・・なんて通常は使いません。
<td><IMG src="image/tb05.gif" width="25" height="25" border="0"></td>
  余白制御のために画像を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
  絶対使うべきじゃない!!「」
★以上紹介したリンク先は必ず読んでください。
★結論から言うと、前頁を根本的にゼロから作成しなおす必要があります。
 幸いに、HTML4.01以降は「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )」が徹底されたため、「広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易に」なっています。


あなたがあげられたソースでしたら、たった十数行のHTMLだけですんでしまうでしょう。(^^)
<div class="medatu">Book</div>★classは文書構造を示すものここは<h1>Book</h1>
<br>★使いません
<center>★使うべきではない
<table align="center" cellpadding="0" cellspacing="0">★tabl;eはデザインに使えない
<tbody>
<tr>
<td><img src="image/tb01.gif" width="25" height="25" border="0">★borderは使わない</td>
<td background="image/tb02.gif"></TD>★backgroundは使うべきでない
<pre>★整形済み文書に使うもの??
<td><IMG src="image/tb07.gif" width="25" height="25" border="0">


<body>
 <div class="header">
  <h1>Book</h1>
  <p>説明</p>
 </div>
 <div class="section">
  <h2>本文</h2>
  <p>記事など</p>
 </div>
 <div class="footer">
  <h2>文書情報</h2>
 </div>
</body>
でおしまい。
    • good
    • 0

あなたのホームページは、トップページのhtmlにフレームという構造を利用して、各ページをトップページに埋め込んでいます。



(トップページ)
<frame name="left" src="left.html">
<frame name="top" src="top.html">

上記の部分ですね。
このような構造のホームページでは、親ページとなる(トップページ)に埋め込んでいるために、子ページとなるleft.html、top.htmlのタイトルは反映されません。


>エクスプローラ(10)の「表示」→ソースではどのページも以下の(トップベージ)になってしまいます。
>一方,「右クリック」→ソースの表示では,自分が開いたページ(該当ページ)が反映されます。

前者の方法は親ページとなる(トップページ)のソースを参照しようとしています。
一方、後者の方法は子ページとなるtop.htmlの方を参照しようとしています。
後者の方法はどこでクリックしたかによってかわるため、例えば左側に存在するメニュー部分で後者の方法を試すと、left.htmlのソースを参照します。


>またグーグルで検索できません。(ただしこれはまだ1月前に修正したばかりのせいかも)
1ヶ月前に更新されたなら、検索できるはずです。


このページ自体に問題はありませんが、フレーム構造は少々古いページ構造で、そもそもSEO対策には向いていません。
    • good
    • 0
この回答へのお礼

ありがとうございます。
titleの話より,
「このページ自体に問題はありませんが、フレーム構造は少々古いページ構造で、そもそもSEO対策には向いていません。」
というとに尽きますね。
質問してよかったです。フレーム構造をどうするかですね。
1)の人にも話しましたが、
自分でやるか、人に頼むか、迷いますね。
お金の問題もそうですが、自分が少しでも知識があると,修正してゆけますよね。
自分でいじれるかどうかは大きいと思うのです。
ただどの程度、それができようになるのが大変なのか、が一番気になりますね。

お礼日時:2014/01/03 02:52

IE10のキャッシュをクリアしてみましょう。


http://www.yahoo-help.jp/app/answers/detail/p/53 …
IEの場合はお気に入りボタンから追加を押せばページごとのタイトルが出てくるはずです。

と書き込んでいたのですが、ソースを見るとフレーム(frameset)を使っていらっしゃいますね。これはSEO上、かなり不利です。フレームを解除しないとSEO云々の話はできないくらいです。フレームがあると、タイトルを個別指定しても、検索エンジンのロボットは全体ページのタイトルしか認識できません。

「フレーム SEO 解除」などで検索してみて下さい。おそらく構成をゼロから作り変えた方が早いです。
    • good
    • 0
この回答へのお礼

さっそくお返事ありがとうございます。
SEOかなり不利といわれると、まずその問題から取り組むしかないですね。
ところで、これはHPを一から作ったことのない私が可能でしょうか。
可能なレベルにかかる時間と,そのあとHPを作る時間がきになりますが
どうでしょうか。

土日に5時間やると仮定して,毎週それに取りかかるというわけにいかないので,
月20時間。
この程度(つまり一カ月間)で可能ならHPを一から作るつもですが。
本を見ながらHP作製というなら20時間以上かかるというなら
はじめから業者に相談するしかないと思いますが

お礼日時:2014/01/03 02:47

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