こんにちは、WEBマーケッター山田祐輔です。その間、スマホからの離脱率は急上昇。その時の表情がこちら。見て見ぬふりをしながらも僕は解決策を考え続け、ググりまくって検証した結果、ようやく原因がわかった。今からスマホであなたの画像が表示されない3つの原因について書いていきます。僕もCSSとかは一切分かりませんよ。このブログも画像を日本語で名前をつけていた結果、スマホで画像が表示されてなかったんです。笑具体的にお話していきます。ワードプレスのダッシュボードを開く。次に、下記のように「メディア」から「ライブラリ」を選択する。すると、今までのアイキャッチ画像などが一覧で表示されます。その中から表示を確認したい画像を選択します。今回は一番上の一番左の画像で検証していきまっす。画像を選択すると、画面の右側にこんな表示が出ます。その中で「ファイル名」を見てください。今回は処理後に撮ったキャプチャ画像なので、ちゃんと英語に変わってますよね。ここが日本語の場合は次に進む。画面の一番下の「さらに詳細を編集」という項目があるので、そこをクリック。すると、詳細の設定が確認できます。そこで今、画像が設定されている上に下記のようなパーマリンクが表示されます。その右側に「編集」をいう項目があります。どんな英語でも問題ないが、きちんとした英語にしたいのであれば「グーグル翻訳」を使うといいですね。山田も毎回使っているのはここだけの話です。笑話を戻して、「グーグル」で「翻訳」と検索すれば一番上に出てくる。次に、入力が完了したら「OK」を選択。最後に右側に「保存」をクリックすれば完了でっす。ちなみにこれで1枚は完了したが、他にも日本語表記になっているなら残念ながら全て変えなくてはいけないです。1で解決しない場合、プラグインによる干渉の可能性も出てきます。Load」と「Autoptimize」ですね。前者は表示の読み込みを遅らせてくれサイトの表示速度を速めてくれ、後者はHTML、CSS、JavaScriptの縮小してくれるお互いに大変便利なプラグインでっす。どちらのプラグインもその便利さ故か色々と他のプラグインとの干渉を起こすみたいです。後者の「Autoptimize」は設定方法によっては必要なコードも消してしまう恐ろしい側面も持っています。(山田は一度、これが原因で画面が真っ白になりました・・)少し話が逸れたが、スマホで画像が表示されないのであれば一度どちらか、もしくは両方プラグインの設定を切ってみましょう。知らない方のために一応説明するが、設定をオフにする方法は下記のとおりでっす。ダッシュボードに行き、「プラグイン」から「インストール済みプラグイン」を選択。一覧の中からプラグインの項目の「停止」をクリック。これでプラグインを停止させることができる。これは「jetpack」というプラグインの設定の中に含まれています。これを設定しておくと、画像と写真の処理をスピードアップしてくれる優れものです。山田も「jetpack」の設定の際に必ず設定する大変便利な機能である。この「Photon」が原因で画像の処理が上手くいかないことがあるらしいっス。一応、設定の解除方法も書いておきまっす。ダッシュボードから「jetpack」の「設定」を開く。次に、項目の中から「Photon」の設定を「停止」にすればOK。これで設定は停止することができた。いかがでしたでしょうか?まとめると、大概の場合、画像の名称が「日本語」表記になっているので、これを「英語」表記に変える。次にプラグインの設定や干渉を疑う。いいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。RECOMMENDこちらの記事も人気です。