WOPAN

モバイルウェブサイトを最適化するためのSEOテクニック

SEOは長年にわたり発展を続けており、今日のSEOはもはやキーワードランキングの最適化だけにとどまりません。モバイルインターネットの発展に伴い、モバイル検索も新たな世界を切り開きました。そのため、モバイルページの最適化をPCページの最適化と全く異なる技術と捉える必要はありません。

最終的には、検索ユーザーに高品質なコンテンツを提供するという目標は変わりません。しかし、モバイルユーザーの具体的なユーザーエクスペリエンスニーズを考慮する必要があります。現在のモバイル検索ランキングは、PC検索ランキングにモバイル要因に基づく調整を加えたものにすぎません。

ウェブサイト運営者にとって、モバイルトラフィックを無視することは、あらゆる観点から見て損失です。SEOスペシャリストにとって、より多くのトラフィックを獲得し、期待に応えるためには、モバイル最適化、特に最適化手法に重点を置くことがさらに重要です。では、SEO専門家にとって、モバイルウェブサイトを最適化するための方法とテクニックにはどのようなものがあるでしょうか?

I. PCで使用されるものとは異なる最適化戦略

観察によれば、モバイル デバイスでキーワードを検索するユーザーと PC で検索するユーザーの間には大きな違いがあることがわかります (詳細については、Ma Haixiang のブログ記事「モバイル検索と PC 検索の違い」を参照してください)。

モバイル検索では短いフレーズが使用され、ユーザーは一般的にBaiduのオートフィル機能に頼って検索を完了する傾向があります。これらのフレーズを最適化することは、ウェブサイトのメタタグとディスクリプションを最適化する際にも非常に重要です。

モバイル ウェブサイトの場合は、ホームページまたはチャンネル ホームページのキーワードと説明のセクションに、PC バージョンとは異なるメタ タグとキーワードを追加することが最適です。

モバイルウェブサイトはPCウェブサイトとは異なります。百度は、キーワードとディスクリプションタグはPCウェブサイトの最適化には影響しないものの、モバイルウェブサイトでは効果的であると明言しています。そのため、百度モバイル検索では、3つの主要タグを最適化することが最善であるとの提案も示されています。

II. ウェブサイトはできる限りシンプルにデザインする必要があります。

モバイルウェブサイトはPCウェブサイトに比べて読み込みがはるかに遅くなります。Baiduの現在の推定では、モバイルデバイスではページが3秒以内に表示される必要があります。そのため、ページ数とページサイズを最小限に抑えるようにしてください。

同様に、PCページによく見られる広告、フッター、関連記事、タグリンクなどのコンテンツは、可能な限り削除する必要があります。モバイルユーザーはウェブページを断片的に閲覧し、多くのページをじっくりとクリックすることは少ないため、モバイルウェブサイトのデザインは可能な限り合理化する必要があります。

これはユーザー エクスペリエンスの問題であり、Baidu の Web クローラーの作業負荷を最小限に抑えて、できるだけ多くのページをクロールしてインデックスできるようにすることも目的としています。

III. 明確な構造と明確なナビゲーション

明確なナビゲーションは、モバイルウェブサイトを含むすべてのウェブサイトに不可欠です。モ​​バイルウェブサイトは明確な構造とナビゲーションを備え、大まかにホームページ、チャンネルページ、コンテンツページの3つの階層に分けることができます。各ページには、親コンテンツ、子コンテンツ、関連コンテンツへのリンクが必要です。適切に設計されたウェブサイトは、フラットなツリー構造を持つべきです。

メインナビゲーションへのキーワードの詰め込みは避けましょう。理想的には、ユーザーと検索エンジンがウェブサイト内の現在のページを簡単に見つけられるようにする必要があります(詳細は、Ma Haixiangのブログ記事「モバイルウェブインターフェースでよく使われる6つのナビゲーションモード」をご覧ください)。

IV. モバイルサイトでは、単純にスケールを縮小することは避けるべきです。

理想的には、モバイルサイトはウェブサイトを再構成したもので、「m.mahaixiang.cn」という形式のサブドメインとして運営されるべきです。トラフィックの多いウェブサイトや、ユーザーエクスペリエンスを最優先とするウェブサイトの多くは、独自のモバイル版を作成しています。

Baiduは、独立型モバイルサイトとアダプテッドサイトをインデックス登録量に関して異なる扱いをしています。この2種類のウェブサイトの違いを疑問に思う人もいるかもしれませんが、インデックス設定に関しては、どちらも24時間クロールサイクルを採用し、サイトマップを送信し、同時にバックリンクの最適化を行っています。そのため、馬海翔氏は、そのような違いはなく、むしろ独立型サイトの方がアダプテッドサイトよりも優れていると考えています。

V. モバイルウェブサイトの適応に関する問題

モバイルウェブページでDOCTYPEを適切に指定すると、検索エンジンがそのページがモバイルブラウジングに適しているかどうかを判断しやすくなります。一般的に言えば…宣言は文書の冒頭にあります。タグの前(詳細については、Ma Haixiang のブログ記事「Baidu モバイル検索をオープン適応サービスにする 3 つの方法」を参照してください)。

レイアウトとテキストに加え、モバイルウェブサイトの適応には画像の自動スケーリングも実装する必要があります。これにはCSSコードを1行記述するだけで済みます。

画像 { 最大幅: 100%;}

このコード行は、Web ページに埋め込まれたほとんどのビデオでも機能するため、次のように記述できます。

img、オブジェクト { 最大幅: 100%;}

古いバージョンの IE では max-width がサポートされていないため、次のように記述する必要がありました。

画像 { 幅: 100%;}

