【悪用厳禁】Wixサイトのテキストを綺麗に整える方法

当ページのリンクには広告が含まれています。
【スマホでも美しく】Wixサイトのテキストを綺麗に整える方法

Wixサイトってスマホ表示にするとテキストが不自然に改行されてしまうよね。どうにかならないの?

こういったお悩みを解決します。

こんにちはろにぃです。サイト制作を始めてから10年

・月収100万円のサイトを作成、運営
・クライアントのサイトの作成、編集、管理
・SEO相談

などの経験を活かして、サイト制作やSEOについて情報発信をしております。

Wixサイトって自動でスマホ表示に対応はしているけど、テキストが不自然に改行されてしまうんですよね。

今回はそのテキストを改善する裏技を紹介します。

【悪用厳禁】Wixサイトのテキストを綺麗に整える方法の図解

ちょっとした工夫でテキスト改行問題は解決できます。

ようやくWixサイトを作り上げて、スマホ表示の崩れ具合に愕然とした方はガッカリせず、ぜひ本記事を最後までご覧ください!

本記事で紹介する裏技はSEO対策上、推奨はできません。SEOは気にしないという方のみ自己責任で利用ください。

「SEO対策上、問題があるなら別のホームページサービスも検討してみようかな」という方はコチラをどうぞ↓

【無料】おすすめホームページ作成サービスを5つ厳選して紹介

目次

Wixサイトのスマホ表示は超重要

Wixサイトのスマホ表示は超重要

Wixで時間をかけて作ってはみたサイト、スマホで表示したらレイアウトが崩れている…。

Wixサイトのスマホ表示は超重要2
Wixサイトのスマホ表示は超重要3

こんな経験ありませんか?

ぼくは初めてWixサイトを作った時、ここで絶望感を味わいました。

これを見て、

PCで作ってるんだから、PCできれいに見えていればいいじゃん!

と考える方もいるかと思いますが、そうはいかない。

なぜならスマホ対応していることは、あなたのサイトを人に見てもらえるかどうかに大きな影響を与えるからです。

総務省のインターネット利用状況調査によると、インターネット利用者の71%以上の人はスマホでインターネットを利用しています。

引用元:総務省「通信利用動向調査」

スマホであなたのサイトを見る人が、

このサイト見にくいなぁ・・・。

と感じれば、すぐに閉じてしまい二度とアクセスしてくれません。

また、googleの検索順位においてもスマホ表示は大きな影響を与えます。今やgoogleの評価で重要視されるモバイル版サイトの利便性

スマホで適切に表示されなければ、検索順位で上位を目指すことが難しくなるのです。

Google は全世界でモバイル フレンドリー アップデートを開始します。
これにより、モバイル版の検索結果では、モバイル フレンドリーなページの掲載順位が引き上げられ、検索ユーザーは、小さなスクリーン上でも読みやすい、高品質で関連性の高い検索結果をより簡単に見つけることができるようになります。

googleウェブマスター向け公式ブログより引用

PCとスマホ表示、それぞれのデザインをするのはとても大変ですが、見られるサイトを作る為には必要不可欠です。

スマホ表示でWixサイトのレイアウトが崩れる原因

スマホ表示でWixサイトのレイアウトが崩れる原因

Wixサイトのレイアウトが崩れてしまう原因として、よくあるものが以下の2つです。

  • テキストボックスを分けていない
  • ストリップやボックスを使用していない

テキストボックスを分けていない

テキストボックスを分けていない

小まめにテキストボックスを分けないと、スマホ表示ではレイアウトが崩れる原因となります。

特に1つのテキストボックス内でサイズを変えると、スマホ表示では崩れ、サイズ調整もできないため、全てやり直すことになります。

ストリップやボックスを使用していない

ストリップやボックスを使用していない

ストリップやボックスを使用せずに、背景にテキストと画像を並べただけのサイトはスマホ表示では、どこになにがあるかわからない程崩れます。

ストリップやボックスを使用していない2

Wixサイトでスマホ表示を簡単に整える方法

Wixサイトでスマホ表示を簡単に整える方法

Wixには『モバイル最適化』、『レイアウト最適化』という機能があります。

Wixサイトでスマホ表示を簡単に整える方法2
Wixサイトでスマホ表示を簡単に整える方法3

テキストや画像のサイズ、レイアウトを1クリックで自動調整してくれるので非常に便利です。

しかしあくまで自動。

思い通りにならない部分もあるので、最適化後の微調整は自身で行う必要があるんです。

Wixサイトテキストの不自然な改行を解消する裏技

テキストの不自然な改行を解消する裏技

テキストが不自然な改行となってしまう

について解決する裏技を紹介します。

例えばこの文章

テキストの不自然な改行を解消する裏技2

『より豊かな』が『よ』で切れてしまっています。

モバイルエディターでは改行できないWixでよく発生する不自然改行。

これを、

テキストの不自然な改行を解消する裏技3

このようにフォントサイズや文章の幅を変えずに、自分の好きなところで改行し、綺麗に整える方法です。

手順は以下の通り

1テキストをコピーする
2改行を整える
3テキストを隠す
4元テキストを非表示
5サイズを整える

順に見ていきましょう。

1.テキストをコピーする

1.テキストをコピーする

デスクトップ版、モバイル版両方のテキストを確認します。

不自然な改行を見つけたら、デスクトップ版のテキストをコピー&ペーストで複製します。

2.改行を整える

2.改行を整える

複製したテキストをモバイル版で自然な改行となるように整えます。

3.見えないように隠す

3.見えないように隠す

整えたテキストを見えないように、

右クリック>アレンジ>最背面へ移動

で隠します。うまく隠れない場合、

  • 文字の色を背景と同色にする
  • ストリップやボックスの裏に配置する

上記の2つの方法を試してみてください。

4.元のテキストを非表示にする

4.元のテキストを非表示にする

モバイル版で元のテキストを非表示にします。

5.コピーしたテキストのサイズを整える

5.コピーしたテキストのサイズを整える

コピーしたテキストの文字サイズを調整します。テキストの色を変えて隠した場合は、元の色に戻してください。

以上で綺麗に改行された文章の完成です。

紹介した方法は悪意を持った方法ではありませんが、世の中これを悪用してSEO対策の裏をかこうとするサイトがあります。残念ながらテキストを隠す手法はペナルティの対象となる可能性があるため、SEO対策を気にされる方は絶対に使用しないでください。

まとめ

以上Wixサイトのスマホ表示でテキストを綺麗に整える方法を解説してきました。

改行が不自然なままだと、それだけで素人感が出てしまいます。今回の方法で綺麗で見やすい、ユーザー目線のサイト作りをしてみてください。

しかしお伝えした通りデメリットもある。

デザインは妥協してでもまずは検索順位上位を目指したい!

という方はまずはこちらの記事からご確認ください。

WixはSEOに弱い!?10年使ってわかった本当の実力と上位表示の秘訣

その他にもWixがもっと便利になる情報を公開しています。気になった方はチェックしてみてください!

【デモ動画有り】wixサイトにお知らせ欄を設置する方法を徹底解説

【誰でも簡単】WixサイトにX(旧Twitter)タイムラインを埋め込む方法

最後までご覧いただきありがとうございました!

ホームページサポートサービス
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次