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

推薦する

zabbix 4.04 の詳細なインストール チュートリアル (CentOS 7.6 ベース)

1. インストール前の準備: 1.1 JDKをインストールするopenjdkをアンインストールする...

この記事ではMySQLのNULLについて説明します。

目次序文MySQL の NULL 2 NULL占有長3 NULL値の比較4SQLはNULL値を処理す...

Windows 上の Docker にさまざまなソフトウェアをインストールする詳細なプロセス

1. MySQLをインストールする # docker で mysql をダウンロード docker ...

高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明

目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...

vue3 統合 API における vue2 の $refs の代替方法についての簡単な説明

vue2 プロジェクト開発の経験があれば、$refs に精通しているでしょう。 vue3 の急激なア...

Apache の一般的な仮想ホスト設定方法の分析

1. Apacheサーバーのインストールと設定yum インストール httpd -y systemc...

MySQLはOracleシーケンスに似たソリューションを実装しています

MySQLはOracleのようなシーケンスを実装しているOracle は通常、主キー フィールドを処...

Dockerを使用してPythonランタイム環境の基本イメージを作成する方法

1. 準備1.1 Pythonインストールパッケージをダウンロードします(注:Pythonバージョン...

Reactフックの長所と短所

目次序文アドバンテージ:欠点: 1. レスポンシブな使用効果2. ステータスが同期されていないRea...

mysql-8.0.11-winx64.zip の詳細なインストール チュートリアル

zip インストール パッケージをダウンロードします。 MySQL8.0 For Windows z...

Apple の携帯電話のロックを解除するときに光沢のあるフォント効果を実現するために CSS3 を使用する例

0. はじめに2016 年 8 月 18 日 今日、iPhone をスライドさせてロックを解除すると...

Linux Samba サーバーの超詳細なインストールと構成 (問題解決付き)

目次Samba サーバーの紹介Samba サーバー コンポーネントSamba サーバー関連の設定ファ...

JavaScriptのモジュール性を理解する方法

目次1. ブラウザのサポート2.エクスポートモジュールのエクスポート3. モジュールをインポートする...

Vue3+TypeScriptは再帰メニューコンポーネントの完全な例を実装します

目次序文必要成し遂げる最初のレンダリングメニュー項目をクリックしますスタイルの区別デフォルトのハイラ...

MySQL の sql_mode モード例の詳細な説明

この記事では、MySQL の sql_mode モードについて例を挙げて説明します。ご参考までに、詳...