CDNはコンテンツ・デリバリー・ネットワークとも呼ばれ、エンドユーザーへのコンテンツ配信を最適化するシステムです。その結果、スムーズで合理化された、頭の痛くならない顧客ブラウジング体験が得られる。
Shopifyコンテンツデリバリネットワーク(Shopify CDN)は、マーチャントが社内でコンテンツを整理し、潜在顧客に素晴らしいショッピング体験を提供することを可能にします。また、世界中の少量および大量のトラフィックを処理することで、マーチャントのキャパシティを拡大することができます。
このため、Shopify CDNはShopifyマーチャントにとって最も便利なツールとなり得る。
Shopifyコンテンツデリバリーネットワーク：どのように機能するのか？
ソースクラウドフレア
Shopify CDN は、オンラインストアのファイルを地理的に配置されたサーバーにキャッシュします。そのため、世界中のどこにいても、ユーザーがサイトにアクセスしようとするときはいつでも、最適な位置にあるサーバーが、リクエストしたユーザーにデータを配信する準備ができていることになります。
Shopifyのサーバーはどこにありますか？
ソースクラウドフレア
最速で最も評判の高いCDNの1つであるCloudflareがShopifyのCDNを運営している。
クラウドフレアのデータセンターは世界120カ国以上、330都市にあります。これらの拠点には以下が含まれますが、これらに限定されるものではありません：
- 米国サンフランシスコ
- カリフォルニア州モントリオール
- オランダ、アムステルダム
- マドリード, ES
- パリ、フランス
このように広く分散したデータセンターを持つことで、Cloudflareはオンラインに積極的な市場（つまりShopify加盟店の潜在顧客）にスムーズなストア体験を提供することができます。
Shopify CDNはあなたのShopifyストアのために何をしますか？
Shopify CDN は、サイトスピードの向上、ユーザーエクスペリエンスの向上、オンラインビジネスのダウンタイムの短縮をもたらします。
こうした利点により、加盟店はさまざまな地理的市場に対応することができる。
サイトスピードの向上
Cloudflareは、わずか50ミリ秒で世界の人口のほとんどに到達できることを誇っている。
CDNはグローバルに配置されたサーバーシステムにより、世界中のさまざまな場所にコンテンツを配信することができます。その結果、CDNにキャッシュされているサイト（ShopifyのストアがShopifyのCDNにキャッシュされているように）は、CDNにキャッシュされていないサイトよりも読み込み速度が向上します。
より良いユーザー・エクスペリエンス
出典Robin Worrall on Unsplash
インターネットに積極的な市場は、コンテンツが今ここに届くことを期待している。
ウェブサイトが遅延したり、コンテンツの読み込みに苦労したりすると、ショッピングやブラウジングの体験が損なわれる可能性があります。さらに悪いことに、見込み客はあなたのサイトから離れ、読み込みの速い企業のサービスを選んでしまうかもしれません。
Shopify CDN は、一貫した迅速なサービスを提供することで、顧客をサイトに留めることができる。マーチャントが重要な ユーザーエクスペリエンスの原則とはいえ
ダウンタイムの削減
サイトのダウンタイムは、オンラインビジネスの健全性を損ないます。
サイトが1時間ダウンするごとに、1時間のビジネス停止となります。頻繁なダウンタイムはSEOにも悪影響を及ぼします。
CDNは、キャッシュされたコンテンツを訪問者に提供することで、サイトのダウンタイムを短縮することができます。そのため、メインのホスティングサーバーがオフラインの場合でも、訪問者はキャッシュされたバージョンのウェブサイトにアクセスすることができます。
しかし、だからといって、サイトのアップタイムに満足する言い訳にはならない。
さまざまな地理的市場に対応可能
出典Chuttersnap on Unsplash
サイトスピードの向上、ユーザーエクスペリエンスの向上、ダウンタイムの短縮に加え、CDNが世界中のどこにいても迅速にサイトを提供できるため、オンラインビジネスをグローバル市場に拡大する十分な機会が得られます。
Shopify CDNに加え、Shopifyには他のツール（例． Shopifyマーケットなど）があり、グローバルな成功のためにマーチャントのビジネスを最適化します。
Shopify CDNの使い方
マーチャントはShopify CDNの技術的な側面やインフラをいじることはできません。Cloudflareがこれを管理・維持しています。
しかし、加盟店はShopify CDNのパワーを活用し、サイトとオンラインビジネスをより良く管理することができる。
Shopify CDNへのファイルのアップロード、画像の管理・編集、SEOの改善などは、Shopify CDNを使用してマーチャントが行うことのできるアクションの一部です。
Shopify CDNにファイルをアップロードする
メディア、カスタムフォント、ダウンロード可能なアセットなど、Shopifyストアに置くファイルはすべて自動的にShopify CDNにアップロードされます。
しかし、最初にテーマエディター、製品管理、コレクション管理からファイルをアップロードする代わりに、CDNに直接ファイルをアップロードすることができます。
もっと読む: Shopifyスピード最適化のために知っておくべき7つの実用的なヒント
そうすれば、ファイルやアセットの整理されたリポジトリができ、そこからすぐに取り出せるので、ページ作りが（とりわけ）素早く簡単になる。
Shopify CDNにファイルをアップロードする、
に移動する。 コンテンツ - ファイル をクリックしてください。
ファイルのアップロードをクリックしてください。
アップロードしたいファイルをコンピュータから選択します。
選択したファイルがアップロードされるまで待ちます。
アップロードが完了すると、ファイルは正常にShopify CDNに保存されます。
注： Shopifyではアップロードできるファイルに制限があります。
- HTML以外のファイル形式でもアップロードできます。
- ジェネリックファイルは、1ファイルにつき20MBのファイルサイズ制限があります。
- 1つの画像ファイルの最大ファイルサイズは20MB、最大解像度は20MPです。
- 動画の容量は1GB以内、解像度は4096×4096ピクセル以内、長さは10分以内とする。
Shopify CDNを使ってファイルを管理する
Shopify Filesからファイルをクリックするだけです。
そこでいいよ：
- ファイル名とaltテキストを編集する、
- ファイルのアップロード日を表示します、
- どの製品が特定の画像を使用しているかを確認できます。
Shopify CDN にアップロードされた各ファイルにはリンクがあります。このリンクは、アセットを共有し、顧客を重要なファイルやドキュメントにリンクするために重要です。上級ユーザーは、テーマを構築する際に、自分のテーマに Shopify CDN から情報を取得させたい場合、これらのリンクを使用することができます。
ファイルのURLをコピーするには、「コンテンツ」-「ファイル」からそれぞれのリンクアイコンをクリックします。
それを必要な場所に貼り付ける。
一般的なファイルに比べ、Shopify CDNは画像に対してより優れたユーティリティを持っています。
Shopify CDNを使って画像を編集する
ShopifyのCDNから基本的な画像編集を行うことができる-Instagramのような人気のあるソーシャルアプリの編集ツールに似ている。
Shopify Filesから画像をクリックすると、以下のアクションが利用できます：
- トリミングと変形。 画像を切り抜き、水平・垂直に反転させ、回転させることができます。
- リサイズ。 これにより、マーチャントは画像に特定の解像度を設定することができます。
- 描画。 標準的な丸いブラシを使って画像に描画できます。
- 背景の色。 ShopifyのAIがまず被写体を検知し、背景と区別します。この後、商人は好きな無地の背景を設定することができます。
- 背景を置き換える。 これはファイルエディターのより高度なユーティリティの一つである。カラー背景と似たような機能を持ちますが、Shopifyではユーザーが好きな背景（例えばベンチのある公園）を定義し、生成することができます。
- フォーカルポイントを設定します。これにより、画像のどの部分を強調するかをマーチャントが決定できます。そのため、画像をテーマエディタに配置すると、ユーザーが設定したフォーカルポイントを優先的にフレームに配置するクロップ機能が働きます。
画像だけでなく、Shopify CDNでは、.OBJや.GLBなどの3Dファイルの特定の属性を編集することもできます。
3Dファイルの以下の属性を編集することができます：
- 環境。 3D画像の環境照明を調整することができます。照明オプションには、スタジオ、都市、公園などがあります。また、照明の露出を調整することもできます。
- カメラ 3Dモデルのデフォルトのカメラの向きを調整することができます。正面や平面ではなく、より奥行きのある45度ビューにしたい場合もあるでしょう。その場合、画像のX回転、Y回転、ズームを調整できます。
- 背景。 モデルの背景色を選択することもできます。
メディアアセットを編集したら、必ず「保存」をクリックしてください。
プロからのアドバイス：ドロップダウンの矢印をクリックし、「新規ファイルとして保存」をクリックすると、編集したファイルが新規ファイルとして保存されます。これにより、元のファイルが保存されます。
Shopify CDNを使ったSEOの改善
検索エンジンのクローラーは、サイトのファイルを確認し、ファイル名やaltテキストなどの情報を取得します。このデータから、検索エンジンはメディアファイルの内容と、それが使用されているコンテキストを理解します。
Shopify CDNでは、ユーザーがファイルの名前とaltテキストを編集することができます。これを行うことで、適切に行われるのであれば、マーチャントはサイトのSEOを改善することができる。
Shopifyのファイルから、アップロードされたファイルをクリックしてください。
Nameと Altのテキストフィールドに注目してください。
Nameフィールドを編集すると、ファイル名が変更されます。Altテキストフィールドを編集すると、altタグが変更されます。
注： ファイル名とaltテキストが写真に深い背景を与えることを確認してください。ファイル名とaltタグで説明的であることは、常に最高のSEOプラクティスです。さらに、画像が読み込まれなかった場合、altテキストが画像の代わりに表示されます。
変更を適用したら、Saveをクリックします。
上述したヒントやハウツー - Shopify CDNへのファイルのアップロード、ファイルの管理と編集、ベストSEOプラクティスの維持は、最も基本的でありながら最も便利なShopify CDNの機能の一部です。
ほとんどのマーチャントにとって、Shopify CDNの使用方法について知っておくべきことはこれだけです。しかし、より上級のShopifyユーザーには、次のヒントが役に立つかもしれません。
より良いサイトパフォーマンスのためにShopify CDNにファイルを移動する
Shopifyサイトを構築するために使用するファイルは、デフォルトでShopify CDNにアップロードされます。しかし、そうでない場合もあります。
例えば、ハードコードされた画像。
ハードコードされた画像が外部ドメインでホストされている場合、その画像をShopify CDNに置き、そこから参照することが役立ちます。
ステップ #1: Shopifyアセットにファイルを追加する
ハードコードされた画像をShopifyテーマのアセットに追加する。
そのためには
Shopifyの管理画面から オンラインストア-テーマに移動する
3つの点を選択し、Edit codeをクリックする。
assetsフォルダのドロップダウンをクリックし、+ Add a new assetをクリックします。
ハードコードされた画像を追加する。ファイル名はハードコードされたバージョンと同じにしておきたい。
プロからのアドバイス：テーマを作成している場合は、ハードコードされたファイルをテーマのassetsフォルダに置いてください。
ステップ2：テーマのコードを更新する
テーマのコードを開く。
テーマを開発している場合は、テーマの開発に使用しているコードエディターを開いてください。
しかし、テーマを使用している場合は、Shopifyのテーマコードエディタに移動します。
ハードコードされた画像がある場合、以下のようなコード行があるかもしれない：
ソースショッピファイ
外部ドメインではなく、Shopify CDNにアップロードした画像バージョンを参照するように編集してください。以下のコードの行のようになるはずです：
ソースショッピファイ
変更を保存します。
ステップ #3: アセットがShopify CDNを使用しているか確認する
最後に、ライブサイトがShopify CDNから画像を取得しているかどうかを確認してください。
簡単な方法はこうだ：
- ライブサイトを右クリックし、Inspectをクリックする。
- ソース」タブをクリックする。Microsoft Edgeでは、バグアイコンで表示されます。
- cdn」フォルダが表示されるはずだ。
- cdn - shop - filesに移動します。
- 以前はハードコードされていた画像がShopify CDNから提供されるようになった場合、ファイルはこのフォルダに表示されるはずです。
アップロードされたファイルが'files'フォルダにあれば、Shopify CDNへのハードコードされた画像の移動は成功です。
結論
CloudflareのCDNにより、Shopifyプラットフォームは、CDNを持たないeコマースプラットフォームやウェブサイトよりも非常に優れたパフォーマンスをユーザーに提供します。
コンテンツデリバリーネットワーク（CDN）は、サイトスピード、アップタイム、SEO、そして全体的なユーザーエクスペリエンスの面でパフォーマンスを向上させることができます。その結果、ウェブサイトはマーケティング目標を達成するための強力な資産となります。
Shopify CDNはまた、一般的なものであれメディアタイプであれ、お客様のファイルの管理ソリューションでもあります。マーチャントのニーズに合った、基本的でありながら完全な写真編集ツールとして機能します。
これらの利点を考慮すると、複数のドメインからコンテンツを提供するのではなく、Shopify CDNからコンテンツを提供することが非常に重要です。Shopify CDN を使って、今すぐあなたのビジネスのウェブサイトを最適化しましょう！
