ConveyThis による 10 のヒントを使用して Squarespace ウェブサイトをカスタマイズする

ほとんどの人がすでに知っているように、ビジネスオーナー、ブロガー、ジョバーにとって、Squarespace は素晴らしいツールです。その理由は、Web サイトの作成と構築が簡単であるだけでなく、魅力的でもあるからです。操作が簡単で、興味深いことに、新しいベンチャーの旅に乗り出したばかりの起業家や中小企業のオーナーにとって、このプラットフォームを使用することは非常に有利です。

しかし、実際には、Squarespace プラットフォームの美しいテンプレート、シンプルさ、セットアップと使用開始の容易さこそが、ほとんどのユーザーがサイトをカスタマイズして目立たせ、特別で独特なものにするという難題を解決するのに苦労する理由なのです。

ここでは、Squarespace の Web サイトの外観、デザイン、雰囲気を変えるのに役立つことがわかっているいくつかのサポート ヒントを紹介します。これらのヒントは、より多くのオーディエンス トラフィックを獲得するのにも役立ち、コンバージョン率の向上に役立ちます。このヒントの一覧には、初めて見たり聞いたりするものもあれば、よく知っているものや、Squarespace で使用したことがあるものもあるかもしれません。時間をかけてこれらのヒントを調べて実装すれば、最終的には役立つ隠れた宝物を発見できるでしょう。

彼らです：

1. Altタグを使用してすべての画像にラベルを付ける

Alt タグとは何ですか? alt タグは、画像に説明を与える属性またはテキストで、検索で画像が要求された場合に画像を見つけるのに役立ちます。これにより、検索エンジンは画像ではなくテキストを参照できます。ブログやサイトの検索エンジン最適化 (SEO) を迅速かつ簡単に検索エンジンのランキングで大幅に向上させる優れた方法は、画像に alt テキスト (代替テキスト) を追加して適用することです。この方法は、サイトで使用可能な画像の数に応じて時間がかかる場合がありますが、適切に実行すれば優れた SEO を実現するための優れた方法です。より多くのユーザーを引き付けるには、画像の alt タグにユーザーのターゲットとなる特別なキーワードを使用する必要があります。

以下は、HTML で画像のタグを追加する方法を説明した図です。

2. 画像の焦点を設定する

画像の焦点は、目立たせたい画像の一部を識別するマークです。言い換えれば、画像上の注目ポイントをマークして示します。焦点を設定すると、画像の焦点を簡単に調整できます。ポイントを移動するだけで、画像の位置が変更され、その領域の表示が調整されます。

ほとんどの場合、使用しているテンプレートにぴったり収まる適切な形式に画像をトリミングするだけで簡単に済みます。

以下の画像に示すように、画像の一部または他の部分に焦点を当てることをお勧めします。

3. ブラウザのファビコンをアップロードする

カスタマイズは、メニューバーの色を変更するだけではありません。ブラウザタブのウェブサイト名の横に表示される小さな画像、ブランディングなど、すべてが含まれます。最初は黒いボックスとして表示されます。このボックスを削除し、カスタムファビコンをアップロードしてブランドに置き換える必要があります。これを行うには、まずメインメニューに移動します。次に、デザインをクリックしてロゴとタイトルを選択し、ブラウザアイコン（ファビコン）セクションから、無地の透明な背景のファイル（.png）をアップロードします（画像の周囲に白いボックスを残すのはプロフェッショナルではありません）。ファビコンの作成方法やデザイン方法をまだ検討していますか？ こちらで試してみてください。

注意ファビコンはタブ上で小さく表示されます。したがって、複雑でないシンプルな画像を使用してください。ファビコンを追加すると、Web サイトがプロフェッショナルに見えます。

4. ページが見つかりません/エラー 404 カスタム ページ

必須でも重要でもありませんが、エラー 404/ページが見つからないカスタム ページがあると、Web サイトが目立つようになります。誰かがあなたの URL と同義の以前のまたは間違った Uniform Resource Locator (URL) を入力したときに表示される、親しみやすくわかりやすいエラー 404 ページをカスタマイズできます。これを行うには、設定 からリンクされていない新しいグラフィックとテキストでデザインされたページを追加し、Web サイト を選択してから、詳細 を選択し、最後に エラー 404/ページが見つかりません を選択します。そこから、ドロップダウン メニューをクリックして、ユーザーに表示するページを選択する必要があります。そのような人々をあなたのページに戻すために使用できる魅力的な餌の 1 つは、無料の電子書籍やクーポンなど、メールを送信したくなるような価値あるオファーを作成することです。

