BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

Web制作マスターのためのよく使われるHTMLタグの解説

2022-01-30 21:41:31

I. 一般的なHTMLタグの最適化

HTMLについては、Web編集者の基本スキルであるはずで、使いこなせていないとは言い切れない。Web編集者として、すべてのSEOパラメータをマスターする必要はありませんが、基本的なHTMLタグの中のSEOに関するものを理解することは、誰にとっても必要なことです。

<テーブル

<html>

<head>

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

<meta http-equiv=Content-Language content=zh-cn>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta name="keywords" content="keywords">

<meta name="description" content="page description">

<link href="inc/css.css" _fcksavedurl="inc/css.css"" type="text/css" rel= "stylesheet">

</head>


上の段落は、ページのHEAD部分で、個々のタグが検索エンジンにとって重要な意味を持ちます。

TITLEは検索エンジンにとって常に重要であり、そのアルゴリズムがどう変わろうとも、このタグの重要性が薄れることはない。そこで、Web編集者には、この検索エンジンから来るユーザー層を意識した記事やネームチャンネルを書くことが求められています。

現在、百度は31～32文字、約62文字の漢字を直接表示することができ、GOOGLEは約34文字の漢字を表示することができます。

そこで、記事のタイトルやチャンネルのタイトルを書くときに、下の写真の「"_News Center_SINA.com"」のように、プログラムが自動的にTITLE表示に追加する内容を差し引いて、ページ全体のTITLEコントロールが必要語数程度になるようにしなければなりません。

ここで重要なのは、検索結果に表示されるコンテンツを自動的に追加することをプログラムに要求するかどうかを指定することです。

この時、サイトのオーソリティとコンテンツの優先順位を考えます。もしあなたのサイトの記事が一般的に参照されているのであれば、この問題を避けるために、オーソリティを強調することが重要です：。

 その他、先行する記事タイトルが長すぎるためにチャンネル名やサイト名が表示されないと、ユーザーがクリックを放棄し、この記事を再現した他のページに移動してTITLEを正規化する可能性があります。

 このように、スクリーンネームの癖によって、1通目のメッセージのドメイン名を認識・注目しない場合、ユーザーは2通目のメッセージに直接クリックする方向に大きく変化します。

TITLEの前の方の文章は後ろの方より重みがあるので、TITLEを書くときは重要なキーワードを前の方に入れるようにしましょう。

キーワードと説明文も検索にはかなり重要です。いくつかの時間前、多くの国内のSEOの友人は、検索エンジンは、これらの2つのタグを放棄またはWebページの順序でこれらの2つのタグの値を減らすと信じて、特にBaiduでは、ページの説明のほとんどを参照しない前に2009年5月に、ページ内のコンテンツ（これも独自の単語のソートアルゴリズムにBaiduを反映している）の段落を独自のランダムクロールを行います。しかし、5月以降、Baiduは徐々に説明文のクロールを再開し、ページの内容と一致する説明文は、そのページの説明文としてBaiduにクロールされるようになった。もちろん、ページの内容と関係のないディスクリプションはクロールされません。

Keywordsには、あまり多くのキーワードは必要なく、ページ内のキーワードをすべて列挙すればよいでしょう。ここのキーワードは、検索エンジンが単語を分割する際の参考にもなります。

ディスクリプションは、検索エンジンでユーザーに直接表示されることを想定した短い紹介文でもあります。文字数は70～90文字程度に抑え、キーワードはページ内に2～3回登場させるとよいでしょう。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

ページのエンコード方式もページ内で指定する必要がありますが、もちろん、これはプログラム上の問題です。Charsetのエンコード方式として、gb2312またはUTF - 8をページ内で検索エンジンに伝える必要があります。

<link href="inc/css.css" _fcksavedurl="inc/css.css"" type="text/css" rel= "stylesheet">

Webエディタは、多くの場合、大量のスタイルの定義を必要とする機能を生成し、順番にページのサイズが大きすぎると、検索エンジンのスパイダーがクロールすることが困難になることはありませんので、統一されたCSSファイルにスタイルを置くことをお勧めします直接呼び出すことができるようにします。

<body> セクション

編集者の友人が知っていて、使いこなすべきBodyセクションの主なタグは次の通りです。

<h1>Article title</h1>

このタグは、ページの中で重要な位置を占めており、TITLEに加え、H1もページのもう一つの魂であると言えます。ここで注意しなければならないのは、"soul"を慎重に使用しなければ、それ以上の罰を受けてしまうことです。それはチャンネルのページである場合、H1のロゴを使用して列の大きなカテゴリの名前は、もちろん、最大のカテゴリは、順番に、使用H2、H3、H4......に属しているカテゴリに応じて、H1を使用するためにここに適切である。それは記事のページである場合、ここでも記事のページの最適化手法によると、H1を使用するには、最も一般的なページのレイアウトによると、唯一の記事のタイトルと本文の内容は、同じレベルの本体と他の情報は、このケースでは、H1トリムを使用して記事のタイトルは、明確に検索エンジンを伝えることができます、私の記事のタイトルはページのコアであり、つまり、タイトルもここに書くためにユーザーの検索の習慣によるとされています。ここでは、メソッドは省略されます。

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

ウェブページのALTタグは、画像を説明するために使用されます。ここでは、ウェブ検索の補助と画像検索を容易にするための2つの目的があります。

Webページ上のすべての画像にaltを使うのはスマートではありませんが、まったく使わないのも適切ではありません。ページ内の主要な画像（多くの場合、トピックに関連する最も大きな画像）にALTロゴを使用することで、ウェブ検索と画像検索の両方に対応することができるのです。あるいは、画像検索をしやすくするために、画像の近くに画像のテキスト説明を記載することも選択肢の一つですが、これもALTではありません。

ハイパーリンク TITLE マークアップ <a href="/" title="リンク説明">リンクテキスト</a>

ハイパーリンクのタイトルタグの目的は、参照されるリンクの修正を強化することです、多くの場合、リンクテキストのコンテンツの制限のために我々は直接修正するのは便利ではありませんので、ここでタイトルから救済は良い方法です。一般的に、このタグは、関連コンテンツのセクションで使用されます。

<strong>タグ

このタグは、コラム名、カテゴリー名、重要な段落など、ページ内の重要な内容のキーワードを修正するために使用します。H1に次ぐ役割を担っています。

<b> (太字)

<u> (最下行)

<i> (斜体)

上記3つのタグと同様に、フォントの単純な修正であり、検索エンジンはこれらのタグを修飾語として扱います（strongとbを同じものとして理解するSEO担当者もいますが、Skybladeは強調のため、やはりstrongを優先しています）。

以上、Htmlの一般的なタグについて説明しましたが、Webエディターにとっては、これらのタグを使いこなすことができれば、十分対応できるはずです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します