HTML ページのコードの最も詳細な常識 optimization_html/css_WEB-ITnose

私たちは、ビッグ フレームワーク、ビッグ データ、さまざまなユーザー エクスペリエンス分析に基づく最適化についてよく話しますが、最も基本的な HTML の基本コードの最適化は無視されます。今日、Vine Design はその最適化について共有します。ウェブサイトの開設以来の経験 (仕事の都合上、ラタンデザインの公式ウェブサイトの最適化とプロモーションにはあまり注意を払っていませんが、最適化についてはまだ研究中です!):

1.タイトルの:

まず、強調する必要があります。Web サイトのページごとに 1 つだけ存在でき、タグ内に配置されます。この表のロングテールキーワードやタイトルの書き方については次回詳しく説明しますが、今回は主にHTMLに関する一般知識のチュートリアルですので、詳しい説明は省略します。

title は Web サイトの最も重要なコア情報伝達タグであり、Baidu、360、Sogou、Google などの検索エンジンであっても、Web サイトのコンテンツが一致するかどうかを、によって出力された情報に基づいて分析します。このタグは、コンテンツの情報がコンテンツの伝えたい情報と一致している必要があります。多くの友人が見出しを作成し、タイトルの情報がコンテンツと一致していないことがよくあります。これは、K サイト (伝説的な罰、降格、ブラックリストに登録されています）。

ここで、重要な h1 タグの適用についても説明したいと思います。実際、H1 タグも title タグと同じ方法で適用され、H1 タグはページ内に 1 回しか表示されません。 h1タグは情報を区切ることを重視しており、検索エンジンはこのタグの重要な内容を直接クロールすると同時に、検索エンジンは出力された情報に基づいてWebサイトの内容が一致するかどうかを分析します。 h1タグで。したがって、h1 タグは Web サイトの各ページに 1 回しか表示できません。複数のタグがあると検索に有利になるため、検索エンジンに複数のキーワードを指定するのはよくないという人もいます。実際、実際にそうする場合、逆に、検索エンジンが混乱し、そのページが無効な (コア コンテンツのない) 通常のページとして直接扱われます。

2. 画像タグ

img 画像タグ。検索エンジン技術は現在非常に発達していますが、残念ながら検索エンジンはまだ画像内の情報を直接理解できず、表示する画像を直接理解することはできません。ディスプレイが美しい女性なのか、ハンサムな男性なのか、それとも美しい風景なのかをユーザーに伝えます。百度でキーワードを検索すると、該当する写真が表示されるのに、他の Web サイトから来たものだと言う人もいるかもしれません。Teng Design の言っていることは間違っています。ここで、Vine Design はあなたのトピックを修正する必要があります。実際、Baidu によって検索されたこれらのタグはコードが最適化されていることがわかります。これらの画像のコードには alt="" タグが含まれています。画像にそのようなラベルの説明はありませんが、検索エンジンにとっては画像の意味をまったく理解できないため、実際には意味がありません。検索エンジンにこの画像を認識させたい場合は、alt="" タグを追加する必要があります。 ,

この方法で検索エンジンが検索できない問題を解決しましたイメージを理解する。詳細をデザインするときに、この画像にキーワードを直接追加して、検索しやすくすることもできます。ただし、検索エンジンに不正行為であると思われるため、1 つのページ上の複数の画像に 1 つのキーワードを使用しないでください。

さらに、HTML 標準に準拠している場合は、画像の高さと幅を直接マークする必要があります。これは、検索エンジンのクロールに役立ちます。もちろん、これは最も重要なわけではありません。 75*75 未満の小さな画像はサイズを宣言する必要はありません。

3. CSS の読み込み方法

多くの Web サイトでは、開発時間の都合上、1 ページに複数の CSS リンクが配置されていることがよくあります。そのため、ユーザーや検索エンジンがページを開くには、 N CSS には、多くの人が繰り返し書いた定義スタイルも多く、アクセス速度に大きな影響を与えます。したがって、CSS スタイル ファイルをマージして、リクエストの数を最小限に抑えることができます。

4. JS コードのリファレンス

実際、js コードの使用方法は基本的に CSS と同様で、可能であればページの下部に配置するのが最適です。ただし、ここで強調しておく必要があるのは、多くのユーザーが優れた効果を実現するために、多くのデータ読み込み情報が JS 呼び出しにカプセル化されるため、検索エンジンが JS 内のテキスト情報を読み取ることができなくなるということです。這うのが難しい。さらに、多くの JS 特殊効果を含む Web ページは、Web サイトを開く速度にも大きな影響を及ぼします。ページの読み込み速度と JS コンテンツを最適化することをお勧めします。

5. iframe タグ

Teng Design は、検索エンジンでのランキングを向上させたい Web サイトでは、特別な事情がない限り iframe タグを使用しないことが最善であると再度​​強調します。は検索エンジンにとって非常に重要であり、非常に不親切でもあります。上で説明した JS カプセル化されたコンテンツと同様に、スパイダーは内部のコンテンツをクロールできません (ただし、JS カプセル化よりも優れているのは、実際のアドレスを呼び出す場合です。 iframe を使用すると、検索エンジンは引き続きページ情報を検索しますが、価値は低いです)。同時に、読み込み速度にも一定の影響があります。

この記事は www.tengsheji.com のウェブマスターによって寄稿されました!

起業家精神、電子商取引、ウェブマスターに注目して、A5 Entrepreneurship Network WeChat QR コードをスキャンして賞品を抽選してください。定期的に。