1. ホーム
  2. Web制作
  3. html5

HTML5のSEO最適化のためのいくつかの提案

2022-01-11 22:48:24

一例として

<title> 淘宝网 - 淘! I like it</title>

descriptionタグとkeywordタグを使用する(300文字以内が最適です)

<meta name="description" content="Taobao.com - Asia's largest online trading platform, providing all kinds of clothing, beauty, home, digital, phone bill / point card recharge ... hundreds of millions of high-quality goods, and at the same time to provide guaranteed transactions (payment after receipt of goods) and other safe transactions The company also provides consumer protection services such as return commitment and damage replacement, so you can enjoy online shopping with peace of mind! " />
<meta name="aplus-xplug" content="NONE">
<meta name="keyword" content="taobao,掏宝,網路购物,C2C,網路交易,交易市场,網路交易,交易市场,網路买,網路卖,购物网站,團购,網路贸易,安全购物,电子商务,放心买,供应,買和買賣信息,网店,一口价 ,auction,online store,online shopping,discount,free store,online shopping,channel,shop" />

画像にaltとタイトルを追加する

<img src="https://gw.alicdn.com/tfs/TB1DP0yAoY1gK0jSZFMXXaWcVXa-1190-70.png" alt="淘小店" style="width: 1190px;height:70px"/>

セマンティックタグの使用

<h1>big headline</h1>
<h2>big headline</h2>
<artice>article</artice>

Open Graphタグの使用

(OG)タグは、ページのHTMLセクションに追加するメタタグで、任意のウェブページをソーシャルネットワークのリッチオブジェクトにすることができます。2010年にFacebookが初めて導入し、他の主要なソーシャルメディアプラットフォーム(LinkedIn、Google +など)でも推奨されています。

HTMLでは、次のような感じになります。

<meta name="og:title" property="og:title" content="Your Awesome Open Graph Title">

オープングラフを設定することで、ソーシャルメディアページのパフォーマンスをより向上させることができ、この属性のエレガントな使用はクリック数に換算されます

nofollow属性の使用

nofollowとは何ですか?

nofollowは、HTMLページ内のaタグの属性値です。このタグの意味は、検索エンジンに「このページのリンクはたどらない」「この特定のリンクはたどらない」と伝えることです。

nofollowは何をするのですか?

  1. 信頼できないコンテンツ、最も頻繁に外部リンクを取得するためにコメントでスパムのリンクを持つブログ上のスパムメッセージを防ぐために、いくつかのプルスパムページやサイトを指すページを防ぐために。
  2. 有料リンクがGoogleの検索結果順位に影響するのを防ぐため。
  3. クローラーが有効なページをクロールするよう誘導し、クローラーのクロール効率に影響を与える無意味なページをクロールさせないため。

nofollowの基本的な使い方

meta>タグで使用されます。

検索エンジン(クローラー)に、ページ上のすべてのリンクを追跡する必要がないことを伝える(この方法は一般的にあまり使用されません。)

<meta name="robots" content="nofollow" />

alt;a>タグの場合

検索エンジン(クローラー)に対して、この属性を持つリンクは追跡する必要がないことを伝える。

(一般的にはこの方法が推奨されています)

<a href="javascript:" class="back" rel="nofollow"></a>

上記は、HTML5のSEO最適化のためのいくつかの提案の詳細であり、HTML5のSEO最適化に関する詳細な情報は、スクリプトハウスの他の関連記事に注意を払ってください!.