ウェブページを作成するために最もよく使用される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は両端キューを実装する

推薦する

CSSカスタムプロパティの予備的な理解

現在、CSS プリプロセッサは Web 開発の標準となっています。 プリプロセッサの主な利点の 1 ...

MySQL フラッシュバック ツール binlog2sql の詳細なインストールと設定のチュートリアル

概要binlog2sql は、Python で開発されたオープンソースの MySQL Binlog ...

Vuex環境の詳細な説明

目次Vuex環境を構築する要約するVuex環境を構築するsrcディレクトリにフォルダstoreを作成...

Linux システム ディレクトリ sys、tmp、usr、var の詳細な説明。

Linux 初心者から Linux マスターへの成長の道: Linux システム ディレクトリ s...

Vue 要素と Nuxt の使用に関するヒントを共有する

1. 要素時間選択提出フォーマット変換例えば 2018年9月7日金曜日 00:00:00 GMT+0...

Linux のハードリンクとソフトリンクの区別

Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...

PDO を使用して SQL インジェクションを防ぐ原理の分析

序文この記事では、SQL インジェクションを回避するために pdo の前処理メソッドを使用します。詳...

Ubuntu16.04はphp5.6ウェブサーバー環境を構築します

Ubuntu 16.04 はデフォルトで PHP7.0 環境をインストールしますが、PHP7 は一部...

ウェブサイトのフロントエンドパフォーマンスの最適化: JavaScript と CSS

Yahoo チームが書いた、ウェブサイトのパフォーマンス最適化に関する記事を読みました。この記事は...

JSONObject の使用方法の詳細な説明

JSONObject は単なるデータ構造であり、JSON 形式のデータ構造 ( key-value構...

VMware仮想マシンの起動時に黒い画面が表示される問題を解決する

# VMware ハードディスクの起動優先順位を調整するステップ 1: 電源をオンにすると、BIOS...

MySQLで論理SQLを置き換える際の落とし穴を回避する方法の詳細な説明

重複キーの置換と挿入の違い置換の使用法競合がない場合、挿入と同等となり、他の列のデフォルト値が使用さ...

DockerコンテナがJupyterにアクセスできない問題の解決策

このプロジェクトでは、環境を構築するために Docker コンテナを使用します。Dockerfile...

MySQL の異なるテーブル間でフィールドをコピーする

場合によっては、フィールドから別の新しいフィールドにデータの列全体をコピーする必要があります。これは...