626ファクトリー

モバイル フレンドリーってなんやねん

mf

工事中という昔ながらの状態を放置して3年以上過ぎましたが、ようやくサイトのリニューアルがほぼ完了。

おおまかなところは変更完了してますが、細かい箇所は追々運用しながらチューニング予定。

にしても放置している間にHTML5だのレスポンシブだのいろいろ出てきましたのでホント浦島太郎みたいになってました(汗)

まあいつのまにやらポンコツIE6を無視してもよくなったし(^m^ )クスッ

それはそれでよかったかも ププッ ( ̄m ̄*)

それに最近は温泉ネタばっかで怒られそうなので、たまにはマジメにウェブの事を書くことにします(笑)

ほんでもってその「モバイルフレンドリー」ていうのが、どうやら検索アルゴリズムに掘りこまれるようです。

で、モバイルフレンドリーってなんぞや?

ってことですが、まずフレンドリーかどうか簡単に調べてみましょう。

https://www.google.com/webmasters/tools/mobile-friendly/

ここにURL入れるとすぐにわかりますYO~( ̄ー ̄)ニヤリッ

mf-2

はい、こーゆー表示が出た場合・・・

「フレンドリージャナイ!!」

てことになりますんで、早速対応しましょう。

あと「ウェブマスターツール」を使っている場合はこんな感じで警告メール送ってきてますよ。

mf-3

※URLはサンプルです。

ウェブマスターツールの場合はページごとに修正すべき箇所が表示されているのでそこを直せばOKでしょう。

ざっくり言われたいちゃもんはこんな感じです。

★コンテンツのサイズがビューポートに対応していません

メタタグviewportを入れましょう。これ一番重要かも。

★フォントサイズが小です

上記viewportが基準になります。基準を決めてからサイズを設定しましょう。

★タップ要素同士が近すぎます

これもviewportが基準です。タップのしやすさを考えてリンクテキストの範囲を大きくするとかCSSのカスタムをしましょう。

★Flash が使用されています

Flashアカンらしーよ(笑)。最近はJavaScript等使えば同等のことできますから代替案を考えましょう~。

Googleさんにいちゃもんをつけられてるサイトは4月21日までにフレンドリーになるようにしておきましょう~

っていうお話でした(・w・)

Related article

関連するエントリーはありません。

Comment

twitterRSS