スポンサードリンク
スマートフォンサイト制作会社 iPhone,Android対応｜ミスターフュージョン
スマートフォンならではの機能を最大限に生かしたサイト作りが可能です。/カスタマイズ/料金/タブレット/機種
HomepageManagerでiPhoneサイトはつくれますか？(iPhoneサイト)
2011年12月20日 20時31分
iPhoneサイトソースについて iPhoneサイトの一番上にナビゲーションバーを作ろう...
iPhoneサイトソースについて
iPhoneサイトの一番上にナビゲーションバーを作ろうと思い, ソースを入力して転送してみたのですが表示されませんでした。
忍者ツールとFFFTPを使いました
ソースは↓です
▼index.html▼
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<title>For iPhone</title>
<meta name="viewport" content="width=320px" />
<meta name="format-detection" content="telephone=no"/>
<link rel="stylesheet" href="css/index.css" media="screen"/>
</head>
<body>
<header class="global-header">
<h1 class="page-heading">For iPhone</h1>
<nav class="nav-page">
<p class="nav-page-right">
<a href="http://twitter.com/kanntariita">Twitter</a> <!--Twitterアイコン-->
</p>
</nav>
</header>
aaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
▼index.css▼
.global-header {
border-bottom: 1px solid #ffffff;
height: 44px;
line-height: 44px;
background-color: #75D9D0;
background-image: -webkit-gradient(linear, right top, right bottom, from(#D9F5F3), to(#75D9D0));
}
.page-heading {
msrgin: 0 auto;
width: 140px;
color: #333333;
font-size: 16px;
text-align: center;
text-shadow: 0 1px #ffffff;
}
.nav-page {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.nav-page-right {
position: absolute;
top: 0;
right: 10px;
}
iPhone用サイトの制作＆検索表示方法 iPhoneのYahooやGoogleで検索した際に主要ポ...
iPhone用サイトの制作＆検索表示方法
iPhoneのYahooやGoogleで検索した際に主要ポータルサイト等はiPhone用に適正化されたページが表示されます。
どのようにすれば適正化されたページが表示されるようになりますか？
モバイルサイトの場合はサーバ内でフォルダ分けを行いキャリア毎に表示されると思います。
サーバを借りているGMOに聞いたところ、スマートフォンに関してはそのような対応はしていないと回答されました。
しかし、PCとiPhoneの両方で同じ内容の検索結果が表示されるYahoo.co.jp等を開くと適正化されたページが自動で表示されます。
このように自社のサイトがiPhoneで検索された場合にはiPhone用に適正化されたサイトを表示する方法はありますでしょうか。
当然、iPhone用にコーディングしたサイトを制作してから、検索結果に表示させる際の質問です。
iPhone用に制作する際に行うSEO対策等で上位表示させる事が方法の一つだとは思いますが、iPhoneで検索したYahoo等は適正化されたページのみに進みPC用のサイトには進みません。
PC用サイトとiPhone用サイトが二重に表示されている様子は見受けられません。
※適正化されたサイトがあると同一のPC用サイトは開けない？
なんだか伝わりにくい文面で申し訳ないのですが、詳しい方がいらっしゃいましたらご教授くださいませ。
よろしくお願い申し上げます。