検索エンジン最適化とウェブページのコーディングに関する簡単な説明

以前、ウェブサイトやページを検索エンジン向けに最適化するために実行できるいくつかの簡単なことについて書きました。これは詳細な考察です。この記事では、コードと SEO におけるその役割について説明します。

ウェブページのスタイル

ページのフォーマットには、HTML または HTML/CSS の 2 つの方法があります。専務理事がおっしゃったように、どちらのアプローチも受け入れられると思います。

HTML はほとんどの Web サイトで使用されている標準です。サイトに質の高いコンテンツがあり、インバウンドリンクが多数ある限り、検索結果で上位にランクされます。

HTML のみ HTML コードのみを使用して Web ページをレイアウトすると、大きな制限が生じます。 HTML のみのレイアウトでは、サイトの各ページをフォーマットする必要があります (または、すべてのページに対して 1 つのテンプレートを使用します)。

再設計や調整が必要だと感じたら、各 Web ページを 1 つずつ確認する必要があります。ウェブページが 1,000 ページある場合はどうでしょうか?さらに変更を加えたい場合はどうすればよいでしょうか?これは退屈だ。

HTML/CSS

CSS はカスケード スタイル シートを推奨します。 CSS をコンテンツ デザインから分離します。テキスト、画像、ビデオなどのコンテンツは、CSS によるデザイン作業なしで HTML を使用してレイアウトされます。主な利点は、すべてのページに変更を加えるために 1 つの CSS ファイルのみを変更する必要があることです。この方法では、必要なだけ調整を行うことができます。

CSS は、Web サイト全体のデザインを確認するために 1 つまたはいくつかのファイルをダウンロードするだけでよいため、ユーザーフレンドリーでもあります。デザインのみを含む HTML を使用すると、訪問者は新しいページに入るたびにデザイン要素をダウンロードする必要があります。 CSS の方が高速です。

CSS と HTML について詳しく学びます。

コード検証とは、HTML、CSS、その他の Web 言語の新しいバージョンを考案する組織である World Wide Web Consortium (W3C) によって設定された業界標準に Web サイトのコードを準拠させる方法です。

ページが有効であることを確認したい場合は、WC3 バリデーターで実行します。

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

CAPTCHA は SEO に必要なコンポーネントではありません。多くの企業や SEO 業者はそうではないと信じ込ませようとしますが、検索エンジンのランキング上位のサイトを確認してください。多くのサイトではコードが肥大化し、エラーや不一致が満載です。

SEO 企業が提供するサービスを数多く検証します。多くのクライアントは、問題が検討されているかどうかを知りません。彼らはランキングにお金を払いますが、それがどうであるかはあまり気にしません。ページを検証すると専門家の評判は良くなりますが、SEO の価値は実際には得られません。

また、質の悪いページを防止すると、検索エンジンがコンテンツを適切にスパイダーできなくなるという議論に遭遇することもあるでしょう。これは部分的には真実です。その記述は、ページに 1,000,000 個のエラーがあり、読み込みに 1 分もかかり、明らかにひどい状態である場合に有効です。

検索エンジンはユーザーにとって有益な高品質なコンテンツを次々と投稿します。検索エンジンは、HTML について何も知らない完全な素人が Web サイトに掲載したとしても、ブラウザで見栄えが良ければ、コードが正しいかどうかに関係なく、高品質のコンテンツが Web サイトに掲載される可能性があることを十分に認識しています。

また、CSS が広く採用される前は、ほとんどのデザイナーがレイアウトにテーブルを使用していたため、検索エンジンのスパイダーはテーブルから情報を取得するように設計されていたことを覚えておく必要があります。テーブルはほとんど消えてしまいましたが、検索エンジンのスパイダーがテーブルレイアウトを「無視」するように変更したのではないかと思います。無視すると質の高い情報を見逃してしまう可能性があるため、そうすることは意味がありません。ある検索エンジンがあなたのコンテンツを無視すると、競合他社がそれを見つけて検索結果に表示します。その結果、ユーザーエクスペリエンスは低下し、競合他社が優位に立つことになります。

検証されているかどうかに関係なく、Web 上のすべてのページをスパイダー処理することは、検索エンジンの商業的利益になります。レビューよりもコンテンツに重点を置くことをお勧めします。

モニタリングテストを通じて

Aaron Wall 氏は、ページが「スニフ テスト」に合格するように検証することを推奨しています。スニフ テストとは、業界のプロであり HTML/CSS を理解している潜在的な顧客がサイトをチェックすることです。サイトの検証を実行したり、コードをざっと見てすべてが正しいことを確認したりする場合があります。

企業が Web デザイン/開発を行っている場合、コードを理解しているクライアントを獲得する傾向があります。この場合、クリーンで検証済みの Web ページを提供することが非常に重要です。ホームページに 53 個の HTML エラーがある「プロの Web デザイン」会社と仕事をしたい人がいるでしょうか?

あなたの会社がウェブサイトの設計/開発分野に携わっていない場合は、話は別です。クライアントが Web にあまり詳しくない場合は、Web サイトのコードを確認しません。実際、顧客が購入する製品がテクノロジーやインターネット関連ではなく、女性向けの自己啓発本などである場合は、サイトのコードの検証についてそれほど心配する必要はないでしょう。

