Squarespace Web サイトをカスタマイズするための 10 の重要なヒント

多くの人がすでに持っているように、ビジネスオーナーやブロガー、ジョバーにとって素晴らしいツールの一つが Squarespaceです。その理由は、ウェブサイトの作成や構築が簡単であるだけでなく、魅力的になるからです。このプラットフォームを利用することは非常に有利です。なぜなら、操作が簡単であり、興味深いことに、新しい事業の旅を始めて間もなく起業家にとっても、小規模事業のオーナーにとっても費用がかからないからです。

しかし、美しいテンプレート、シンプルさ、Squarespace プラットフォームの設定と使用開始の容易さが、実際、ほとんどのユーザーがサイトをカスタマイズして優れたものにするのに苦労する理由です。、特別で、独特です。

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

彼らです：

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

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

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

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

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

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

以下の図に示すように、画像の一部または別の部分に焦点を当てるとよいでしょう:

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

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

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

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

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

5。同じサイトに複数の言語がある Squarespace

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

6。自動再生ビデオを作成する 背景’ Squarespace 表紙

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

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

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

“ などのステートメントこのページにいる皆さんの多くは、この記事で読んだものはほんのわずかですが、最後まで読むのに時間がかかるものはほんのわずかです。これが私の知る方法です” サイト訪問者の注意を引き付け、サイトでのエンゲージメントを高めることができます。人々があなたのサイトをどれだけ、どれだけうまく訪問し、関与しているかを知りたいですか？サイトの 1 ページにアクセスした直後にサイトを離れる訪問者もいるかどうかを知りたいですか？「はい」の場合は、サイトの Google 分析を実行します。これは戦略を立てるのに役立つからです。ここでその方法を学ぶのに役立つガイドを入手できます。これがどのように見えるかのサンプルを以下に示します:

8。ページを下にスクロールするとフェードアウトするスクロールヒントがあります 

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

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

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

 このアカウントを Web サイトに接続するための簡単なヘルプは、次の方法にあります 設定セクション、 選択 ウェブサイト、 そして選択する 接続されたアカウント。そこから、をクリックします アカウントを接続 タブして、Squarespace Web サイトにリンクするアカウントを選択します。

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

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

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

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