こんにちは!
現在XHTMLで構築されたサイトのリニューアルを予定しております。
ただ、スケジュール的に段階的なリニューアルになるので、階層単位でフェーズを切ることになりました。
将来的にHTML5のpushStateを使用する予定でいますので、このタイミングでHTML5でコーディングした方がいいのか、一旦XHTMLでリニューアルして、全階層が終わってから再度HTML5に修正していった方がいいのか悩んでおります。
(今回の階層ではpushStateは使用しません。全階層の完了は早くても1ヶ月先くらいになりそう。)
そこで!
1サイト内にHTML5とXHTMLが混在することはいいのか!悪いのか!教えてほしいです。(主にSEO的に)
No.2ベストアンサー
- 回答日時:
No.1です。
この回答の論拠、ソースはありますか??
1.万が一、検索順位が現状から下がってしまうと困る。
2.案件が中~大規模サイトの為、プロジェクトメンバーに理由づけて説明しなければいけない・・汗
残念ながら、googleボットのアルゴリズムの詳細を公表していませんので、真相は分かりませんが、検索結果を良くしようとしていますが、そのためには適切なマークアップは求め続けています。
⇒ウェブマスター向けガイドライン(品質に関するガイドライン) - ウェブマスター ツール ヘルプ( https://support.google.com/webmasters/answer/357 … )
HTML5の策定過程をウォッチしていますと、googleなどが盛んに主張しているのが、文書構造の明確化です。header,section,footer,navなどを主張してきたのはgoogleのスタッフですからね。
【引用】____________ここから
【問題2】文書内に埋め込まれた「意味」が不明確
次に挙げられる問題としては、「以前のHTMLは、文書構造の「意味」を表すための機能が不足していた」ということが挙げられます。
例えば、「見出し」「本文」といった文書構造を表すのに、これまでは<div>要素を用いることが一般的でした。しかし、<div>要素は厳密にいうと「意味を持たない」という意味の要素です。<div>が多用されたHTML文書は、開発者が目で見て読むのであれば、文書構造の意味を把握することは容易かもしれません。
しかし、例えば検索エンジンやスクリーンリーダーなどのプログラムにとっては、「どこからどこまでが重要な本文なのか」「この<ul>要素はナビゲーションメニューを表しているのか、文書中の個条書きなのか」すらも分からないのです。
→ 【解決】文書内に埋め込まれた「意味」を明確にする
HTML5では、この問題に対処するため、数多くの意味的要素(「セマンティックな要素」と呼ばれます)が追加されました。それだけではなく、
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[HTML5“とか”アプリ開発入門(1):Webの3つの問題を解決する「HTML5」とは何なのか (2/2) - @IT( http://www.atmarkit.co.jp/ait/articles/1008/30/n … )]より
googleは、私のHTML2.0や、HTML3.2で作られた古いページもちゃんと上位に表示してくれてます。HTML自体のバージョンで評価の対象にはならないです。現在、一定の評価を受けている物を、他のHTMLに変更するのは必要なわけではありません。ただ、検索エンジンが内容をより的確に理解できるようになる可能性がありますので、本来はもっと低い物が上位に表示されていたり、逆にもっと高く評価されるべきものが低く評価されていたりはなくなる可能性はありますね。
私は、既存のページはそのままにしておいて、新たに作成するページのみHTML5なりHTML4.01strictにHTML5の新しい要素をclass名にしたもの
・・section,article,main,aside,header,footer,nav,figure,figcaption・・
で統一して、HTML5に完全移行するときは、スクリプトで一括変換できるようにしています。
ORUKA1951様、何度もご丁寧にありがとうございます。
おっしゃるようにボットにとって読みやすいコードというのは、論理的に正しく構造化されたHTML5でのマークアップだと思いますし、その結果ユーザーにとっても回遊しやすいサイトになると思っております。
今回は1サイト内のページ単位でDTD宣言や文字コードが変わることで、サイトを通しての『適切なマークアップ』と言えるのかに疑問を抱きました。
ですが、Googleは"ユーザーにとって有益か"に重きを置いていると思いますので、問題なく閲覧できる環境を用意できていて、なおかつ回遊しやすいページならユーザーにとって有益と判断し、マイナスに働くことはないという結論で納得しようと思います。
大変参考になりました。ありがとうございましたm(_ _)m
No.1
- 回答日時:
HTML4.01strictからHTML5なら簡単ですが・・
HTML5にはXHTMLの記法も使えますから、そのまま順次変更していけばよいです。HTML5はまだ未確定で--時々大きな変更があります。先日も<hgroup>がなくなり、<main>要素が追加されましたね。
⇒New Elements( http://www.w3.org/TR/html5-diff/#new-elements )
HTML5は、対応ブラウザも限られているので、個人サイトなら兎も角、時期尚早でしょう。
HTML5とそれ以前で、根本的な違いは、DIVを原則使わなくなる事ですかね。
『Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable.( http://www.w3.org/TR/html5-author/the-div-elemen … )』
とは言っても、HTML4.01(strict)/XHTML1.0(strict)/XHTML1.1で、「id属性及び class属性と併用することで、文書に構造を付加して」きちんと、作成されていれば、<div class="header"></div><div class="section"></div>をそのままテキストエディタで、<header></header><section></section>に置換すればよいだけのはずですから、作業は一瞬で済むでしょう。
>今回の階層ではpushStateは使用しません。
なら、将来的なHTM5の普及を目指して、HTML4.01(strict)/XHTML1.0(strict)/XHTML1.1を改訂していったほうが良いですよ。
>1サイト内にHTML5とXHTMLが混在することはいいのか!悪いのか
全く関係ありません。HTML2,HTML3.2,HTML4.01・・XHTML1.0,XHTML1.1・・XMLが混在していてもSEO上で問題になる事はありません。
それより、現時点のバージョンのHTML/XHTMLで、きちんと文書構造だけになるようマークアップしなおすほうが、はるかに良いです。ちなみにgoogleはheader,section,nav,footer,asideのようなclass名はちゃくと理解してますよ。
ご丁寧な回答ありがとうございます!
おっしゃる通りなんですが・・・
>全く関係ありません。HTML2,HTML3.2,HTML4.01・・XHTML1.0,XHTML1.1・・XMLが混在していてもSEO上で問題になる事はありません。
この回答の論拠、ソースはありますか??
1.万が一、検索順位が現状から下がってしまうと困る。
2.案件が中~大規模サイトの為、プロジェクトメンバーに理由づけて説明しなければいけない・・汗
納得して安心できる説明があると大変助かります!
宜しくお願いしますm(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- UNIX・Linux 【初心者】aws lightsail で自作のオリジナルテーマのwordpressを設定する方法 1 2022/07/14 09:46
- その他(コンピューター・テクノロジー) 「プロトコル」の定義について 5 2023/04/16 13:13
- Windows 10 Window10ショートカットキーで切り取り貼り付けするとコンテキストメニューと挙動が異なる理由は? 2 2022/04/16 17:57
- WordPress(ワードプレス) ワードプレスの管理画面が行方不明。 1 2022/04/27 12:09
- その他(プログラミング・Web制作) 図に示す階層構造で,現在のディレクトリ(カレントディレクトリという)が*印のディレクトリであるとき, 2 2022/11/16 10:55
- その他(悩み相談・人生相談) 今日賃貸マンションの見学に行って6階建ての低層マンションのを観てきたのですが、1階のガラス張りの物置 4 2022/12/01 22:20
- HTML・CSS HTML 訪問カウンターを自作したい 4 2023/02/20 08:37
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
min-heightとheightの違いについて
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
ブログのサイドバーが下にくる
-
<!-- #BeginLibraryItemとは
-
複数のボタンを等間隔に、かつ...
-
divを横に並べる方法
-
ヘッダーとフッターだけ背景を...
-
<div id="container">の使いか...
-
SSIを利用してCSSレイアウトを...
-
div要素が重なってします
-
1時間30分を簡単に表したいで...
-
html5でheaderの中にnav
-
IEで表示されてしまう余白をな...
-
hタグの右横に画像を表示
-
WEB系の仕事を目指す場合D...
-
htmlの文字が縦書きになる
-
リストマーカーをボックス内に...
-
<table>の高さ固定。情報増加時...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
開閉式の隠し要素が一瞬表示さ...
-
html5でheaderの中にnav
おすすめ情報