Web ページがモバイル デバイス用に設計されていることを示す特定の html タグまたはメタ タグはありますか? モバイル Web ページにリンクするモバイル サイトマップを作成しましたが、検索エンジンがこれらの Web ページをモバイル バージョンとして識別しないのではないかと心配しています。
3 に答える
この手法を使用する場合は、CSS でメディア クエリを使用し、最初にモバイル Web サイトの開発に集中することをお勧めします。
基本的な例
@media only screen and (min-width: 480px){
//insert styles SPEFIC to resolutions greater than 480px wide
}
コメントについて:
//default CSS
.hidden-for-mobile{ display: none;}
//overrides the hidden style, and displays your element in larger resolution browsers.
@media only screen and (min-width: 480px){
display: inline; //or block or whatever you want
}
これを実装する別の方法またはより良い方法がある可能性が非常に高いですが、ポイントは...
Web サイトのルック アンド フィールを制御しようとしている場合は、スタイルシートに残すように最善を尽くしてください。
プロのヒント:サイト がユーザーのブラウザーに適切に応答するように、ベース幅を使用することをお勧めします。 em / %
ここで、HTML5 ボイラー プレートを使用した実際の例を確認してください。
およびメディア クエリ ブラウザのサポート リストはこちら
さらに、ユーザーベースの追跡が心配な場合は、Google アナリティクスがそれを行います。好きなようにトラフィックを分類できます。
いいえ、ありません。JavaScript を使用してモバイル ブラウザを検出し、ウェブページの特別なモバイル バージョンにユーザーを誘導することはできますが、特定のページがモバイル ブラウザ向けであるとは言えません。
重複したコンテンツを Google に表示することが懸念される場合は、robots.txt ファイルを使用してモバイル サイトのスパイダーをブロックし、モバイル ユーザーが常に正しいモバイル サイトにリダイレクトされるようにします。
スタイルや物事が気になる場合は、ヘッダー画像を使用してモバイル デバイス用の HTML をセットアップする方法を参照してください。ブラウザの幅全体が必要ですか?
それ以外の場合は、検索エンジンが domain.com ではなく m.domain.com (またはその他) にリンクすることを望まない場合は、PHP ヘッダー検出を行ってメイン サイトにリダイレクトすることを検討します。
それらがまったくクロールされず、検索結果に表示されないようにするには、追加します
<meta name="robots" content="noindex" />