新着情報

2021/02/26
アフィリエイトトレジャーのHTMLタグを編集する手順
を更新しました

2021/02/26
カテゴリページ知ると便利な知識
スマホサイトで情報商材を紹介する必須条件とは?
アフィリエイトトレジャーで画像挿入する時の注意点
を公開しました

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

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

 





大変勉強になったサイト




室井良和さんのパーフェクトトレジャーとは
(1ページ目)の続きです。



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


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



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




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

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



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

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




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




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



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


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


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

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




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




という点です。

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



トップページの様子







個別記事の様子







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

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


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



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




これは大変カッコ悪い



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



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

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




モバイルフレンドリー




Mobile
Friendly
Test




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

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



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



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

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



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







Page is mobile-friendly(合格)







「Page is mobile-friendly」は、

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

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


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



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





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



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




 

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

室井良和さんのパーフェクトトレジャーとは

アフィリエイトトレジャーって何?改めて申し上げますが、アナタは、アフィリエイトトレジャーというサイト作成ツールをご存じですか?いえ、別の言い方をすれば、パーフェクトトレジャ...

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

大変勉強になったサイト室井良和さんのパーフェクトトレジャーとは(1ページ目)の続きです。実は、トレジャーツールを使ってスマートフォンサイトを作成したというそんなレビュー記事...

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

モバイルフレンドリーに合格できるサイトの条件(2ページ目)の続きです。いよいよ、トレジャーツールでスマートフォンサイトを作成するためのカスタマイズ方法を紹介します。先ほど掲載し...

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

アフィリエイトトレジャーのHTMLタグを編集(3ページ目)の続きです。1ページ目で紹介した、トレジャーでスマホサイトを作る方法を掲載したサイトは本当に参考になりました。モバ...

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

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

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

スマホサイト作成のまとめアフィリエイトトレジャーのメニューの編集手順(5ページ目)の続きです。いかがですか。先ほどの、個別記事がズラーっと並んでた状態と比べても、だいぶスッ...