スマホで閲覧された時の例です。電話番号はタップすればかかるようにプログラミングします。SMSもいれることができます。スマホ専用ではないのでJqueryMobileは使用しません。よろしくお願いいたします。
2枚目のぼやけたバックグラウンド画像です。
こんにちは。transwebjpです。一応形が整いました。画像はPC用ですが、レスポンシブにできるように、カラムを480pxに調節できるようにデザインされています。ヘッダ部分に重要キーワードが集中するようにしました。コンテンツ部分はGoogle Schemaタグを入れるとよいです。ファイルはhtml5で記述します。またChar-setも”utf8”にするとよいかと思います。よくきく話ですが、日本に旅行している外人さんがデータ削除してしまったり、うっかり水に落としてしまったりとでも日本語ができないので泣き寝入りが自国にもってかえることしかできません。でもGoogleの検索にひっかかれば別なはなしです。キーワードにVideo Data Recoveryとでも入れれば。よいかなと思います。コンパクトですが、下層ページに情報を送りたくなかったらCSS3でドロップダウンコンテンツを挿入することもできます。Javascriptではないのでローディングには問題ありません 別cssファイルではなくLPファイル内に記述します。ひとつの提案に画像を2枚添付できないので2枚目の画像を別におくります。2枚目はマウスが動くとバックグラウンドがぼやけた画像にかわります。また動かすと、くっきりした修正された画像が浮かび上がるようにCSS3でスタイリングします。Java’プラグインでもなく、jqueryでもないのでご安心ください。以上が提案です。よろしくお願いします。
メンバーからのコメント
下層ページテンプレート画像です。各々の項目を1ページにまとめることもできますし、ページを割り振ることも可能です。ページ数が多くなれば、各ページのタイトル、キーワード、ディスクリプションを変えればSEO良好になります。もし一ページにまとめるとすれば<div>コピーペーストで完了です。背景は仮画像をおきましたので、もっとふさわしい画像をみつけることもできます。以上です。ご検討よろしくお願いいたします。