■このホームページには一部の記事に広告リンクが掲載されております

新着情報

2024/1/23 アフィリエイトは日本人の人口が減っても稼げる? を公開しました

2024/2/3 アフィリエイトにおいて「楽して稼ぐ」とは? を公開しました

RSS

アフィリエイトトレジャーでスマホサイト作成TOP > スマホサイト作成 > モバイルフレンドリーに合格できるサイトの条件

モバイルフレンドリーに合格できるサイトの条件

 









大変勉強になったサイト




アフィリエイトトレジャーって何?
(トップページ)の続きです。



実は、トレジャーツールを使って
スマートフォンサイトを作成したという
そんなレビュー記事を見つけました!


それは、コチラ↓のサイトです。



【2015レビュー】
パーフェクトトレジャーでまだまだ稼げる




どなたかは存じませんが、
このサイトを公開してくださって、
本当に感謝です!

おかげで、トレジャーでスマホサイトを
意図も簡単に作ることができました。



そのサイトに書かれてある通りに、
私もスマホサイトを作成しました。

では、どんなサイトになったのか、
その一つを今からお見せします。




実際に作ったスマホサイト




デジタル一眼カメラ上達講座



はい、コチラのサイトが、
私が加工済みのトレジャーで作成した
スマートフォン対応サイトです。


タイトルの通り、一眼カメラのサイトです。笑


実はこのサイト、元々はあるツールで
構築してましたが・・・。

そのツール、どうしても気に入らない
点があったのですが、それは




スマホから観覧する時に
画像表示が不自然になる




という点です。

下記の2枚の画像は、そんな、
前のツールで作成したサイトですが・・・



トップページの様子







個別記事の様子







これらはスマホ観覧時にスクリーンショット
(キャプチャ)したものです。

1枚目のトップページの様子が、
おかしいと思いませんか?


そうです、掲載されてる写真が、
不自然なくらい縦長なのです。



そして2枚目の個別記事の画像は、
掲載した写真は横長の長方形なのに、
正方形に表示されてしまいます。




これは大変カッコ悪い



文章だけのサイトならまだしも、
一眼レフカメラで撮影した写真を
沢山掲載したサイトですので、
この表示ではいけないと思ったのです。



だから、アフィリエイトトレジャーで
スマホサイトが作れると分った以上、
1からサイト構築し直したのです。

おかげで、スマートフォンとPC、
そしてアイフォンでも観覧が可能です。




モバイルフレンドリー




Mobile
Friendly
Test




私がトレジャーで作ったサイトが、
実際にスマートフォン対応か、
確かめられるサイトがあります。

それが、上記のリンクボタンの、



「モバイルフレンドリテスト」



という、グーグルが提供している
テストツールのことです。

私が作った一眼レフサイトは見事、
モバイルフレンドリに問題なく
合格という結果を頂きました。



赤枠の中にサイトURLを入力







Page is mobile-friendly(合格)







「Page is mobile-friendly」は、

このページはモバイルフレンドリです

という意味なので大丈夫です。


つまり、スマートフォン対応している
ということで合格を意味します。



不合格ですと赤文字が出ます。
その時は残念ですが改善が必要です。





次の2ページ目はお待ちかねの
ツール編集の解説です



アフィリエイトトレジャーのHTMLタグを編集
(2ページ目)




 

スマホサイト作成|記事一覧

モバイルフレンドリーに合格できるサイトの条件

■目次1:大変勉強になったサイト2:実際に作ったスマホサイト3:モバイルフレンドリー大変勉強になったサイトアフィリエイトトレジャーって何?(トップページ)の続き...

アフィリエイトトレジャーのHTMLタグを編集する手順

2022/12/10更新モバイルフレンドリーに合格できるサイトの条件(1ページ目)の続きです。いよいよ、トレジャーツールでスマートフォンサイトを作成するためのカスタマイズ方...

アフィリエイトトレジャーの画像サイズの拡大縮小

2023/4/26更新アフィリエイトトレジャーのHTMLタグを編集(2ページ目)の続きです。1ページ目で紹介した、トレジャーでスマホサイトを作る方法を掲載したサイトは本当に...

アフィリエイトトレジャーのメニューの編集手順

アフィリエイトトレジャーの画像サイズの拡大縮小(3ページ目)の続きです。さて、HTMLファイルを編集してスマホ表示ができるようになったり、CSSもカスタマイズして画像表示も無事...

アフィリエイトトレジャーでスマホサイト作成まとめ

アフィリエイトトレジャーのメニューの編集手順(4ページ目)の続きです。■目次1:スマホサイト作成のまとめ2:レスポンシブWebデザインなので3:本格的なホームページ...


<当サイトの運営者情報はTOPページに掲載しております>