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

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

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

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

彼らです：

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

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

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

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

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

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

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

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

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

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

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. Haveページを下にスクロールするとフェードアウトするスクロールヒント 

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

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

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

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

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

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

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

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