ウェブページを作成するために最もよく使用されるHTMLタグ

ウェブページを作成するために最もよく使用されるHTMLタグ

1. よく使われるHTMLタグの最適化

HTML は Web 編集者にとって基本的なスキルであるべきであり、それに精通していないのは受け入れられません。 Web 編集者として、すべての SEO パラメータを習得する必要はありませんが、基本的な HTML タグ内の SEO 関連の事柄を理解することは必要です。

<html>

<ヘッド>

<title>ページタイトル</title>

<meta http-equiv=コンテンツ言語コンテンツ=zh-cn>

<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312">

<meta name="キーワード" content="キーワード">

<meta name="description" content="ウェブページの説明">

<link href="inc/css.css" _fcksavedurl=""inc/css.css"" _fcksavedurl=""inc/css.css"" type="text/css" rel="スタイルシート">

</head>


上記の段落は、Web ページの HEAD 部分です。ここでの各タグは、検索エンジンにとって非常に重要です。

TITLE は検索エンジンにとって常に重要であり、アルゴリズムがどのように変化しても、このタグの重要性は低下しません。したがって、Web 編集者は、記事を書いたり、チャンネルに名前を付けたりするときに、検索エンジンからアクセスするユーザーを考慮する必要があります。

現在、Baidu は 31 ~ 32 文字の中国語を直接表示でき、約 62 文字です。一方、GOOGLE は 34 文字程度の中国語を表示できます。

したがって、記事のタイトルやチャンネルのタイトルを書くときは、下の図の「_News Center_Sina.com」という単語など、プログラムによって自動的に追加された TITLE に表示されるコンテンツを差し引いて、Web ページ全体の TITLE が必要な単語数内に収まるようにする必要があります。

ここで明確にする必要があるのは、プログラムによって自動的に追加されたコンテンツを検索結果に表示する必要があるかどうかです。

このとき考慮すべきなのは、ウェブサイトの権威とコンテンツの優先度です。サイトが過度に引用されている場合は、この問題を回避するために権威を強調する必要があります。

そうしないと、前の記事のタイトルが長すぎて、その後ろのチャンネル名やウェブサイト名を表示できないため、ユーザーはクリックを諦めて、この記事を転載してタイトルを標準化した他のウェブページをクリックする可能性があります。

上図に示すように、オンライン ユーザーの習慣によると、ユーザーが最初の情報のドメイン名を認識しなかったり、注意を払わなかったりすると、2 番目の情報を直接クリックする可能性が高くなります。

TITLE の先頭のテキストの重みは、末尾のテキストの重みよりも大きいため、TITLE を書くときは、重要なキーワードを先頭に配置するようにしてください。

キーワードと説明も検索にとって非常に重要です。少し前、多くの国内SEO仲間は、検索エンジン、特にBaiduがこれら2つのタグを放棄したか、Webページのランキングでこれら2つのタグのスコアを下げたと信じていました。2009年5月以前は、検索エンジンはほとんどのページの説明を参照せず、ページからランダムにコンテンツの一部を取得していました(これは、Baiduが独自の単語分割アルゴリズムに自信を持っていることも反映しています)。しかし、5月以降、Baiduは説明文のクロールを徐々に再開し、ウェブページの内容と一致する説明文はページの説明文としてBaiduにクロールされるようになりました。もちろん、ページの内容と関係のない説明はクロールされません。

キーワードにはあまり多くのキーワードを入力する必要はありません。ページ上のすべてのキーワードをリストするだけです。この場所のキーワードは、検索エンジンが単語を分割するための参照としても使用されます。

説明は、検索エンジンでユーザーに直接表示される短い紹介です。単語数は 70 ~ 90 語で、ページのキーワードは 2 ~ 3 回表示される必要があります。

<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312">

ページのエンコード方法もページに記載する必要があります。もちろん、これはプログラムの問題です。文字セットが gb2312 エンコーディングを使用するか、UTF-8 エンコーディングを使用するかをページ上の検索エンジンに伝える必要があります。

<link href="inc/css.css" _fcksavedurl=""inc/css.css"" _fcksavedurl=""inc/css.css"" type="text/css" rel="スタイルシート">

Web エディターは特別なトピックを作成することが多く、多数のスタイルを定義する必要があります。ページ サイズが大きくなりすぎて検索エンジン スパイダーのクロールが困難になるのを防ぐために、スタイルを統一された CSS ファイルに入れて直接呼び出すことをお勧めします。

<body>セクション

本文セクションでは、編集者は次のタグを理解し、習得する必要があります。

<h1>記事のタイトル</h1>

