10 のヒントを使用して Squarespace Web サイトをカスタマイズする

ほとんどの人がすでに知識を持っているように、企業の経営者、ブロガー、フリーターにとって素晴らしいツールは Squarespace です。その理由は、Web サイトの作成と構築が簡単になるだけでなく、魅力的なものになるからです。このプラットフォームを使用することは、操作が簡単であり、興味深いことに、新しい事業への旅にそれほど時間がかからない起業家や中小企業の経営者にとっても費用がかからないため、非常に有利です。

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

ここでは、Squarespace Web サイトの外観、デザイン、雰囲気を変えるのに役立つことがわかっているサポート的なヒントをいくつか紹介します。このヒントは、より多くの視聴者トラフィックを獲得するのにも役立ち、それによりコンバージョン率の向上に役立ちます。このヒントのリストから、初めて見たり聞いたりするものもあれば、よく知っているものや、Squarespace で使用したことがあるものもあるかもしれません。時間をかけてこれらのヒントを確認し、実行すれば、最終的には自分にとって有益な隠された宝を掘り出すことができるでしょう。

彼らです：

1. Alt タグを使用してラベル付けされたすべての画像を取得する

altタグとは何ですか? alt タグは、画像に適用される属性またはテキストで、画像に説明を与え、検索で画像が必要になった場合にその画像を見つけるのにも役立ちます。これにより、検索エンジンが画像ではなくテキストを認識できるようになります。ブログやサイトの検索エンジン最適化 (SEO) により検索エンジンのランキングを迅速かつ簡単に向上させる良い方法は、画像に alt テキスト (代替テキスト) を追加して適用することです。サイトで利用できる画像の数によっては、この実践に時間がかかる場合がありますが、適切に実行すれば、優れた SEO を実現するための優れた演習となります。より多くの視聴者を惹きつけるには、画像の alt タグでユーザーをターゲットとする特別なキーワードを使用する必要があることに注意してください。

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

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

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

ほとんどの場合、使用しているテンプレートに完全に適合する適切な形式に画像をトリミングするだけで簡単です。

以下の図に示すように、画像の一部または別の部分に焦点を当てることができます。

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

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

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

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

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

5. 同じ Squarespace サイト内で複数の言語を使用する

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

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

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

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

7. Google Analyticsを使用して訪問者のエンゲージメントを監視する

「このページにいるあなたの多くは、この記事のほんの一部を読むだけですが、最後まで読むのに時間がかかる人はほとんどいません。これが私が知っている方法です」は、サイト訪問者の注意を引き付け、サイトでのエンゲージメントを高めることができます.人々があなたのサイトをどれだけ訪問し、どの程度利用しているかを知りたいですか?サイトの 1 ページにアクセスした直後にサイトを離れた訪問者がいるかどうかを知りたいですか?はいの場合は、戦略を立てるのに役立つため、サイトの Google アナリティクスを実行してください。ここで方法を学ぶのに役立つガイドを入手できます。これがどのように見えるかのサンプルを以下に示します。

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

サイト訪問者が「スクロール ヒント」にアクセスできる簡単なヘルプ。これは、ページが下にスクロールされると、ブラウザ ウィンドウの下部に取り付けられたゆっくりと消えていく矢印の形で表示され、逆の動作をしながらゆっくりと再び表示されます。

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

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

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

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

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

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

自信を持って言えば、この記事が大いに役立つと確信しています。以下にコメントや質問を書き込んでいただければ、ConveyThis のサポート チームがご連絡させていただきますので、ご安心ください。