SEOにやさしいモーダルウィンドウの使い方

単にモーダルウィンドウを用意しても、Webサイトの検索エンジン最適化が損なわれたり、妨げられることはありません。ただし、ロボットがWebサイトをクロールするときに検索するためのより多くのコンテンツをロボットに提供することで、SEOに役立つことがあります。この影響は、モーダルウィンドウに使用しているスタイルやシステムに直接関係しています。モーダルウィンドウのコンテンツをどのように非表示にしても、検索エンジンロボットによるページの表示方法は変わります。一番下の行はあなたのウェブサイトに視聴者をもたらすことができるより良いコンテンツです。適切なモーダルウィンドウを使用すると、ページに負担をかけずにより多くのコンテンツを提供できます。

1。

別のページからコンテンツを取得するのではなく、表示せずにページにコンテンツを追加するモーダルウィンドウタイプを選択してください。モーダルウィンドウ内のコンテンツがページに表示されると、検索エンジンはそのコンテンツをクロールしてインデックスを付けることができます。モーダルボックスのコンテンツが別のページにある場合、検索エンジンでインデックスを作成してもホストページはそのコンテンツの恩恵を受けません。 OmniWindowは、Revealと同様に、モーダルウィンドウコンテンツにDIV要素を使用します。 ModalBoxには、ページ上のコンテンツとページ外のモーダルコンテンツのオプションがあります。

2。

CSSを使用してモーダルウィンドウのコンテンツを非表示にする場合は、 "display：none"または "visibility：hidden"を避けてください。これらの属性は、コンテンツを読むためにすべてのCSSを削除するクローラおよびスクリーンリーダーを含め、すべての人にコンテンツを隠します。代わりに、絶対位置を使用して負の位置値を作成し、そのコンテンツを非表示にします。これにより、視覚障害のある視聴者が使用するスクリーンリーディングソフトウェアやロボットは、モーダルウィンドウで呼び出されるまでページに表示されずにそのコンテンツをクロールできます。

3。

モーダルウィンドウ内の画像にSEO値を追加するには、altタグ値とキャプションを使用します。画像にモーダルウィンドウを使用する場合、この効果は通常「ライトボックス」と呼ばれます。 altタグを使用するときは、SEOを改善するために件名を含めてください。

4。

モーダルウィンドウは必要なときにだけ使用してください。ページ上のコンテンツを非表示にする正当な理由がありますが、詐欺師はキーワードでページを詰めるために非表示のコンテンツも使用します。あまりにも多くの隠されたコンテンツはあなたのウェブサイトが悪いSEOに従事しているために検索エンジンによってブラックリストに載せられることをもたらすかもしれません。

ヒント

ログインフォームなど、コンテンツ以外のものにモーダルウィンドウを使用している場合は、ユーザーが検索エンジンで検索するための情報を提供していないため、そのコンテンツを別のページからロードすることを検討してください。
外部リンクコンテンツを使用している場合は、リンクに "rel = nofollow"を使用しないでください。ロボットがそのコンテンツをクロールするのを止めることはありませんが、リンクがページランクの対象にならないように設定することもできます。

警告

1ページに含まれるコンテンツとコードが多いほど、読み込みに時間がかかります。読み込みが遅いと、SEOにも影響します。バランスは、便利でSEOに最適化されたページを作成する上で重要です。
キーワードの詰め込みや、ページランクを向上させるためにあなたのページとは無関係の詐欺的なコンテンツを含めるなど、「悪い」SEOプラクティスに隠し要素を使用しないでください。
モーダルウィンドウを生成するときの使いやすさに焦点を当てます。ボックス内のコンテンツが多すぎたり、モーダル要素が多すぎたりしてそれをやり過ぎると、訪問者はイライラして、より直接的な方法でコンテンツを提示している別のサイトを見つけることができなくなります。