このタグはウェブページの中で重要な位置を占めており、TITLEと並んでウェブページのもう一つの魂とも言えるでしょう。ここで注意すべきことは、「魂」は慎重に使用する必要があるということです。そうしないと、罰を受ける価値がなくなります。チャンネルページであれば、大きなカテゴリー内の列の名前を識別するために H1 を使用するのが適切です。もちろん、H1 を使用できるのは最大のカテゴリーのみです。カテゴリーに応じて、H2、H3、H4... を順番に使用できます。記事ページの場合は、記事ページの最適化方法に応じてH1も使用する必要があります。最も一般的なページレイアウトでは、記事のタイトルとメインコンテンツのみがあり、本文と同レベルの他の情報はありません。この場合、記事のタイトルはH1で修正され、検索エンジンに記事のタイトルがページの核心であることを明確に伝えることができます。つまり、ここでのタイトルも、ユーザーの検索習慣に応じて書く必要があります。ここでは方法については省略します。

Alt タグ <img src="1111.jpg" alt="画像の説明">

ウェブページ内の ALT タグは、画像の説明に使用されます。ALT タグには、ウェブページ検索の補助と画像検索の容易化という 2 つの機能があります。

Web ページ上のすべての画像に alt 属性を使用するのは賢明ではありませんが、まったく使用しないのも不適切です。最善の方法は、Web ページ上の主要な画像 (ほとんどの場合、トピックに関連する最大の画像) に ALT タグを使用することです。これは、Web ページ検索と画像検索の両方に役立ちます。また、画像検索を容易にするために、画像の近くに画像の説明文を記載するのも一つの方法ですが、alt属性ではありません。

ハイパーリンク TITLE タグ <a href="/" title="リンクの説明">リンク テキスト</a>

ハイパーリンクタイトルタグの目的は、参照リンクの修正を強化することです。多くの場合、コンテンツの制限により、リンクテキストを直接修正するのは不便なので、タイトルから修正するのが良い方法です。通常、このタグは関連コンテンツのセクションで使用されます。

<strong>タグ

このタグは、ページ内の重要なキーワードを変更するために使用されます。このタグは、列名、カテゴリ名、重要な段落など、ページ内の重要なコンテンツを変更するために使用できます。その効果はH1に次ぐものです。

<b> (太字)

<u> (一番下の行)

<i> (イタリック体)

上記の 3 つのマークと同様に、これらはフォントの単純な変更です。検索エンジンはこれらのマークを修飾語として扱います。(一部の SEO 専門家は strong と b を同一視していますが、Tianren は依然として strong の方が強調度が高いと考えています。)

HTMLでよく使われるタグについては以上です。Web編集者であれば、これらのタグを覚えておけば対応できると思います。

<<:  MySQL 権限制御の詳細分析

>>:  JavaScriptは両端キューを実装する

推薦する

MySQL パーティションテーブルのベストプラクティスガイド

序文:パーティショニングはテーブル設計パターンです。一般的に、テーブル パーティショニングとは、条件...

HTML タイトルに二重引用符を追加する方法

<a href="https://www.jb51.net/" title...

tdが空の場合に境界線を表示する方法

以前、CSS を使用してテーブルの border + bordercolordark + borde...

HTML で複数のクラス属性を定義する場合の無効な解決策

HTML を記述する過程で、クラス属性に複数の値を定義することがよくありますが、定義した値が無効であ...

nginx で第 3 レベルドメイン名を設定する方法の例

問題の説明nginx を設定することで、異なるポートを介して異なる Web アプリケーションにアクセ...

クールな花火効果を実現するjs

この記事では、jsを使用してクールな花火効果を実現するための具体的なコードを参考までに共有します。具...

ウェブページにプレーヤーを埋め込む埋め込み要素の自動開始が false 無効

最近、仕事でサウンド ファイルを再生するために Web ページにプレーヤーを埋め込む必要に迫られまし...

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例

HTML チェックボックスとラジオボタンスタイルの美化の簡単な例チェックボックス: XML/HTML...

Vue.jsのレンダリング関数の使い方の詳しい説明

Vue では、ほとんどの場合、テンプレートを使用して HTML を作成することを推奨しています。ただ...

Linux で特定のプログラムを見つけるための whereis の例の詳細な説明

Linuxは特定のプログラムを見つけますwhereis コマンドは主にプログラム ファイルを検索し、...

Vue-cli4 ルーティング構成の詳細な理解

目次序文 - Vue ルーティング1. 最も基本的なルーティング構成1. router/index....

MySQL PXC は IST 送信のみで新しいノードを構築します (推奨)

需要シナリオ: 既存の PXC 環境には大量のデータがあります。新しく購入したサーバーをこのクラスタ...

MySQLワームレプリケーションの基本知識

ワームは、その名前が示すように、自ら複製し、その数は倍増、つまり指数関数的に増加します。 MySQL...

Vue が DingTalk の出勤カレンダーを実装

この記事では、DingTalkの勤怠カレンダーを実装するためのVueの具体的なコードを参考までに共有...