0

ページ間に類似したCSSがたくさんあるサイトを構築しています。私は、cssをphp関数（パラメーターを使用）によって文字列として生成し、提供するすべてのページに内部スタイルシートとして出力することをお勧めします。メリット：

  • このように変更を加えると、重複を維持することなくサイト全体に反映されます
  • 特定のページに必要なCSSのみを送信できます
  • 小さなcssファイルを用意して、インクルード時に大量のcssヘッダーを送信するよりも優れています
  • スタイルシートがロードされる前にコンテンツが表示される可能性はなくなりました
  • パラメータを使用して寸法を計算できます
  • これらの関数から受け取った結果を縮小したり、キャッシュされた縮小されたcssを提供したりするレイヤーを作成できます

残念ながら、これが他の場所で行われているのを見たことがないので、これはSEOのせいかもしれないと思います。生成される内部スタイルシートは、最大で約15kbになります（スタイルシートを縮小する前）。

このアプローチについてのあなたの意見と、長い内部スタイルシートがSEOに与える影響についてのあなたの考えが必要です。

どうもありがとう。

4

5 に答える 5

4

あなたの質問に対する答えではありませんが（これは十分に興味深いです！）、インラインCSSに対するあなたの議論のほとんどは間違っています。外部スタイルシートは、常により優れた、より高速なソリューションです。

  • スタイルシートのファイル名にバージョン番号を追加することで処理できる最初のポイント

  • 2番目のポイントは、外部ファイルがキャッシュされるため、追加のリクエストがないため、重要ではありません。

  • 3番目のポイントは同じ理由で議論の余地があります

  • スタイルシートがキャッシュされたら、4番目のポイントは実際には重要ではありません

  • 5番目のポイントは、動的に更新する必要があるプロパティのみに対してインラインCSSを使用して並べ替えることができます。通常、CSSコードベース全体のごく一部です。

  • 私が得られない6番目のポイント。

外部スタイルシートを探してください。正しいキャッシングヘッダーが提供されていることを確認してください。

于 2010-10-12T22:50:43.200 に答える
2

インラインJavaScriptの長いブロックと同様に、それらは無視されます。

ボットは、レイアウトではなくコンテンツを確認します。彼らが見ているものをよりよく表現したい場合は、Lynxブラウザを試してください。

残念ながら、外部CSSやJSのように、ユーザーのブラウザにもキャッシュされないため、各ページの読み込みが遅くなります。実際には、各ページに関連する「cssスニペット」をサーバーアップするよりも、大きな外部スタイルシートを使用する方が効率的です。

于 2010-10-12T22:49:55.227 に答える
2

「内部スタイルシート」とは、<style>タグを使用して含まれるインラインCSSを意味すると仮定すると、これはお勧めしません。外部スタイルシートを使用する場合、訪問者は最初のリクエストで一度ダウンロードすると、キャッシュされます。すべてのCSSをインラインで含めることにより、すべてのHTMLリクエストにページの重みを追加します。

現在のページにCSSを提供する方が効率的であるように思われるかもしれませんが、CSSを多くの異なるページ固有のスタイルシートに分割することもできます。実際には、通常、スタイルシートを1つだけ持つ方がよいでしょう。この圧縮された適切な有効期限付きヘッダーを提供することは、ほとんどの場合、他の方法よりも高速です。

SEOに関しては、ロボットはCSSを無視するため、これによる影響はありません。CSSが多すぎてページの読み込みが大幅に遅くなった場合、理論的には問題が発生し始める可能性がありますが、これが問題になる可能性がある前に、非人道的な量のインラインCSSが必要になります。

于 2010-10-12T22:56:38.110 に答える
1

私の知る限り、CSSシートはSEOで最小限の役割しか果たしません。さらに重要なのは、HTMLのマークアップと実行です。

見出しタグの「<h1>-<h5>」の順序に従い、「<font>」または同様のアプローチの代わりに「<p>」タグを付けると、Webクローラーがコンテンツを認識して優先順位を付けることができます。あなたのページで。

CSSを使用して、検索エンジンや同様の手法でのみ表示したい段落を非表示にすることはできますが、HTML構造と比較して重要性はほとんどありません。

于 2010-10-12T22:52:32.837 に答える
1

あなたが言ったすべての利点が適用されます。検索エンジンはCSSとjavascriptをあまり気にしません（もちろん、ページの折り返しと送信に時間がかかりすぎると、これは影響しますが、そうではないと思います）。

この種の解決策は以前にも見たことがありますが、代わりにメディアクエリを使用して、外部スタイルシートを1つだけ書き込むと、スクリプトを使用してサービスを提供することを避ける傾向があります。これを見てみるべきだと思います。

ただし、送信されたCSSを最適化しようとしているようです。これは良いことですが、すべてのシートで80kについて話すと、ルールを複雑にしすぎていないかと思います。

さて、最後の意見として、あなたは多くの異なる応答をキャッシュし、ページの頭にある「標準的な」ものを利用することができます。

于 2010-10-12T23:09:58.527 に答える