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

推薦する

Windows で MySQL サービスを停止または削除できない問題の解決策

圧縮パッケージを解凍して Windows に MySQL をインストールしました。インストール方法は...

MySql データベース クエリの特殊コマンド

まずMySQLのインストールMySQLソフトウェアをダウンロードし、インストールパスを変更しますMy...

フロントエンド開発者のための HTML 入門

1 HTML入門1.1 初めてのコード体験、最初のウェブページの作成XML/HTML コードコンテン...

Vue3における非親子コンポーネント通信の詳細な説明

目次最初の方法アプリ.vueホーム.vueホームコンテンツ.vueデータの応答性レスポンシブプロパテ...

Vueは質問応答機能を実装する

1. リクエスト回答インターフェース2. ユーザーの回答が正しいかどうかを判断します。回答が正しい場...

Tencent Cloud Server Tomcat ポートにアクセスできない場合の解決策

最近、Tencent Cloudを使用してサーバーを設定しました。使用中に、tomcatポートにアク...

Docker+keepalived+nginx を使用してマスタースレーブホットスタンバイを実装する方法の例

序文単一障害点を解決するには、マスター/スレーブ ホット スタンバイ ソリューションを構成する必要が...

MySQL全文インデックスの原理と欠点

MySQL フルテキスト インデックスは、特定のテーブルの特定の列に表示されるすべての単語のリストを...

ウェブサイトに天気予報を挿入する方法

天気予報をウェブサイトに挿入すると、次のような効果が得られます。次のコードを挿入する必要があります:...

MySQL information_schema データベースの詳細な説明

1. 概要information_schema データベースは performance_schema...

...

Dockerを使用してMySQLデータベースをインストールするDeepinの詳細な説明

まずMySQLソースをクエリするdocker 検索 mysql公式ウェブサイトにアクセスしてイメージ...

パーティクルダイナミックボタン効果を実現するCSS

オリジナルリンクhttps://github.com/XboxYan/no…ボタンは、おそらく We...

Vueプロジェクトでvuexを使用する方法

目次Vuex とは何ですか? Vuex 使用サイクル図私のストアディレクトリvuexの例の実装要約す...

Dockerコンテナのインポ​​ートとエクスポートに関するチュートリアル

背景Docker の人気は、コンテナの共有と移植が容易であることと密接に関係しています。ユーザーは、...