5. 同じ Squarespace サイトに複数の言語を用意する

Squarespace を使用する場合、ローカリゼーションは複雑な概念であるため、Squarespace のみを使用して複数の言語を実装するのは簡単ではありません。Squarespace のみを使用することに固執すると、乱雑なページを作成し続けることになります。これには解決策がないわけではありません。驚くべきことに、たった 1 行のコードで、非常に簡単に Squarespace を翻訳できます。ConveyThisは、このSquarespace 翻訳ヘルプを提供します。

6. 自動再生ビデオの背景のSquarespaceカバーページを作成する

背景ビデオを自動的に連続再生する複数のカバー ページを作成できるかどうか疑問に思っている場合、答えは「はい」です。Vimeo や YouTube などのビデオ ストリーミング サービスを提供するサイトからビデオを圧縮するのではなく、ローカルでホストされているビデオを使用できます。

これを実現するには、必要なアセットを把握し、これらのアセットをアップロードし、これらのアセットをページに挿入し、ページに自動再生コードを挿入し、最後にカスタム CSS を追加してビデオを正しく表示できるようにします。コードの詳細、Squarespace のカバーページの背景ビデオループを簡単にインストールできるこの無料アドオンの入手方法などについては、こちらを参照してください。

7. Googleアナリティクスを使用して訪問者のエンゲージメントを監視する

「このページの訪問者の多くはこの記事を少ししか読まないでしょうが、最後まで読む時間を取る人はほんのわずかです。これが私の知るところです」などの発言は、サイト訪問者の注意を引き、サイトへのエンゲージメントを高めることができます。人々がサイトをどれだけ訪問し、どの程度関与しているかを知りたいですか？ 訪問者の中には、サイトの 1 ページを訪問した直後にサイトを離れる人がいるかどうかを知りたいですか？ そうであれば、戦略を立てるのに役立つため、サイトで Google アナリティクスを実行してください。方法については、こちらからガイドを入手できます。これがどのように見えるかのサンプルを以下に示します。

8. ページを下にスクロールするとフェードアウトするスクロールヒント

サイト訪問者が「スクロール ヒント」にアクセスするための簡単なヘルプ。これは、ページが下にスクロールされるとブラウザー ウィンドウの下部にゆっくりと消える矢印の形で表示され、反対方向にスクロールするとゆっくりと再表示されます。

9. ソーシャルメディアのハンドルをサイトに接続する

Squarespace の Web サイトを Twitter、Facebook、Instagram などのソーシャル メディア アカウントに接続するだけでなく、これらのアカウントが Web サイトと一致していることを確認することも非常に重要です。

これらのアカウントをウェブサイトに接続する簡単な方法は、 「設定」セクションに移動し、 「ウェブサイト」を選択して、「接続されたアカウント」を選択することです。そこから、 「アカウントの接続」タブをクリックし、Squarespace ウェブサイトにリンクするアカウントを選択します。

10. カスタムボタン、枠線、グラフィックを作成する

Squarespace を最適な方法でカスタマイズするには、ブランドを完全にそこに浸透させる必要があります。これを実現する優れた方法の 1 つは、画像やグラフィックを使用することです。画像やグラフィックはフロントを美しくし、視覚的なオブジェクトを魅力的にし、ブランドをよりカラフルにします。デザイン パネルはボタンの変更に役立ちます。ボタンの形状、色、テキスト スタイルは、Squarespace Web サイトの他の機能と一致するように編集できます。

最後に、Squarespace Web サイトをカスタマイズ、変更、調整する方法に制限はありません。実際、これを行う方法は無数にあります。ただし、この記事で提案されているように、この特定の段階で行う必要があるのは、すべての画像に alt タグを使用してラベルを付け、画像の焦点を設定し、ブラウザーのファビコンを生成してアップロードし、ページが見つからない/エラー 404 のカスタム ページを取得し、同じ Squarespace サイトで複数の言語を使用し、自動再生ビデオの背景の Squarespace カバー ページを作成し、Google アナリティクスを使用して訪問者のエンゲージメントを監視し、ページを下にスクロールするとフェードアウトするスクロール ヒントを設定し、ソーシャル メディア ハンドルをサイトに接続し、カスタム ボタン、境界線、グラフィックを作成することです。コーディングの経験をあまり多く積まず、Squarespace Web サイトの処理に創造性を発揮してください。

自信を持って言えば、この記事は大いに役立つと確信しています。コメントや質問を下記に残していただければ、ConveyThis のサポート チームがご連絡いたします。