JavaScript は、Web ページでいくつかの優れた機能を有効にするために使用されるプログラミング言語です。

JavaScript の例をいくつか確認してください。

JavaScript を使用した検索エンジンに問題があります。彼らは一般的にそれを好んでいませんが、時間が経つにつれて対処の仕方が上手くなったようです。

JavaScript を使用する方法は 2 つあります。

まず、Web ページのコードと一緒に JavaScript を配置できます。検索エンジンが登場すると、読まざるを得なくなります。

次に、それを別のファイルに入れて、HTML ファイル内でそのファイルへの参照を作成します。例えば：

"scripting-language="javascript" src="files/scripts.js"

タイプ="text/javascript"""/script"

この方法では、ユーザーにとってページの読み込みが速くなるときに検索エンジンはこのスクリプトを認識する必要がありませんが、効果は同じです。 JavaScript を使用する場合は、別のファイルに配置します。

表面

上記で、テーブルはランキングを下げるものではないと述べましたが、テーブルはユーザーのページ読み込み時間を長くするため、使用を最小限に抑えるようにしてください。

テーブルレイアウト技術を使用している新しい Web サイトはほとんど見つかりません。 HTML エディターでもテーブルが廃止され、完全な CSS サポートが組み込まれました。

HTMLを使用してWebページのコードを編集する

個人的には、HTML エディターは Web サイトのデザインと開発に完全に使用できると思います。彼らは、間違いがほとんどない、非常にクリーンで SEO に適したページを作成します。

バグは、「マーカー」チェック (ソフトウェアに組み込まれている) を使用して見つけることができます。多少のミスを犯してもランキングが下がることはありません。それはこの質問にリンクしています。

ドリームウィーバー

これは業界標準です。 Dreamweaver は、あまり多くのコードを生成せず、十分な機能を備えており、Photoshop と緊密に統合されています。これは Web 開発に最適なツールです。

FrontPageとWebDesignerの表現

Microsoft の FrontPage Web 開発ツール。大量の不要なコードが生成され、ページの読み込み時間が遅くなるため、使用しないことをお勧めします。検索結果の上位に、Frontpage で動作すると記載されているサイトがいくつか見つかります。これは、肥大化したコードが優れていることを証明していますが、Dreamweaver の方がはるかに優れているため、私は Frontpage を使用しません。

Express Web Designer は、Microsoft の別のソフトウェアです。まだ試していないので何も言えませんが、Microsoft のスタンスは Dreamweaver にあります。

何を試しても、Web サイトには壊れたリンクが残り、時々 404 エラーが表示されます。 Link Hound を使用してリンクの有効性を確認し、壊れたリンクを最小限に抑えます。

検索スパイダーは 404 に遭遇すると、そのリンクを破棄します。何かできることはありますか。

訪問者が 404 に遭遇するとイライラしますが、そのイライラを最小限に抑えることができます。

カスタム 404 リダイレクトの作成

404 エラーが発生した場合は、カスタム ページへの 404 リダイレクトを使用してユーザーにオプションを提供します。 Apple には大きな 404 ページがあります。以下に、404 ページのさらに非常にクリエイティブな例をいくつか示します。

個人的には、これは楽しくて役に立つページになるはずだと思っています。

404 ページのルール

さまざまなリンクは絶対に相対的なものであってはなりません。絶対リンク http://www.site.com/folder/example.html は相対リンク folder/example.html です。

すべての画像を絶対値にします。

このページにリンクする他の Web ページはありません。

カスタム 404 リダイレクトを実行する方法を学習します。

コメントタグ

コメント タグは「目に見えない」 HTML タグです。ブラウザが無視するため、表示されません。開発者はレビュー タグを使用して他の開発者に指示を残します。例えば：

「!-346行目までは何も変更しないでください-」

SEO スパマーはこのタグを使用して、過剰なキーワードを挿入します。これは現時点では実際には機能しません。実際、キーワードに何かが含まれているとペナルティを受ける可能性があります。

結論は

検索エンジンがアルゴリズムの計算で考慮する最も重要なものはコードだと思います。この部屋ではコードが発生するかもしれませんが、これは最小限の国です。この主張を裏付けるために、検索結果の上位にあるサイトをいくつか調べてみると、検証に失敗しているサイトが多く、使いにくく肥大化したコードが多数掲載されていることがわかります。

したがって、大量のエラーがある重いページを作成しても問題ないという結論は出ません。私が言いたいのは、ページを軽量で、ユーザーフレンドリーで、SEO フレンドリーなものにするが、検証やコードのコンプライアンスについてはあまり心配しないということです。それは時間の無駄でしょう。

この主張を裏付けるさらなる証拠が必要な場合は、SEO 業界の主要サイトで WC3 の検証を確認してください。 ..

驚き。 .. .

リンクをクリックすると、WC3 検証に移動します。ホームページ

元のタイトル: 検索エンジン最適化とウェブコーディングに関する簡単な説明

キーワード: 検索エンジン最適化