アクセストリガー

暮らしのエンタメブログ

ネットサービス

ウェブマスターツールでのモバイルユーザビリティーのエラーを修正してみた

ウェブマスターツールでのモバイルユーザビリティーのエラーを修正してみた

 

ふと気が付いた事ですが、ウェブマスターツールをじっくり見てみますと、モバイルユーザビリティーの項目にてエラーを検出していたようです。

モバイルユーザビィリテイーエラーの修正

キャプチャ

 

これは改善せねばなりません!

上記画面でエラーとしてして指摘しているページは、同一のページでした。

指摘しているエラーは下記の2点です

  1. タップ要素同士が近すぎます
  2. コンテンツのサイズがビューポートに対応していません

 

1で思い当たるとしたらここでしょうか!?

キャプチャ

 

内リンクと広告が近い??

 

このようなことは他にも当てはまりそうですが、とにかくエラーとして指摘しているのがこのページだけなのです!

上記はPC画面ですが、モバイルで表示してもさほど印象は変わりません。

とにかく隙間を広げてみましょう!

1行改行しましたよ。隙間はしっかり空いていますね!

キャプチャ

 

 

2.で指摘を受けた、コンテンツのサイズがビューポートに対応していませんに関しては、モバイルで表示させても左右に起きるゆらゆら現象は起きません。

基本的にレスポンシブデザインなのでよっぽど横幅の大きな広告を個別に埋め込んだりしない限り、ゆらゆら現象は起きないはず。

少なくともこのページでは、スマホ表示ではそのようなことは起きませんでした。

よって解決方法はありません。

しかし、これが、タブレットなどのモバイル?の表示で崩れるかどうかは、タブレットを現在もっていないためわかりません。

ここは現状維持で保留とします。

 

ウェブマスターツールでは、Webサイトを登録して初めの期間は、このようにエラーとして表示されるまで時間がかかるという事です。

なので、あとからあとからこういったエラーが指摘されるかもしれません。

SEOを考える上でユーザビリティーが追及されるようになってきておりますので、早め早めに思い当たることは改善させていく事も必要なのかもしれません。

追記:

テキストリンクなどでの表示位置が近い場合、この場合テキストリンクとテキストリンクが近すぎる場合、例えば左右に近いだけでなく上下にも近接しているなどの場合は、対処法としてお互いに少し離す。

テキストリンク同士が近いわけではない場合、テキストリンクのフォントを大きくする等してエラーが改善されるという事もあるようです。

投稿の前の方で紹介したエラー1も2もこの投稿の更新時点ではすでに解消されていましたが、今回新しくエラーを報告されたページで思い当たる箇所がありましたので少し修正してみたいと思います。

次のような個所が該当します!

タップが近い箇所

修正後が次の状態です!

修正後

 

修正後は、テキストリンクとテキストの間が少し離してあります。そして太字にしています。

それでもまだテキストリンクの下側のスペースが近接しているように思いますが、まあ様子を見てみることとします。

なお、現状ではサイト内リンクがブログカードという形式でリンクさせるように変更してきたためほとんどエラーの原因とはならなくなってきているように思います。

ブログカードの内リンクとは次のようなものです。

ブログカードの説明

このようにテキストのコンテンツと内リンクが一目で区別できるスタイルになっているので、タップが近いなどというエラーは起きにくくなってきています。

しかしながら、ブログカードは内リンクにのみ適応する機能(現状では)ですので、外部へのリンク75BASEさんなどへリンクを貼る場合、先ほどのエラーを修正する方法で文章構成を考えていくことが必要であるという事です。

最後にエラー2の「コンテンツのサイズがビューポートに対応していません」という部分についてですが、もしスマートフォンなどのモバイルデパイスで「ゆらゆら現象」が生じているのであれば、原因として一番多いのが、コンテンツの本文にコードなどのテキストを挿入している場合やURLなどがモバイル表示の際うまく改行されず、はみ出して左右にユラユラしてしまうという時が一番多いです。

それならば、テキストコードを本文内に美しく表示させることのできるプラグインを使用すれば解決できます。

プラグインは次のページで紹介しています。

コードを本文内に表示させていてゆらゆら現象が起きる場合はこのプラグインで解決できます。

URLをリンクさせず本文内にテキストとして入力した際にゆらゆらするのであれば、いっそのこと改行でもすればいいかもしれません。


コメントをどうぞ

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

アクセストリガーは暮らしの総合エンタメブログです!

こんな人がこのブログを書いています

このブログ「アクセストリガー」の管理人のおかえりなさい @okaerinasainet です。 妻と子ども1人の3人暮らし現役看護師➕ライター兼業のアラフォーパパ。

詳細なプロフィールを見る 

取材・寄稿・ネット対談などの依頼は お問い合わせページ からお願いしますm(__)mまた雑談や相談が出来る友達も募集しています。よろしかったらポチっとだけお願いします。

友だち追加

アクセストリガーの購読はこちらから

SNSをフォローする

follow us in feedly
  • ピックアップ