あなたは新しく立ち上げたeコマースビジネスとShopifyストアにとても興奮しているかもしれません。そのため、Shopifyのすべての商品画像、コンテンツ、機能が読み込まれるまで、1分余分に待つことを気にしないかもしれません。
一方、顧客はあなたの興奮を共有していない。実際 シンクウィズグーグルによると、ページのロード時間が1秒から3秒になると、直帰の可能性は32％増加する。しかし、これはGoogleがあなたを嫌っているとか、ハッカーがあなたの進歩を妨げようとしているということではありません。
ページの読み込み速度を元の速度の21%も簡単に上げることができます。これは魔法ではなく、Shopify画像の最適化なのです。 あなたのShopifyサイトの速度に大きな画像の影響をチェックしようとしている場合は、必ず私たちの無料ツールを使用してスピードテストを実行する TestMyStoreSpeed.
I.画像の最適化とは？
画像の最適化とは、プラグインやスクリプトを使って画像のファイルサイズを小さくすることです。
とはいえ、画像の最適化は単にファイルサイズを小さくするだけではありません。画像最適化とは、画像にできることすべてを行うことで、その画像のインパクトとページでの有用性を高めると同時に、その画像がページの速度を低下させるのを防ぐことです。これには、画像SEOや商品写真も含まれます。
Shopifyの画像の最適化は、画質を犠牲にする必要はありません。そのため、この記事ではShopifyで画質を犠牲にすることなくウェブサイトの画像を最適化する方法をいくつかご紹介します。
II.なぜShopifyストアの画像を最適化する必要があるのか？
- ロード時間の改善：画像を最適化することでロード時間を短縮し、ユーザーエクスペリエンスを向上させます。
- ユーザーエクスペリエンスの向上：読み込みの速い画像は訪問者の興味を引き、購入の可能性を高めます。
- より高い検索エンジンランキング：最適化された画像は読み込み時間を短縮し、SEO順位を高めます。
- 直帰率の低減：素早く読み込まれる画像は、直帰率を下げ、訪問者がさらに探索することを促します。
- 帯域幅のコスト削減：画像を最適化することで、特にトラフィックが多い場合に帯域幅のコストを削減できます。
- モバイルパフォーマンスの向上：最適化された画像は、モバイルデバイスでより速く読み込まれ、モバイルユーザエクスペリエンスを向上させます。
- プロフェッショナルな外観：クリアで鮮明な画像は、あなたのストアをよりプロフェッショナルで信頼できるものにします。
- Shopifyガイドラインに準拠：Shopifyのガイドラインに従って画像を最適化することで、スムーズな運用を実現します。
III.ページスピードのために画像を最適化するには？
1.画像のファイルサイズを小さくする
ソースバッチフォト
もしあなたのウェブページに、本当に大胆な画像が散りばめられているのなら、それが本当に必要なのかどうか考えたほうがいいかもしれない。これらの写真は、ポイントを証明するためにどれくらいの大きさが必要なのでしょうか？いつものように、魅力と読み込み時間のバランスをとることが重要です。
Shopifyのストアオーナーの場合、ほとんどの画像はすでに圧縮されています。しかし、ページスピードをさらに上げる必要がある場合は、画像の最適化を検討してください。しかし ページスピードブースターを使用するのもページスピードを上げる方法です。
画像のサイズを小さくするには、非可逆圧縮と可逆圧縮の2つの方法がある。
非可逆圧縮では、画像内のデータの一部が削除され、画像のkbサイズが小さくなります。欠点として、この種の画像は画質を損なうことなく元のサイズに戻すことができません。そのため、圧縮を始める前に画像の複製を作成することをお勧めします。画像の複製は、次のような無料のツールを使って作成できます。 オンライン画像ツール.
ロスレス圧縮とは、写真の構図に変更を加えることなくサイズを縮小することである。これを実現する一般的なアプリは、Pixlr、Canva、Adobe Photoshop Expressです。
ファイルサイズを小さくする一方で、理想的なファイルサイズは70kbであることに留意し、やりすぎないようにする。
2.ファイル形式の変更
ソース点火図面
画像には多くのフォーマットがありますが、最もポピュラーなのはJPEGフォーマットで、ファイル名は.jpgで表されます。その他のフォーマットには、GIF、PNG、WebPなどがあります。
ファイル形式を選ぶときは、画像がどのような目的で使われるかを考えてください。例えば、ページをインタラクティブにする大きな画像には、JPEG形式が最適です。ファイルサイズが大きくても品質が保たれ、サイズ変更も簡単です。以下に、ファイル形式の例と、どのような場合にそれらを使用するのが最適かをいくつか挙げます：
- JPEGフォーマット：インターネット標準の画像フォーマット。JPEG形式は、画像サイズの大小にかかわらず、その品質を保持します。JPEGフォーマットは、大きなファイルサイズにも小さなファイルサイズにも対応しています。また、ほとんどの画像編集アプリで簡単にリサイズできます。
- PNGフォーマット：JPEG形式よりもファイルサイズは大きくなりますが、ロゴなどの装飾画像には適しています。また、JPEG画像とは異なり、画質が良く、何度でも保存し直すことができます。オンラインストア全体の見栄えを良くするために、PNG画像をいくつか使用することを検討してみてください。
- GIFフォーマット：この画像フォーマットはアニメーションや装飾的な画像に対応していますが、決して大きくて詳細な画像に使うべきではありません。シンプルでサイズの小さい画像に最適です。
- WebPフォーマット：Googleが開発した比較的新しいフォーマット。画像のファイル形式としてはおそらく最も圧縮しやすい。
3.記述的命名
ソースルイス・マイヤーズ ヴィジュアル・ソーシャル・メディア
画像SEOと、潜在的な顧客がGoogle検索バーを使ったときにあなたの画像が表示されるようにすることに関しては、説明的なネーミングがゲームチェンジャーとなる。
通常、写真をダウンロードする際、コンピューターやカメラは写真に名前を付けます。例えば、Pictures/Instagram005420210512.jpgなどです。この長いファイル名は、あなたのページが苦しんでいるshopify画像最適化の欠如の一因となっています。このファイル名では、商品が検索された時に画像が表示されることは不可能でしょう。
ファイル名にもっと良い方法は、説明的な名前を使うことです。もしShopifyで洋服を販売しているのであれば、それぞれの画像ファイルに "ピンクのシフトドレス "や "サテンのウェディングドレス "のような名前をつけることができます。
4.Alt属性を修正する
ソースアップリンキー・ソフトウェア
ページの読み込みに時間がかかりすぎる場合、顧客はおそらくaltテキストを見るのにかなりの時間を費やしていることでしょう。alt-textとは、画像がブラウザに読み込まれる前や、ブラウザが画像をサポートできない場合に、画像の代わりに表示される文字列のことです。画像が表示されているときでも、画像にマウスカーソルを合わせることでオルトテキストを読むことができます。
そのため、SEO対策に最適なのだ。検索されたときに画像が表示されるようにしたい場合は、altテキストを最適化することを検討してください。
優れたaltテキストを書く鍵はシンプルで、"less is more "だ。altテキストにキーワードやバズワードを詰め込むのではなく、商品を説明するシンプルな言葉を使いましょう。例えば、この2つのaltテキストを比べてみてください。
"レザーシューズ販売価格スラッシュ快適"
そして
「2008 LV ブラウンレザーシューズ サイズ42"
間違いなく、2番目の選択肢の方が良いaltテキストになる。それだけでなく、よりプロフェッショナルで信頼できる印象を与えます。
5.Shopifyの商品写真を活用する
画像を見るためだけにクライアントを3秒も余計に待たせて、それが無味乾燥な画像だったことを想像してみてほしい。悲劇だ。もし彼らがあなたのページでサーフィンを続けるなら、それは迷惑なことだ。私たちはそんなことを望んでいないでしょう？
Shopifyの商品画像を撮る
画像のためにページの読み込み時間を犠牲にするのであれば、それだけの価値があるものでなければならない。
商品写真は色やアングルだけでなく、数秒間で最もインパクトを与えるための画像の戦略的な配置も重要です。クリックベイトと呼ばれようが、知恵と呼ばれようが、画像は潜在顧客の注意を引く最良の方法として知られている。これらの画像は、キャッチーなフレーズと組み合わせるのがベストだ。
商品写真を使ってページスピードを向上させる簡単な方法は、きれいなアングルから写真を撮る方法を学ぶことです。これは、本当に見せるべきものを見せるために必要な写真の枚数が少なくて済むことに気づくので、あなたのページに役立ちます。適切なアングルであれば、売ろうとしている商品のフロントショット、サイドショット、そしてバックショットは必要ありません。
6.Shopifyの画質をテストする
もちろん、画像を最適化する目的はページスピードを上げることです。つまり、ページが完全に読み込まれるまでの時間をミリ秒単位で厳密に監視する必要があるのです。1秒でも短縮できれば、顧客を1人増やすことができます。
あなたのShopifyサイトの速度にあなたのShopify画質の影響をテストするための素晴らしい方法は、使用してスピードテストを実行することです。 TestMyStoreSpeed.を使用して TestMyStoreSpeedアプリを使用すると、今あなたのウェブサイトを遅くスピードキラーを識別し、それらに取り組むことができます。また、画像を最適化する前と後のあなたの店のスピードテストを実行し、履歴セクションで結果を比較することができます.
とはいえ、これらの最適化テクニックを実行しても、サイトスピードに大きな改善が見られない場合は、
shopifyの画質がそもそも問題ではなかったのかもしれません。
しかし、その結論を出す前に、消費者層の傾向を研究する必要がある。以下は、検討すべきいくつかの事柄である。
7.ページあたりの商品画像数
読み込みが速くなるように、画像をたくさんスクラップしたくなるかもしれない。それは良いことかもしれないし、あなたのビジネスにとって悪いことかもしれない。それぞれのページには独自の勢いがある。ウェブページに思い切った変更を加える前に、コンバージョン率やクリック率を調査するのが賢明です。
8.商品撮影のスタイル
あなたの顧客は、商品写真の特定のスタイルからすでにあなたを連想しているかもしれない。もしそうなら、そのスタイルにこだわるか、長年にわたって築いてきた顧客との絆を裏切ることなく、それを強化する方法を見つけるべきです。
9.イメージ・インパクト
これは当たり前のことだが、画像を最適化する際にも、コンバージョン率を左右しそうな画像に気をつけよう。多少スペースをとっても、そのままにしておくのが望ましい。とはいえ、どのようなステップで、どのような方向にビジネスを進めたいかは、すべてあなた次第である。
この記事をチェックする ロード時間を短縮するために動画を最適化する方法
IV.Shopifyの画像をランディングページに最適化する
Shopifyランディングページの画像を最適化することは、ロード時間を改善し、ユーザーエクスペリエンスを向上させるために不可欠です。画像を圧縮してサイズを変更し、適切なファイル形式を選択し、遅延読み込みを実装することで、ランディングページの読み込みを迅速かつ効率的に行うことができます。
Shopifyストアのパフォーマンスを最適化する方法については、ビデオをご覧ください：
このチュートリアルでは、ページ速度を向上させ、顧客にシームレスで魅力的なショッピング体験を提供するための貴重な洞察と実践的なヒントを提供します。
V.トップShopify画像圧縮アプリで読み込み時間を短縮する
Shopifyストアを高パフォーマンスで維持するためには、画像を最適化して読み込み時間を短縮することが重要です。Shopifyのトップ画像圧縮アプリをご紹介します：
タイニーIMG
- 概要TinyIMGは、Shopifyストアの画像を自動的に圧縮・最適化する強力なアプリです。一括最適化が可能で、JPEGとPNGの両フォーマットをサポートしています。
- 特徴:
- 画像の自動圧縮
- altテキストとファイル名のSEO最適化
- 詳細なレポートと最適化の提案
クラッシュ
- 概要Crush.picsは、品質を犠牲にすることなく画像を圧縮するために設計されたユーザーフレンドリーなアプリです。Shopifyとシームレスに統合され、様々な圧縮レベルを提供しています。
- 特徴:
- 自動および手動による画像の最適化
- 複数の圧縮モード（ロッシー、ロスレス、カスタム）
- オリジナル画像のバックアップと復元オプション
ブースターアプリによるイメージオプティマイザー
- 概要Booster AppsのImage Optimizerは、読み込み時間とSEOランキングを向上させるために画像サイズを縮小することに重点を置いています。自動および一括最適化機能を提供します。
- 特徴:
- ワンクリックで画像最適化
- リアルタイム圧縮レポート
- 新しい画像の自動最適化
SpurITによるSEOイメージオプティマイザー＆リサイザー
- 概要このアプリは画像を圧縮するだけでなく、より良いSEOパフォーマンスのために画像のサイズを変更し、最適化します。すべての画像が最適な表示に必要な寸法を満たすようにします。
- 特徴:
- 画像の自動リサイズと圧縮
- オルトテキストの最適化
- 詳細な分析とレポート
AVADA SEO スピード画像最適化
- 概要AVADA SEO Speed Image Optimizeは、SEOと画像最適化のための包括的なツールセットを提供します。画像を確実に圧縮し、検索エンジンに最適化します。
- 特徴:
- 画像の圧縮とリサイズ
- Altテキストとメタタグの最適化
- SEO分析とパフォーマンスレポート
最後の言葉
せっかく目を引く画像をたくさんアップロードしたのに、それを削除してファイルサイズの小さい画像を代用しなければならないことに気づいたら、がっかりしてしまいますよね。だからこそ、画像の最適化は単なる後回しではなく、日課にしなければならないのです。
読み込みは早いが、活気のない、色のないページに時間を費やしたい人はいない。ですから、あなたの写真が一目でピンとくるようにしましょう。
EcomExpertsでは、熟練した Shopifyスピード最適化代理店ShopifyとShopify PlusのストアにShopifyのメンテナンスサービスを提供しています。私たちは、コードのクリーンラインを実行し、あなたのストアの機能性を宣言することにより、1日であなたのストアの速度を80以上に上げるお手伝いをいたします。今すぐEcomExpertsに依頼して、検索パフォーマンスとGoogle検索ランキングを向上させましょう。
著者について
アンドリュー・デュロットは、eコマースを生きがいとしている。Airbnbに勤務した後、次の会社を設立した。 ecomexperts.io- を設立。アンドリューと彼のチームはShopifyストアのスピードとサイトパフォーマンスを専門としています。
