SEO の最適化に使用できる HTML5 タグはどれですか?-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

SEO の最適化に使用できる HTML5 タグはどれですか?

青灯夜游

Jan 23, 2022 pm 04:05 PM

html5SEOの最適化

html5 は SEO 最適化タグとして使用できます: 1. title タグ; 2. meta タグ; 3. header タグ; 4. nav タグ; 5. item タグ; 6. Side タグ; 7. footer タグ、等

SEO の最適化に使用できる HTML5 タグはどれですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 とは

HTML5 は、html と同様に、Web ページのコンテンツを記述するための言語です。HTML5 は、次世代の Web ページ標準です。 . はインターネットの中核技術の一つと言えます。従来の HTML テクノロジーと比較して、ドメイン名の特徴がより明確になり、SVG コンテンツと完全に組み合わせることで、Web ページ内のマルチメディアコンテンツの処理がより便利になります。同時に、他の要素と組み合わせてオリジナルのコンテンツを作成することもできます。 2012年に安定版が確立されました。

SEO における HTML5 の利点は何ですか?

メディアコンテンツキャプチャの効率の向上 Web サイトの開発時に Flash 機能を多用する一部の古い Web サイトにとって、HTML5 の登場は朗報です。 Google Chrome が Flash 機能のサポートを終了するため、多数の Flash テクノロジーを使用するこれらの Web サイトのデザインが間もなく再設計され、HTML5 が大いに役立つ可能性があります。 HTML5 を使用すると、ページ内のアニメーションなどのメディアコンテンツが検索エンジンによってより効率的にクロールされるようになります。

HTML5 のタグを使用すると、Web ページのコンテンツをより構造化し、ページのコンテンツの構造をより明確に表示し、検索エンジンの使いやすさを向上させ、Web サイトのコンテンツとサイトの種類を識別しやすくすることができます。

SEO 最適化に使用できる H5 タグ

1、ヘッダーコード

1 )、title タグ (title タグ)

title タグは HTML5 にもまだ存在しており、かけがえのない役割を持っていますが、検索エンジンで認識できるコードがさらに増えていることがわかっており、今後もコードレベルを少し下げて変更します。

2)、メタタグ(メタタグ)

文字セットエンコーディング宣言タグ: このタグは本来、検索エンジンにとって必須かつファーストルックなタグであり、他の属性はすべて省略され、 charset 属性は、Google が善意を持っていることを示しています。

Web ページの説明タグ: このタグにはヒントはありませんが、この領域のコンテンツは SERP に表示されるため、その重要性を無視してはなりません。

2. テキストコード

1)、ヘッダータグ(header tag)

以前はこの領域はロゴが大半を占めていましたが、現在からは状況から判断すると、このカテゴリではタイトル1か2のタグ、つまりh1タグやh2タグの使用を推奨している資料が多いです。将来的には、各 Web ページに H1 タグが 1 つだけ表示され、その位置はヘッダータグ内になると考えられます。この領域で強いタグを使用することはお勧めしません。また、b タグも使用しないでください。

2) ナビゲーションタグ (nav タグ)

nav タグは基本的にタグであり、HTML5 では最適化のために title タグの追加に依存すべきではありません。強力なタグを使用することをお勧めします。

3)、記事タグ (article タグ)

article タグ領域では、h2 タグを使用できますが、h1 タグの使用は推奨されません。 h2タグは基本的にarticleタグの数だけ使用できます。 PS: SEO にとってはとても楽しいことですが、ブラックハットがまた不正行為をする場所を見つけたようです。

記事タグエリアのセクションタグは、h2タグでリンクされているURLのtitle属性を置き換えるもので、このエリアのテキストが対象URLの記述内容となり、SERPに影響を与える可能性があります。ターゲット URL の説明。

4)、左または右ラベル（サイドラベル）

サイドラベルのテキスト情報は、記事ラベル領域のテキスト情報と一致する必要があり、相関が大きくない場合は、対象ページのページやランキングに影響を与える可能性があります。これは、多くの SEO が HTML4 で無視している領域であり、この領域のキーワードはこのページに大きな影響を与えない可能性があります。 Side タグのコンテンツは基本的にパブリックコンテンツであるため、このコンテンツを含むページは N 個あります。

5)、下部タグ (フッタータグ)

フッタータグ領域のコンテンツはホームページのランキングを向上させますが、検索エンジンは内部ページに目をつぶる可能性があります。各 Web のフッター情報を独立させることは推奨されません。これは、新しいブラックハット手法が出現する可能性があることを意味します。

関連する推奨事項:「html ビデオチュートリアル」

以上がSEO の最適化に使用できる HTML5 タグはどれですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。