画像の最適化

Navi+ツールを使用してアップロードする際に、画像が圧縮されないようにするにはどうすればよいですか？

I. なぜ小さい画像サイズがSEOとユーザーエクスペリエンスにとって良いのか？

小さい画像サイズを使用すると、ウェブサイトの読み込みが速くなります。Googleのような検索エンジンはページ速度を重要なランキング要因と見なしているため、最適化された画像はSEOを改善することができます。

読み込みが速いことは、特にモバイルデバイスや遅い接続で、ウェブサイトをよりスムーズで楽しいものにします。これは、ユーザーがあなたのサイトに留まり、製品を探索し続ける可能性が高くなることを意味します。

II. Navi+はどのように画像を処理するのか？

Navi+は最初に画像を元のサイズでアップロードします。その後、最適化されたアルゴリズムで画像を圧縮し、表示サイズを縮小します。このサイズは、ユーザーエクスペリエンスとSEOの両方にとって理想的であるようにNavi+によって慎重に選ばれます。メニュー内の画像は通常サムネイルやアイコンであり、小さくて迅速に読み込む必要があります。

注意: ロゴやアイコンのような小さな画像の場合、Navi+は鮮明さを保つために圧縮しません。

その後、Navi+は画像をBunnyCDNに保存します。BunnyCDNは、画像、JavaScript、CSSなどのための強力なコンテンツ配信ネットワーク（CDN）です。BunnyCDNは、グローバルサーバーネットワークを通じて非常に高速な読み込み速度を提供します。これにより、あなたのウェブサイトは遅くなったり、遅延を引き起こしたりすることなく、数百万の訪問を処理できることが保証されます。

III. 画像を元の品質のまま保持したい場合はどうすればよいですか？

特別な場合には、Navi+に画像の品質を変更しないようにしたい場合があります。そうしないと、圧縮によって期待する品質が低下する可能性があります。たとえば、重要な製品画像などです。この場合、画像を直接Shopifyにアップロードし、Navi+に元の品質を保持するためのリンクを提供する必要があります。

ステップ1: 画像を準備する（手動プロセス）
希望通りに画像を準備し、SEO最適化のために名前を変更します。（Navi+は、Navi+ツールを通じてアップロードされた画像のみをSEOのために名前を変更します。）
また、画像を適切なサイズに圧縮する必要があります。理想的には数百KBです。ここでShopifyの画像リサイズツールを使用できます: https://www.shopify.com/tools/image-resizer。

ステップ2: Shopifyにアップロード
メニューコンテンツを右クリックし、新しいタブでリンクを開くを選択し、次にファイルに移動します。ステップ1で準備した画像をドラッグ＆ドロップします。アップロードが完了したら、リスト内でファイルを見つけ、リンクアイコンをクリックしてそのURLをコピーします。このURLは、画像をアップロードするためにNavi+で使用されます。

ステップ3: Navi+で画像URLを使用
ステップ2で取得したURLをNavi+の画像をアップロードツールに貼り付けます。