SEO は幅広い事柄を含む科学です。SEO を行うとき、多くの友人は、今日、自分の Web サイトの内部的な事柄の一部を無視して、外部リンクや広告などの外部的な事柄に焦点を当てる傾向があります。 HTML レイアウトについていくつかお話しますので、お役に立てれば幸いです。ぜひ一緒に議論してください。
1. 適切な HTML 構造を作成する
適切な HTML ドキュメント構造は、検索エンジンとコーダー (スライサーまたはプログラマー) の両方にとって有益です。人々が TABLE (テーブル) レイアウトを放棄した理由は、TABLE レイアウトを使用すると多くの冗長なコードが生成され、特定の視覚効果を実現するには複数のテーブルしか適用できないためであることを思い出してください。したがって、DIV+CSS レイアウトを使用しているものの、HTML ドキュメントのネストが深すぎるか、冗長なコードが多すぎる場合は、基本的にテーブル レイアウトと変わりません。ここでは、外国の専門家によって書かれた Web サイトをお勧めします。彼の文書構造 Zengarden (Cicada Wing Garden) を参照すると、Baidu に掲載されます。
2. ロゴを上手に活用する
多くの友人が Web サイトのロゴとして IMG タグを挿入することを好みますが、私はそれがリソースの無駄だと思います。なぜそう思いますか? 検索エンジンは現在、IMG タグの ALT 属性をほとんど無視しているためです。検索エンジンは Web サイトの HTML の最初の部分を非常に重視するという事実もあります。ここでは、ロゴを上手に使用する方法を説明する例を示します。Sohu の Web サイトを開いてソース ファイルを確認してみましょう。ロゴは使用されていません IMG タグによって挿入される画像は次のように定義されます。
HTML部分
<h1><a href=http://www.sohu.com title="捜湖-中国最大のポータル">捜湖</a></h1>
CSS部分
h1 {テキストインデント：-5000px;表示:ブロック;幅:143px;高さ:67px;float:left;margin:0 auto;}
h1 a {幅:143px;高さ:67px;float:left;background:url（../images/logo.gif） no-repeat;overflow:hidden;}
なぜ H1 タグなのかと疑問に思う人も多いかもしれません。これは不正行為とみなされますか? これは検索エンジンによって正式に不正行為であるとはされておらず、捜狐のような大規模なウェブサイトがこれを行っているため、我々はそれに直面することができます。私はこのトリックを何度も使用しましたが、今のところ問題は見つかりませんでした。
3. Hタグを適切に配置する
SEOの経験がある友人はこれを知っています。確かに、H1 ～ H6 タグは Web サイトの最適化に適していますが、H タグが悪用されると、SEO に何のメリットもないだけでなく、降格されたり、破棄されたりすることもあります。例えばニュースを例に挙げると、H1タグにはタイトルを入れ、さらにH2タグにはそのタイトルに関連する補助キーワードを入れるのがおすすめです。 H2 タグに追加して目立たせることができます。H3 タグは、H2 と同様に、キーワードの変更を追加することもできますが、その割合を制御する必要があります。 H4 は、H3 と同様に、一緒に使用するとより効果的に機能します。
4. 美観とウェブサイトの最適化の組み合わせ
現在、中国で HTML レイアウトを行うことはアーティストやスライス担当者にとって最大の悩みの種となっています。国内のオペレーティング システムでは Web ページに表示できるフォントが非常に少ないためです。最も一般的に使用されているのは Song Diagnostics ですが、多くのデザイナーが Web サイトのデザインでそれを使用しています。原稿に芸術的なフォントを使用するのは通常のことです。しかし、残念なことに、国内のブラウザは Song フォントと、ほとんど使用されない太字と斜体のフォントのみをサポートしています。スライスの経験のある友人は、写真をスライスすることをすぐに思いつきます。はい、これが最も一般的な方法ですが、芸術的なフォントを使用したものが SEO に非常に役立つとしたらどうでしょうか。著者は、多くの友人が気づいていないトリックを使用しました。それは、フォントを埋め込むか、古いルールに従ってコードを直接追加することです。
CSS部分
@font-face {font-family:'flagwind Regular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwind Regular';}
私の #navigation のフォント定義を注意深く観察してください。まず、それは Microsoft Yahei であり、一重引用符内の内容は、上でカスタマイズしたフォント名です。ここではカスタム埋め込みフォントについては詳しく説明しません。 Baidu で検索できます。非常に簡単なので数分で習得できます。
こんなに書いたのですが、初めて投稿するので審査に通るかどうかは疑問ですが、もし間違っている点があれば。 、Paizhuan、レビューに合格したら、できるだけ多くの実用的なことを書くようにしてください。
この記事は元々、深センのウェブサイト構築会社である Flagwind Network ( www.flagwind.com ) によって作成されたものです。転送する場合は、元の著者の著作権情報を削除しないでください。
Shenzhen Qifeng Network の貢献に感謝します