また、Windowsプラットフォームで画像を拡大縮小すると、画像が歪む場合があります。この場合、IE独自のコマンドをお試しください。

img { -ms-補間モード: バイキュービック; }

または:

imgSizer.js、Ethan Marcotte 著。
addLoadEvent(関数() {
var imgs = document.getElementById("content").getElementsByTagName("img");
imgSizer.collat​​e(画像);
});

解像度に合わせて調整された画像を使用するのが最適です。同じ効果を実現する方法は数多くあり、サーバー側とクライアント側の両方で実行できます。

VI. ウェブサイトの要素サイズと強制ダウンロード

モバイル デバイスは主にタッチ スクリーンであるため、Web サイト開発者は垂直メニューを検討できます。これにより、ユーザーがどのリンクをクリックするかを簡単に制御できます。

ここで馬海翔は、ある点を強調したい。それは、コンテンツを見る前にアプリのダウンロードやログインを強制するポップアップウィンドウがページに表示されるかどうかだ。これが百度のアイスバケットアルゴリズムの主な狙いだ(詳細は、馬海翔のブログ記事「百度のモバイル検索アイスバケットアルゴリズムの導入は、私たちにどんな情報をもたらしたのか?」を参照)。

7. クリックツーダイヤル機能を設定する必要があります。

ユーザーがモバイル サイトを通じてより直接的にカスタマー サービスに電話をかけられるようにするには、優れたモバイル エクスペリエンスを提供するすべての Web ページに、ユーザーが番号をクリックして電話をかけることができる機能を含める必要があります。

この機能は、URL リンクを使用して、Safari (iOS)、Android、WebOS、Symbian、IE、Opera Mini などの主要なブラウザで通話機能を有効にします。

(1)最も一般的な方法

コードは次のとおりです。

10086にダイヤル

ダイヤラーは番号を表示し、ダイヤルするように要求します。ほとんどのブラウザをサポートしています。

(2)電話番号を自動検出

iOS 版 Safari および Blackberry ブラウザ番号をサポートするには、次のタグを追加する必要があります。


(3)WTAIプロトコルを使用して電話をかける

WMLでは、デバイスのwtai関数を呼び出して特定の電話番号に電話をかけることができます。現在、この機能をサポートするブラウザは増えていますが、すべてではありません。

コードは以下のとおりです。

<input name="phone_no" format="*m" value="13"/> <do type="option" label="発信番号"> <go href="wtai://wp/mc;$(phone_no)"/> </do><br/>
または、電話番号を直接入力することもできます: <a href="wtai://wp/mc;10086">電話をかける</a>

例:

10086 にダイヤルするか、10086 を電話帳に保存するか、10086 に SMS を送信します。

このメソッドを使用すると、携帯電話に保存されている電話番号のインターフェースを直接表示できます。

8. モバイル版と PC 版のウェブサイト間の変換を容易にします。

モバイルまたは PC ウェブサイトの各ページに適切なナビゲーションまたはプロンプト リンクがあることを確認し、ユーザーがモバイル バージョンと PC バージョンを切り替えることができるようにします。また、検索エンジンがサイトをインデックスしやすくなります。

Baidu は、モバイル サイトの場合、baiduspider UA または出所を特定できない他の UA からアクセスされた場合、デフォルトで HTML5 または XHTML のモバイル ページを直接返し、PC ページにリダイレクトしないことを推奨していると述べています。

9. ブラウザ互換性のデバッグを実行します。

一般的に、モバイルウェブサイトの構築にはXHTML、HTML5、WMLの3つのプロトコルが使用されます。不要なトラブルを避けるため、標準化されたプロトコル形式を使用することをお勧めします。

もちろん、サイトの複数のバージョンを作成し、サイトをさまざまなレイアウトに自動的に適応させることもできます (詳細については、Ma Haixiang のブログ「PC ウェブサイトをモバイル ウェブページに自動的に適応させる方法とテクニック」を参照してください)。

10. PCサイトで使用されるものと同様のSEO最適化手法

モバイルSEO最適化の重要なポイントの多くは、従来のPCウェブサイトの場合と実質的に同じです。例えば、ウェブサイトの構造は合理的なツリー構造を採用し、できればツリー構造とフラット構造を組み合わせるべきです。明確なパンくずナビゲーションは検索エンジンのクロールを容易にし、ユーザーエクスペリエンスを向上させます。タイトルには可能な限り多くのキーワードを含め、ホームページ、チャンネルページ、コンテンツページのそれぞれ異なる側面を強調するタイトルにする必要があります。

PCでは、ウェブサイトのロゴが左側にあると、検索ユーザーがそのサイトを見つけやすくなります。同じ原則はモバイルデバイスにも当てはまり、特に重要です。モバイルデバイスの画面は小さいため、ロゴの有無は単一のウェブサイトが占める画面スペースに大きな影響を与えるからです。

ロゴのあるウェブサイトは、ロゴのないウェブサイトよりも画面占有面積が大きいことは明らかです。モバイル端末で検索する際、ロゴのあるウェブサイトはより鮮明に見えやすく、目で見た情報が多く脳に伝わるため、判断しやすくなり、ウェブサイトのクリック頻度も高まります。

要約

PCウェブサイトには、アンカーテキストによるバックリンク、ニュース記事によるリンク、相互リンクなど、多種多様なバックリンクがあります。しかし、モバイルウェブサイトには現時点ではバックリンクの概念がありません。一部のモバイルウェブサイトでは相互リンクを設置していますが、これらのバックリンクがモバイルウェブサイトのランキング向上に効果的かどうか、またどの程度効果があるかは、SEO専門家やウェブマスターによってまだ研究されていません。

-終わり-